@rebasepro/admin 0.4.0 → 0.6.0

package/dist/history-BL49TIDb.js

@@ -0,0 +1,311 @@
+import { T as PropertyPreview, bn as useEntityHistory, ir as getPropertyInPath } from "./src-BJ8fkM8y.js";
+import { useEffect, useRef, useState } from "react";
+import { ArrowLeftIcon, Chip, ErrorBoundary, HistoryIcon, IconButton, Label, Tooltip, Typography, cls, defaultBorderMixin, iconSize } from "@rebasepro/ui";
+import { ConfirmationDialog, useAuthController, useSnackbarController } from "@rebasepro/core";
+import { getValueInPath } from "@rebasepro/utils";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/history/UserChip.tsx
+function UserChip({ user }) {
+	return /* @__PURE__ */ jsx(Tooltip, {
+		title: user.email ?? user.uid,
+		children: /* @__PURE__ */ jsxs(Chip, {
+			size: "small",
+			className: "flex items-center",
+			children: [user.photoURL && /* @__PURE__ */ jsx("img", {
+				className: "rounded-full w-6 h-6 mr-2",
+				src: user.photoURL,
+				alt: user.displayName ?? "User picture"
+			}), /* @__PURE__ */ jsx("span", { children: user.displayName ?? user.email ?? user.uid })]
+		})
+	});
+}
+//#endregion
+//#region src/components/history/EntityHistoryEntry.tsx
+/**
+* Recursive deep equality for primitives, arrays and plain objects.
+*/
+function deepEqual(a, b) {
+	if (a === b) return true;
+	if (a == null || b == null) return a === b;
+	if (typeof a !== typeof b) return false;
+	if (typeof a !== "object") return false;
+	if (Array.isArray(a)) {
+		if (!Array.isArray(b) || a.length !== b.length) return false;
+		return a.every((item, i) => deepEqual(item, b[i]));
+	}
+	if (Array.isArray(b)) return false;
+	const aObj = a;
+	const bObj = b;
+	const aKeys = Object.keys(aObj);
+	const bKeys = Object.keys(bObj);
+	if (aKeys.length !== bKeys.length) return false;
+	return aKeys.every((key) => key in bObj && deepEqual(aObj[key], bObj[key]));
+}
+function PreviousValueView({ previousValueInPath, childProperty, propertyKey }) {
+	if (typeof previousValueInPath === "string" || typeof previousValueInPath === "number") return /* @__PURE__ */ jsx(Typography, {
+		variant: "caption",
+		color: "secondary",
+		className: "line-through",
+		children: previousValueInPath
+	});
+	else if (typeof previousValueInPath === "boolean") return /* @__PURE__ */ jsx(Typography, {
+		variant: "caption",
+		color: "secondary",
+		className: "line-through",
+		children: previousValueInPath ? "true" : "false"
+	});
+	else return /* @__PURE__ */ jsx(Tooltip, {
+		side: "left",
+		title: /* @__PURE__ */ jsxs("div", {
+			className: "flex flex-col gap-2",
+			children: [/* @__PURE__ */ jsx(Typography, {
+				variant: "caption",
+				color: "secondary",
+				children: "Previous value"
+			}), /* @__PURE__ */ jsx(PropertyPreview, {
+				propertyKey,
+				value: previousValueInPath,
+				property: childProperty,
+				size: "small"
+			})]
+		}),
+		children: /* @__PURE__ */ jsx(ArrowLeftIcon, {
+			size: iconSize.smallest,
+			color: "disabled",
+			className: "mb-1"
+		})
+	});
+}
+/**
+* Displays a single entity history revision entry.
+* Adapted from the entity_history plugin — now reads from backend API data.
+*/
+function EntityHistoryEntry({ actions, hover, collection, size, entry }) {
+	const authController = useAuthController();
+	const changedFields = entry.changed_fields;
+	const previousValues = entry.previous_values;
+	const updatedOn = new Date(entry.updated_at);
+	const updatedBy = entry.updated_by;
+	const currentUser = authController.user;
+	const userDisplay = updatedBy === currentUser?.uid ? currentUser : void 0;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "w-full flex flex-col gap-2 mt-4",
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "ml-4 flex items-center gap-4",
+			children: [
+				/* @__PURE__ */ jsx(Typography, {
+					variant: "body2",
+					color: "secondary",
+					children: updatedOn.toLocaleString()
+				}),
+				/* @__PURE__ */ jsx(Chip, {
+					size: "small",
+					children: entry.action
+				}),
+				!userDisplay && updatedBy && /* @__PURE__ */ jsx(Chip, {
+					size: "small",
+					children: updatedBy
+				}),
+				userDisplay && /* @__PURE__ */ jsx(UserChip, { user: userDisplay })
+			]
+		}), /* @__PURE__ */ jsxs("div", {
+			className: cls("bg-white dark:bg-surface-900", "min-h-[44px]", "w-full", "items-center", hover ? "hover:bg-surface-accent-50 dark:hover:bg-surface-800" : "", size === "small" ? "p-1" : "px-2 py-1", "flex border rounded-lg", defaultBorderMixin),
+			children: [actions, /* @__PURE__ */ jsxs("div", {
+				className: "flex flex-col grow w-full m-1 shrink min-w-0",
+				children: [changedFields && collection && changedFields.map((key) => {
+					const childProperty = getPropertyInPath(collection.properties, key);
+					const valueInPath = entry.values ? getValueInPath(entry.values, key) : void 0;
+					const previousValueInPath = previousValues ? getValueInPath(previousValues, key) : void 0;
+					const element = childProperty ? /* @__PURE__ */ jsx(PropertyPreview, {
+						propertyKey: key,
+						value: valueInPath,
+						property: childProperty,
+						size: "small"
+					}) : /* @__PURE__ */ jsx(Typography, {
+						variant: "body2",
+						children: typeof valueInPath === "string" ? valueInPath : JSON.stringify(valueInPath)
+					});
+					return /* @__PURE__ */ jsxs("div", {
+						className: "flex w-full my-1 items-center",
+						children: [/* @__PURE__ */ jsx(Typography, {
+							variant: "caption",
+							color: "secondary",
+							className: "min-w-[140px] md:min-w-[200px] w-1/5 pr-8 overflow-hidden text-ellipsis text-right",
+							children: key
+						}), /* @__PURE__ */ jsxs("div", {
+							className: "w-4/5",
+							children: [previousValueInPath !== void 0 && !deepEqual(previousValueInPath, valueInPath) && /* @__PURE__ */ jsx(PreviousValueView, {
+								previousValueInPath,
+								childProperty,
+								propertyKey: key
+							}), element]
+						})]
+					}, "ref_prev_" + key);
+				}), (!changedFields || changedFields.length === 0) && /* @__PURE__ */ jsx(Typography, {
+					variant: "caption",
+					color: "secondary",
+					className: "ml-4",
+					children: entry.action === "create" ? "Entity created" : entry.action === "delete" ? "Entity deleted" : "No field changes recorded"
+				})]
+			})]
+		})]
+	});
+}
+//#endregion
+//#region src/components/history/EntityHistoryView.tsx
+/**
+* Entity history tab view. Shows a paginated list of entity revisions
+* fetched from the backend API. Supports infinite scroll and revert.
+*/
+function EntityHistoryView({ entity, collection, formContext }) {
+	const snackbarController = useSnackbarController();
+	useAuthController();
+	const dirty = formContext?.formex.dirty;
+	const slug = collection.slug;
+	const entityId = entity?.id;
+	const { entries, isLoading, hasMore, loadMore, revert } = useEntityHistory({
+		slug,
+		entityId,
+		enabled: !!entityId,
+		pageSize: 10
+	});
+	const [revertHistoryId, setRevertHistoryId] = useState();
+	const [isReverting, setIsReverting] = useState(false);
+	const containerRef = useRef(null);
+	const loadMoreRef = useRef(null);
+	useEffect(() => {
+		const currentContainer = containerRef.current;
+		const currentLoadMore = loadMoreRef.current;
+		if (!currentContainer || !currentLoadMore || !hasMore || isLoading) return;
+		const observer = new IntersectionObserver((observerEntries) => {
+			if (observerEntries[0].isIntersecting && hasMore && !isLoading) loadMore();
+		}, {
+			root: currentContainer,
+			rootMargin: "0px 0px 200px 0px",
+			threshold: .01
+		});
+		observer.observe(currentLoadMore);
+		return () => observer.disconnect();
+	}, [
+		hasMore,
+		isLoading,
+		entries.length,
+		loadMore
+	]);
+	if (!entity) return /* @__PURE__ */ jsx("div", {
+		className: "flex items-center justify-center h-full",
+		children: /* @__PURE__ */ jsx(Label, { children: "HistoryIcon is only available for existing entities" })
+	});
+	async function doRevert(historyId) {
+		setIsReverting(true);
+		try {
+			const revertedValues = await revert(historyId);
+			setRevertHistoryId(void 0);
+			if (formContext?.formex?.resetForm && revertedValues) formContext.formex.resetForm({
+				values: revertedValues,
+				submitCount: 0,
+				touched: {}
+			});
+			snackbarController.open({
+				message: "Reverted to selected version",
+				type: "info"
+			});
+		} catch (error) {
+			console.error("Error reverting entity:", error);
+			snackbarController.open({
+				message: "Error reverting entity",
+				type: "error"
+			});
+		} finally {
+			setIsReverting(false);
+		}
+	}
+	const revertEntry = revertHistoryId ? entries.find((e) => e.id === revertHistoryId) : void 0;
+	return /* @__PURE__ */ jsxs("div", {
+		ref: containerRef,
+		className: cls("relative flex-1 h-full overflow-auto w-full flex flex-col gap-4 p-8"),
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex flex-col gap-2 max-w-6xl mx-auto w-full",
+			children: [
+				/* @__PURE__ */ jsx(Typography, {
+					variant: "h5",
+					className: "mt-24 ml-4",
+					children: "HistoryIcon"
+				}),
+				isLoading && entries.length === 0 && /* @__PURE__ */ jsx("div", {
+					className: "flex flex-col gap-4 mt-8 ml-4",
+					children: [
+						1,
+						2,
+						3
+					].map((i) => /* @__PURE__ */ jsxs("div", {
+						className: "flex flex-col gap-2 animate-pulse",
+						children: [/* @__PURE__ */ jsx("div", { className: "h-4 w-48 bg-surface-200 dark:bg-surface-700 rounded" }), /* @__PURE__ */ jsx("div", { className: "h-12 w-full bg-surface-100 dark:bg-surface-900 rounded-lg border border-surface-200 dark:border-surface-700" })]
+					}, i))
+				}),
+				!isLoading && entries.length === 0 && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Label, {
+					className: "ml-4 mt-8",
+					children: "No history available"
+				}), /* @__PURE__ */ jsx(Typography, {
+					variant: "caption",
+					className: "ml-4",
+					children: "When you save an entity, a new version is created and stored in the history."
+				})] }),
+				entries.map((entry) => /* @__PURE__ */ jsx("div", {
+					className: "flex flex-cols gap-2 w-full",
+					children: /* @__PURE__ */ jsx(EntityHistoryEntry, {
+						entry,
+						collection,
+						size: "medium",
+						actions: /* @__PURE__ */ jsx(Tooltip, {
+							title: "Revert to this version",
+							className: "m-2 grow-0 self-start",
+							children: /* @__PURE__ */ jsx(IconButton, {
+								onClick: () => {
+									if (dirty) snackbarController.open({
+										message: "Please save or discard your changes before reverting",
+										type: "warning"
+									});
+									else setRevertHistoryId(entry.id);
+								},
+								children: /* @__PURE__ */ jsx(HistoryIcon, {})
+							})
+						})
+					})
+				}, entry.id)),
+				entries.length > 0 && /* @__PURE__ */ jsxs("div", {
+					ref: loadMoreRef,
+					className: "py-4 text-center",
+					children: [isLoading && /* @__PURE__ */ jsx(Label, { children: "Loading more..." }), !hasMore && entries.length > 10 && /* @__PURE__ */ jsx(Label, { children: "No more history available" })]
+				})
+			]
+		}), /* @__PURE__ */ jsx(ErrorBoundary, { children: /* @__PURE__ */ jsx(ConfirmationDialog, {
+			open: Boolean(revertHistoryId),
+			onAccept: () => {
+				if (revertHistoryId) doRevert(revertHistoryId);
+			},
+			onCancel: () => setRevertHistoryId(void 0),
+			title: /* @__PURE__ */ jsx(Typography, {
+				variant: "subtitle2",
+				children: "Revert data to this version?"
+			}),
+			body: revertEntry ? /* @__PURE__ */ jsx("div", {
+				className: "p-4",
+				children: /* @__PURE__ */ jsxs(Typography, {
+					variant: "caption",
+					color: "secondary",
+					children: [
+						"This will save the entity with the values from",
+						" ",
+						new Date(revertEntry.updated_at).toLocaleString(),
+						". A new history entry will be created for the revert."
+					]
+				})
+			}) : null
+		}) })]
+	});
+}
+//#endregion
+export { EntityHistoryView };
+
+//# sourceMappingURL=history-BL49TIDb.js.map

package/dist/history-BL49TIDb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"history-BL49TIDb.js","names":[],"sources":["../src/components/history/UserChip.tsx","../src/components/history/EntityHistoryEntry.tsx","../src/components/history/EntityHistoryView.tsx"],"sourcesContent":["import { User } from \"@rebasepro/types\";\nimport { Chip, Tooltip } from \"@rebasepro/ui\";\n\nexport function UserChip({ user }: { user: User }) {\n    return (\n        <Tooltip title={user.email ?? user.uid}>\n            <Chip size={\"small\"} className={\"flex items-center\"}>\n                {user.photoURL && <img\n                    className={\"rounded-full w-6 h-6 mr-2\"}\n                    src={user.photoURL} alt={user.displayName ?? \"User picture\"}/>}\n                <span>{user.displayName ?? user.email ?? user.uid}</span>\n            </Chip>\n        </Tooltip>\n    );\n}\n","import type { EntityCollection } from \"@rebasepro/types\";\nimport type { Property } from \"@rebasepro/types\";\nimport * as React from \"react\";\n\nimport { ArrowLeftIcon, Chip, cls, defaultBorderMixin, iconSize, Tooltip, Typography } from \"@rebasepro/ui\";\nimport { PreviewSize } from \"../../types/components/PropertyPreviewProps\";\nimport { getPropertyInPath } from \"../../util/property_utils\";\nimport { PropertyPreview } from \"../../preview/PropertyPreview\";\nimport { SkeletonPropertyComponent } from \"../../preview/property_previews/SkeletonPropertyComponent\";\nimport { useAuthController } from \"@rebasepro/core\";\nimport { UserChip } from \"./UserChip\";\nimport { HistoryEntryData } from \"../../hooks\";\nimport { getValueInPath } from \"@rebasepro/utils\";\n\n/**\n * Recursive deep equality for primitives, arrays and plain objects.\n */\nfunction deepEqual(a: unknown, b: unknown): boolean {\n    if (a === b) return true;\n    if (a == null || b == null) return a === b;\n    if (typeof a !== typeof b) return false;\n    if (typeof a !== \"object\") return false;\n\n    if (Array.isArray(a)) {\n        if (!Array.isArray(b) || a.length !== (b as unknown[]).length) return false;\n        return a.every((item, i) => deepEqual(item, (b as unknown[])[i]));\n    }\n\n    if (Array.isArray(b)) return false;\n\n    const aObj = a as Record<string, unknown>;\n    const bObj = b as Record<string, unknown>;\n    const aKeys = Object.keys(aObj);\n    const bKeys = Object.keys(bObj);\n    if (aKeys.length !== bKeys.length) return false;\n    return aKeys.every(key => key in bObj && deepEqual(aObj[key], bObj[key]));\n}\n\nexport type EntityHistoryEntryProps = {\n    size: PreviewSize;\n    actions?: React.ReactNode;\n    collection?: EntityCollection;\n    hover?: boolean;\n    entry: HistoryEntryData;\n    onClick?: (e: React.SyntheticEvent) => void;\n};\n\nfunction PreviousValueView({\n    previousValueInPath,\n    childProperty,\n    propertyKey\n}: {\n    previousValueInPath: unknown;\n    childProperty: Property;\n    propertyKey: string;\n}) {\n    if (typeof previousValueInPath === \"string\" || typeof previousValueInPath === \"number\") {\n        return <Typography variant={\"caption\"} color={\"secondary\"} className=\"line-through\">\n            {previousValueInPath}\n        </Typography>;\n    } else if (typeof previousValueInPath === \"boolean\") {\n        return <Typography variant={\"caption\"} color={\"secondary\"} className=\"line-through\">\n            {previousValueInPath ? \"true\" : \"false\"}\n        </Typography>;\n    } else {\n        return <Tooltip\n            side={\"left\"}\n            title={<div className={\"flex flex-col gap-2\"}>\n                <Typography variant={\"caption\"} color={\"secondary\"}>\n                    Previous value\n                </Typography>\n                <PropertyPreview\n                    propertyKey={propertyKey as string}\n                    value={previousValueInPath as never}\n                    property={childProperty as Property}\n                    size={\"small\"}/>\n            </div>}>\n            <ArrowLeftIcon size={iconSize.smallest} color={\"disabled\"} className={\"mb-1\"}/>\n        </Tooltip>\n    }\n}\n\n/**\n * Displays a single entity history revision entry.\n * Adapted from the entity_history plugin — now reads from backend API data.\n */\nexport function EntityHistoryEntry({\n    actions,\n    hover,\n    collection,\n    size,\n    entry\n}: EntityHistoryEntryProps) {\n\n    const authController = useAuthController();\n\n    const changedFields = entry.changed_fields;\n    const previousValues = entry.previous_values;\n    const updatedOn = new Date(entry.updated_at);\n    const updatedBy = entry.updated_by;\n\n    // Resolve user display\n    const currentUser = authController.user;\n    const userDisplay = updatedBy === currentUser?.uid\n        ? currentUser\n        : undefined;\n\n    return <div className={\"w-full flex flex-col gap-2 mt-4\"}>\n        <div className={\"ml-4 flex items-center gap-4\"}>\n            <Typography variant={\"body2\"} color={\"secondary\"}>\n                {updatedOn.toLocaleString()}\n            </Typography>\n            <Chip size={\"small\"}>\n                {entry.action}\n            </Chip>\n            {!userDisplay && updatedBy && <Chip size={\"small\"}>{updatedBy}</Chip>}\n            {userDisplay && <UserChip user={userDisplay}/>}\n        </div>\n        <div\n            className={cls(\n                \"bg-white dark:bg-surface-900\",\n                \"min-h-[44px]\",\n                \"w-full\",\n                \"items-center\",\n                hover ? \"hover:bg-surface-accent-50 dark:hover:bg-surface-800\" : \"\",\n                size === \"small\" ? \"p-1\" : \"px-2 py-1\",\n                \"flex border rounded-lg\",\n                defaultBorderMixin\n            )}>\n\n            {actions}\n\n            <div className={\"flex flex-col grow w-full m-1 shrink min-w-0\"}>\n\n                {changedFields && collection && changedFields.map((key: string) => {\n                    const childProperty = getPropertyInPath(collection.properties, key);\n                    const valueInPath = entry.values ? getValueInPath(entry.values, key) : undefined;\n                    const previousValueInPath = previousValues ? getValueInPath(previousValues, key) : undefined;\n\n                    const element = childProperty\n                        ? <PropertyPreview\n                            propertyKey={key}\n                            value={valueInPath as never}\n                            property={childProperty as Property}\n                            size={\"small\"}/>\n                        : <Typography variant={\"body2\"}>\n                            {typeof valueInPath === \"string\" ? valueInPath : JSON.stringify(valueInPath)}\n                        </Typography>;\n\n                    return (\n                        <div key={\"ref_prev_\" + key}\n                            className=\"flex w-full my-1 items-center\">\n                            <Typography variant={\"caption\"}\n                                color={\"secondary\"}\n                                className=\"min-w-[140px] md:min-w-[200px] w-1/5 pr-8 overflow-hidden text-ellipsis text-right\">\n                                {key}\n                            </Typography>\n                            <div className=\"w-4/5\">\n                                {previousValueInPath !== undefined && !deepEqual(previousValueInPath, valueInPath) &&\n                                    <PreviousValueView previousValueInPath={previousValueInPath}\n                                        childProperty={childProperty as Property}\n                                        propertyKey={key}/>\n                                }\n                                {element}\n                            </div>\n                        </div>\n                    );\n                })}\n\n                {(!changedFields || changedFields.length === 0) && (\n                    <Typography variant={\"caption\"} color={\"secondary\"} className=\"ml-4\">\n                        {entry.action === \"create\" ? \"Entity created\" :\n                            entry.action === \"delete\" ? \"Entity deleted\" : \"No field changes recorded\"}\n                    </Typography>\n                )}\n\n            </div>\n\n        </div>\n    </div>;\n}\n","\nimport type { EntityCustomViewParams } from \"@rebasepro/types\";\nimport { useRef, useEffect } from \"react\";\nimport { cls, IconButton, Label, Tooltip, Typography } from \"@rebasepro/ui\";\nimport { ErrorBoundary, HistoryIcon } from \"@rebasepro/ui\";\nimport { EntityHistoryEntry } from \"./EntityHistoryEntry\";\nimport { useSnackbarController, useAuthController } from \"@rebasepro/core\";\nimport { ConfirmationDialog } from \"@rebasepro/core\";\nimport { useState } from \"react\";\nimport { useEntityHistory } from \"../../index\";\n\n/**\n * Entity history tab view. Shows a paginated list of entity revisions\n * fetched from the backend API. Supports infinite scroll and revert.\n */\nexport function EntityHistoryView<M extends Record<string, unknown>>({\n    entity,\n    collection,\n    formContext\n}: EntityCustomViewParams<M>) {\n\n    const snackbarController = useSnackbarController();\n    const authController = useAuthController();\n    const dirty = formContext?.formex.dirty;\n\n    const slug = collection.slug;\n    const entityId = entity?.id;\n\n    const {\n        entries,\n        isLoading,\n        hasMore,\n        loadMore,\n        revert\n    } = useEntityHistory({\n        slug,\n        entityId,\n        enabled: !!entityId,\n        pageSize: 10\n    });\n\n    const [revertHistoryId, setRevertHistoryId] = useState<string | undefined>();\n    const [isReverting, setIsReverting] = useState(false);\n\n    const containerRef = useRef<HTMLDivElement>(null);\n    const loadMoreRef = useRef<HTMLDivElement>(null);\n\n    // Intersection observer for infinite scroll\n    useEffect(() => {\n        const currentContainer = containerRef.current;\n        const currentLoadMore = loadMoreRef.current;\n\n        if (!currentContainer || !currentLoadMore || !hasMore || isLoading) return;\n\n        const observer = new IntersectionObserver(\n            (observerEntries) => {\n                if (observerEntries[0].isIntersecting && hasMore && !isLoading) {\n                    loadMore();\n                }\n            },\n            {\n                root: currentContainer,\n                rootMargin: \"0px 0px 200px 0px\",\n                threshold: 0.01\n            }\n        );\n\n        observer.observe(currentLoadMore);\n\n        return () => observer.disconnect();\n    }, [hasMore, isLoading, entries.length, loadMore]);\n\n    if (!entity) {\n        return <div className=\"flex items-center justify-center h-full\">\n            <Label>HistoryIcon is only available for existing entities</Label>\n        </div>;\n    }\n\n    async function doRevert(historyId: string) {\n        setIsReverting(true);\n        try {\n            const revertedValues = await revert(historyId);\n            setRevertHistoryId(undefined);\n\n            // Reset the form with the reverted values so the UI updates\n            // immediately without requiring a page refresh.\n            if (formContext?.formex?.resetForm && revertedValues) {\n                formContext.formex.resetForm({\n                    values: revertedValues as M,\n                    submitCount: 0,\n                    touched: {}\n                });\n            }\n\n            snackbarController.open({\n                message: \"Reverted to selected version\",\n                type: \"info\"\n            });\n        } catch (error) {\n            console.error(\"Error reverting entity:\", error);\n            snackbarController.open({\n                message: \"Error reverting entity\",\n                type: \"error\"\n            });\n        } finally {\n            setIsReverting(false);\n        }\n    }\n\n    const revertEntry = revertHistoryId\n        ? entries.find(e => e.id === revertHistoryId)\n        : undefined;\n\n    return <div\n        ref={containerRef}\n        className={cls(\"relative flex-1 h-full overflow-auto w-full flex flex-col gap-4 p-8\")}>\n        <div className=\"flex flex-col gap-2 max-w-6xl mx-auto w-full\">\n\n            <Typography variant={\"h5\"} className={\"mt-24 ml-4\"}>\n                HistoryIcon\n            </Typography>\n\n            {isLoading && entries.length === 0 && (\n                <div className=\"flex flex-col gap-4 mt-8 ml-4\">\n                    {[1, 2, 3].map(i => (\n                        <div key={i} className=\"flex flex-col gap-2 animate-pulse\">\n                            <div className=\"h-4 w-48 bg-surface-200 dark:bg-surface-700 rounded\"/>\n                            <div className=\"h-12 w-full bg-surface-100 dark:bg-surface-900 rounded-lg border border-surface-200 dark:border-surface-700\"/>\n                        </div>\n                    ))}\n                </div>\n            )}\n\n            {!isLoading && entries.length === 0 && <>\n                <Label className={\"ml-4 mt-8\"}>\n                    No history available\n                </Label>\n                <Typography variant={\"caption\"} className={\"ml-4\"}>\n                    When you save an entity, a new version is created and stored in the history.\n                </Typography>\n            </>}\n\n            {entries.map((entry) => (\n                <div key={entry.id} className=\"flex flex-cols gap-2 w-full\">\n                    <EntityHistoryEntry\n                        entry={entry}\n                        collection={collection}\n                        size={\"medium\"}\n                        actions={\n                            <Tooltip title={\"Revert to this version\"}\n                                className={\"m-2 grow-0 self-start\"}>\n                                <IconButton\n                                    onClick={() => {\n                                        if (dirty) {\n                                            snackbarController.open({\n                                                message: \"Please save or discard your changes before reverting\",\n                                                type: \"warning\"\n                                            });\n                                        } else {\n                                            setRevertHistoryId(entry.id);\n                                        }\n                                    }}>\n                                    <HistoryIcon/>\n                                </IconButton>\n                            </Tooltip>\n                        }\n                    />\n                </div>\n            ))}\n\n            {/* Load more sentinel */}\n            {entries.length > 0 && (\n                <div ref={loadMoreRef} className=\"py-4 text-center\">\n                    {isLoading && <Label>Loading more...</Label>}\n                    {!hasMore && entries.length > 10 && <Label>No more history available</Label>}\n                </div>\n            )}\n        </div>\n\n        <ErrorBoundary>\n            <ConfirmationDialog\n                open={Boolean(revertHistoryId)}\n                onAccept={() => {\n                    if (revertHistoryId) doRevert(revertHistoryId);\n                }}\n                onCancel={() => setRevertHistoryId(undefined)}\n                title={<Typography variant={\"subtitle2\"}>Revert data to this version?</Typography>}\n                body={revertEntry\n                    ? <div className=\"p-4\">\n                        <Typography variant={\"caption\"} color={\"secondary\"}>\n                            This will save the entity with the values from{\" \"}\n                            {new Date(revertEntry.updated_at).toLocaleString()}.\n                            A new history entry will be created for the revert.\n                        </Typography>\n                    </div>\n                    : null\n                }\n            />\n        </ErrorBoundary>\n    </div>;\n}\n"],"mappings":";;;;;;;AAGA,SAAgB,SAAS,EAAE,QAAwB;CAC/C,OACI,oBAAC,SAAD;EAAS,OAAO,KAAK,SAAS,KAAK;YAC/B,qBAAC,MAAD;GAAM,MAAM;GAAS,WAAW;aAAhC,CACK,KAAK,YAAY,oBAAC,OAAD;IACd,WAAW;IACX,KAAK,KAAK;IAAU,KAAK,KAAK,eAAe;GAAgB,CAAA,GACjE,oBAAC,QAAD,EAAA,UAAO,KAAK,eAAe,KAAK,SAAS,KAAK,IAAU,CAAA,CACtD;;CACD,CAAA;AAEjB;;;;;;ACGA,SAAS,UAAU,GAAY,GAAqB;CAChD,IAAI,MAAM,GAAG,OAAO;CACpB,IAAI,KAAK,QAAQ,KAAK,MAAM,OAAO,MAAM;CACzC,IAAI,OAAO,MAAM,OAAO,GAAG,OAAO;CAClC,IAAI,OAAO,MAAM,UAAU,OAAO;CAElC,IAAI,MAAM,QAAQ,CAAC,GAAG;EAClB,IAAI,CAAC,MAAM,QAAQ,CAAC,KAAK,EAAE,WAAY,EAAgB,QAAQ,OAAO;EACtE,OAAO,EAAE,OAAO,MAAM,MAAM,UAAU,MAAO,EAAgB,EAAE,CAAC;CACpE;CAEA,IAAI,MAAM,QAAQ,CAAC,GAAG,OAAO;CAE7B,MAAM,OAAO;CACb,MAAM,OAAO;CACb,MAAM,QAAQ,OAAO,KAAK,IAAI;CAC9B,MAAM,QAAQ,OAAO,KAAK,IAAI;CAC9B,IAAI,MAAM,WAAW,MAAM,QAAQ,OAAO;CAC1C,OAAO,MAAM,OAAM,QAAO,OAAO,QAAQ,UAAU,KAAK,MAAM,KAAK,IAAI,CAAC;AAC5E;AAWA,SAAS,kBAAkB,EACvB,qBACA,eACA,eAKD;CACC,IAAI,OAAO,wBAAwB,YAAY,OAAO,wBAAwB,UAC1E,OAAO,oBAAC,YAAD;EAAY,SAAS;EAAW,OAAO;EAAa,WAAU;YAChE;CACO,CAAA;MACT,IAAI,OAAO,wBAAwB,WACtC,OAAO,oBAAC,YAAD;EAAY,SAAS;EAAW,OAAO;EAAa,WAAU;YAChE,sBAAsB,SAAS;CACxB,CAAA;MAEZ,OAAO,oBAAC,SAAD;EACH,MAAM;EACN,OAAO,qBAAC,OAAD;GAAK,WAAW;aAAhB,CACH,oBAAC,YAAD;IAAY,SAAS;IAAW,OAAO;cAAa;GAExC,CAAA,GACZ,oBAAC,iBAAD;IACiB;IACb,OAAO;IACP,UAAU;IACV,MAAM;GAAS,CAAA,CAClB;;YACL,oBAAC,eAAD;GAAe,MAAM,SAAS;GAAU,OAAO;GAAY,WAAW;EAAQ,CAAA;CACzE,CAAA;AAEjB;;;;;AAMA,SAAgB,mBAAmB,EAC/B,SACA,OACA,YACA,MACA,SACwB;CAExB,MAAM,iBAAiB,kBAAkB;CAEzC,MAAM,gBAAgB,MAAM;CAC5B,MAAM,iBAAiB,MAAM;CAC7B,MAAM,YAAY,IAAI,KAAK,MAAM,UAAU;CAC3C,MAAM,YAAY,MAAM;CAGxB,MAAM,cAAc,eAAe;CACnC,MAAM,cAAc,cAAc,aAAa,MACzC,cACA,KAAA;CAEN,OAAO,qBAAC,OAAD;EAAK,WAAW;YAAhB,CACH,qBAAC,OAAD;GAAK,WAAW;aAAhB;IACI,oBAAC,YAAD;KAAY,SAAS;KAAS,OAAO;eAChC,UAAU,eAAe;IAClB,CAAA;IACZ,oBAAC,MAAD;KAAM,MAAM;eACP,MAAM;IACL,CAAA;IACL,CAAC,eAAe,aAAa,oBAAC,MAAD;KAAM,MAAM;eAAU;IAAgB,CAAA;IACnE,eAAe,oBAAC,UAAD,EAAU,MAAM,YAAa,CAAA;GAC5C;MACL,qBAAC,OAAD;GACI,WAAW,IACP,gCACA,gBACA,UACA,gBACA,QAAQ,yDAAyD,IACjE,SAAS,UAAU,QAAQ,aAC3B,0BACA,kBACJ;aAVJ,CAYK,SAED,qBAAC,OAAD;IAAK,WAAW;cAAhB,CAEK,iBAAiB,cAAc,cAAc,KAAK,QAAgB;KAC/D,MAAM,gBAAgB,kBAAkB,WAAW,YAAY,GAAG;KAClE,MAAM,cAAc,MAAM,SAAS,eAAe,MAAM,QAAQ,GAAG,IAAI,KAAA;KACvE,MAAM,sBAAsB,iBAAiB,eAAe,gBAAgB,GAAG,IAAI,KAAA;KAEnF,MAAM,UAAU,gBACV,oBAAC,iBAAD;MACE,aAAa;MACb,OAAO;MACP,UAAU;MACV,MAAM;KAAS,CAAA,IACjB,oBAAC,YAAD;MAAY,SAAS;gBAClB,OAAO,gBAAgB,WAAW,cAAc,KAAK,UAAU,WAAW;KACnE,CAAA;KAEhB,OACI,qBAAC,OAAD;MACI,WAAU;gBADd,CAEI,oBAAC,YAAD;OAAY,SAAS;OACjB,OAAO;OACP,WAAU;iBACT;MACO,CAAA,GACZ,qBAAC,OAAD;OAAK,WAAU;iBAAf,CACK,wBAAwB,KAAA,KAAa,CAAC,UAAU,qBAAqB,WAAW,KAC7E,oBAAC,mBAAD;QAAwC;QACrB;QACf,aAAa;OAAK,CAAA,GAEzB,OACA;QACJ;QAfK,cAAc,GAenB;IAEb,CAAC,IAEC,CAAC,iBAAiB,cAAc,WAAW,MACzC,oBAAC,YAAD;KAAY,SAAS;KAAW,OAAO;KAAa,WAAU;eACzD,MAAM,WAAW,WAAW,mBACzB,MAAM,WAAW,WAAW,mBAAmB;IAC3C,CAAA,CAGf;KAEJ;IACJ;;AACT;;;;;;;ACrKA,SAAgB,kBAAqD,EACjE,QACA,YACA,eAC0B;CAE1B,MAAM,qBAAqB,sBAAsB;CAC1B,kBAAkB;CACzC,MAAM,QAAQ,aAAa,OAAO;CAElC,MAAM,OAAO,WAAW;CACxB,MAAM,WAAW,QAAQ;CAEzB,MAAM,EACF,SACA,WACA,SACA,UACA,WACA,iBAAiB;EACjB;EACA;EACA,SAAS,CAAC,CAAC;EACX,UAAU;CACd,CAAC;CAED,MAAM,CAAC,iBAAiB,sBAAsB,SAA6B;CAC3E,MAAM,CAAC,aAAa,kBAAkB,SAAS,KAAK;CAEpD,MAAM,eAAe,OAAuB,IAAI;CAChD,MAAM,cAAc,OAAuB,IAAI;CAG/C,gBAAgB;EACZ,MAAM,mBAAmB,aAAa;EACtC,MAAM,kBAAkB,YAAY;EAEpC,IAAI,CAAC,oBAAoB,CAAC,mBAAmB,CAAC,WAAW,WAAW;EAEpE,MAAM,WAAW,IAAI,sBAChB,oBAAoB;GACjB,IAAI,gBAAgB,GAAG,kBAAkB,WAAW,CAAC,WACjD,SAAS;EAEjB,GACA;GACI,MAAM;GACN,YAAY;GACZ,WAAW;EACf,CACJ;EAEA,SAAS,QAAQ,eAAe;EAEhC,aAAa,SAAS,WAAW;CACrC,GAAG;EAAC;EAAS;EAAW,QAAQ;EAAQ;CAAQ,CAAC;CAEjD,IAAI,CAAC,QACD,OAAO,oBAAC,OAAD;EAAK,WAAU;YAClB,oBAAC,OAAD,EAAA,UAAO,sDAA0D,CAAA;CAChE,CAAA;CAGT,eAAe,SAAS,WAAmB;EACvC,eAAe,IAAI;EACnB,IAAI;GACA,MAAM,iBAAiB,MAAM,OAAO,SAAS;GAC7C,mBAAmB,KAAA,CAAS;GAI5B,IAAI,aAAa,QAAQ,aAAa,gBAClC,YAAY,OAAO,UAAU;IACzB,QAAQ;IACR,aAAa;IACb,SAAS,CAAC;GACd,CAAC;GAGL,mBAAmB,KAAK;IACpB,SAAS;IACT,MAAM;GACV,CAAC;EACL,SAAS,OAAO;GACZ,QAAQ,MAAM,2BAA2B,KAAK;GAC9C,mBAAmB,KAAK;IACpB,SAAS;IACT,MAAM;GACV,CAAC;EACL,UAAU;GACN,eAAe,KAAK;EACxB;CACJ;CAEA,MAAM,cAAc,kBACd,QAAQ,MAAK,MAAK,EAAE,OAAO,eAAe,IAC1C,KAAA;CAEN,OAAO,qBAAC,OAAD;EACH,KAAK;EACL,WAAW,IAAI,qEAAqE;YAFjF,CAGH,qBAAC,OAAD;GAAK,WAAU;aAAf;IAEI,oBAAC,YAAD;KAAY,SAAS;KAAM,WAAW;eAAc;IAExC,CAAA;IAEX,aAAa,QAAQ,WAAW,KAC7B,oBAAC,OAAD;KAAK,WAAU;eACV;MAAC;MAAG;MAAG;KAAC,EAAE,KAAI,MACX,qBAAC,OAAD;MAAa,WAAU;gBAAvB,CACI,oBAAC,OAAD,EAAK,WAAU,sDAAsD,CAAA,GACrE,oBAAC,OAAD,EAAK,WAAU,8GAA8G,CAAA,CAC5H;QAHK,CAGL,CACR;IACA,CAAA;IAGR,CAAC,aAAa,QAAQ,WAAW,KAAK,qBAAA,UAAA,EAAA,UAAA,CACnC,oBAAC,OAAD;KAAO,WAAW;eAAa;IAExB,CAAA,GACP,oBAAC,YAAD;KAAY,SAAS;KAAW,WAAW;eAAQ;IAEvC,CAAA,CACd,EAAA,CAAA;IAED,QAAQ,KAAK,UACV,oBAAC,OAAD;KAAoB,WAAU;eAC1B,oBAAC,oBAAD;MACW;MACK;MACZ,MAAM;MACN,SACI,oBAAC,SAAD;OAAS,OAAO;OACZ,WAAW;iBACX,oBAAC,YAAD;QACI,eAAe;SACX,IAAI,OACA,mBAAmB,KAAK;UACpB,SAAS;UACT,MAAM;SACV,CAAC;cAED,mBAAmB,MAAM,EAAE;QAEnC;kBACA,oBAAC,aAAD,CAAa,CAAA;OACL,CAAA;MACP,CAAA;KAEhB,CAAA;IACA,GAxBK,MAAM,EAwBX,CACR;IAGA,QAAQ,SAAS,KACd,qBAAC,OAAD;KAAK,KAAK;KAAa,WAAU;eAAjC,CACK,aAAa,oBAAC,OAAD,EAAA,UAAO,kBAAsB,CAAA,GAC1C,CAAC,WAAW,QAAQ,SAAS,MAAM,oBAAC,OAAD,EAAA,UAAO,4BAAgC,CAAA,CAC1E;;GAER;MAEL,oBAAC,eAAD,EAAA,UACI,oBAAC,oBAAD;GACI,MAAM,QAAQ,eAAe;GAC7B,gBAAgB;IACZ,IAAI,iBAAiB,SAAS,eAAe;GACjD;GACA,gBAAgB,mBAAmB,KAAA,CAAS;GAC5C,OAAO,oBAAC,YAAD;IAAY,SAAS;cAAa;GAAwC,CAAA;GACjF,MAAM,cACA,oBAAC,OAAD;IAAK,WAAU;cACb,qBAAC,YAAD;KAAY,SAAS;KAAW,OAAO;eAAvC;MAAoD;MACD;MAC9C,IAAI,KAAK,YAAY,UAAU,EAAE,eAAe;MAAE;KAE3C;;GACX,CAAA,IACH;EAET,CAAA,EACU,CAAA,CACd;;AACT"}

package/dist/hooks/navigation/useBuildNavigationStateController.d.ts

@@ -2,7 +2,6 @@ import type { AppView, EntityCollection, RebasePlugin, NavigationStateController
 import { AuthController, RebaseData, CollectionRegistryController, User } from "@rebasepro/types";
 import type { EntityCollectionsBuilder, AppViewsBuilder, EffectiveRoleController } from "@rebasepro/types";
 import { CollectionRegistry } from "@rebasepro/common";
-import { UserManagementDelegate } from "@rebasepro/types";
 export type BuildNavigationStateProps<EC extends EntityCollection, USER extends User> = {
     authController: AuthController<USER>;
     collections?: EC[] | EntityCollectionsBuilder<EC>;
@@ -19,7 +18,6 @@ export type BuildNavigationStateProps<EC extends EntityCollection, USER extends
     urlController: UrlController;
     adminMode?: "content" | "studio" | "settings";
     effectiveRoleController?: EffectiveRoleController;
-    userManagement?: UserManagementDelegate<USER>;
 };
 /**
  * Main hook that resolves collections, views, and admin views into a

package/dist/hooks/navigation/useNavigationResolution.d.ts

@@ -1,7 +1,6 @@
-import type { AppView, AppViewsBuilder, EntityCollection, RebasePlugin } from "@rebasepro/types";
-import { AuthController, User, RebaseData } from "@rebasepro/types";
-import type { EntityCollectionsBuilder } from "@rebasepro/types";
-export declare function filterOutNotAllowedCollections(resolvedCollections: EntityCollection[], authController: AuthController<User>): EntityCollection[];
+import type { AppView, AppViewsBuilder, EntityCollection, EntityCollectionsBuilder, RebasePlugin } from "@rebasepro/types";
+import { type AuthController, type RebaseData } from "@rebasepro/types";
+export declare function filterOutNotAllowedCollections(resolvedCollections: EntityCollection[], authController: AuthController): EntityCollection[];
 export declare function applyPluginModifyCollection(resolvedCollections: EntityCollection[], modifyCollection: (collection: EntityCollection) => EntityCollection): EntityCollection[];
-export declare function resolveCollections<U extends User, EC extends EntityCollection>(collections: undefined | EC[] | EntityCollectionsBuilder<EC>, authController: AuthController<U>, data: RebaseData, plugins: RebasePlugin[] | undefined): Promise<EntityCollection[]>;
-export declare function resolveAppViews<U extends User>(baseViews: AppView[] | AppViewsBuilder | undefined, authController: AuthController<U>, data: RebaseData, plugins?: RebasePlugin[]): Promise<AppView[]>;
+export declare function resolveCollections(collections: undefined | EntityCollection[] | EntityCollectionsBuilder, authController: AuthController, data: RebaseData, plugins: RebasePlugin[] | undefined): Promise<EntityCollection[]>;
+export declare function resolveAppViews(baseViews: AppView[] | AppViewsBuilder | undefined, authController: AuthController, data: RebaseData, plugins?: RebasePlugin[]): Promise<AppView[]>;

package/dist/hooks/navigation/useResolvedCollections.d.ts

@@ -2,7 +2,6 @@ import type { EntityCollection, RebasePlugin } from "@rebasepro/types";
 import { AuthController, CollectionRegistryController, RebaseData, User } from "@rebasepro/types";
 import type { EntityCollectionsBuilder } from "@rebasepro/types";
 import { CollectionRegistry } from "@rebasepro/common";
-import { UserManagementDelegate } from "@rebasepro/types";
 export type UseResolvedCollectionsProps<EC extends EntityCollection, USER extends User> = {
     authController: AuthController<USER>;
     collections?: EC[] | EntityCollectionsBuilder<EC>;
@@ -12,7 +11,6 @@ export type UseResolvedCollectionsProps<EC extends EntityCollection, USER extend
     collectionRegistryController: CollectionRegistryController<EC> & {
         collectionRegistryRef: React.MutableRefObject<CollectionRegistry>;
     };
-    userManagement?: UserManagementDelegate<USER>;
 };
 export type UseResolvedCollectionsResult = {
     collections: EntityCollection[];

package/dist/hooks/useBreadcrumbsController.d.ts

@@ -1,35 +1,5 @@
-/**
- * @group Hooks and utilities
- */
-export interface BreadcrumbsController {
-    breadcrumbs: BreadcrumbEntry[];
-    set: (props: {
-        breadcrumbs: BreadcrumbEntry[];
-    }) => void;
-    /**
-     * Update the count for a specific breadcrumb by ID.
-     */
-    updateCount: (id: string, count: number | null | undefined) => void;
-}
-/**
- * @group Hooks and utilities
- */
-export interface BreadcrumbEntry {
-    title: string;
-    url: string;
-    /**
-     * Optional entity count for collection breadcrumbs.
-     * - undefined: not applicable (e.g., entity breadcrumb, custom view)
-     * - null: loading
-     * - number: loaded count
-     */
-    count?: number | null;
-    /**
-     * Unique identifier for this breadcrumb (e.g., collection path).
-     * Used to update count without replacing entire breadcrumb array.
-     */
-    id?: string;
-}
+import { BreadcrumbEntry, BreadcrumbsController } from "@rebasepro/types";
+export type { BreadcrumbEntry, BreadcrumbsController };
 /**
  * Hook to retrieve the BreadcrumbsController.
  *