@nubitio/crud 0.5.1 → 0.5.3

package/dist/index.cjs

@@ -5309,12 +5309,91 @@ function useCrudPage(resource, externalFormRef) {
 	};
 }
 //#endregion
+//#region packages/crud/crud/AuditTrail.ts
+function createAuditFieldLabelResolver(config, fields) {
+	const fieldLabelByName = new Map(fields.map((field) => [field.name, field.label || field.name]));
+	return (field) => {
+		const fromConfig = config?.fieldLabels;
+		if (fromConfig) {
+			if (typeof fromConfig === "function") {
+				const resolved = fromConfig(field);
+				if (resolved) return resolved;
+			} else if (fromConfig[field]) return fromConfig[field];
+		}
+		return fieldLabelByName.get(field) ?? field;
+	};
+}
+function auditValuesEqual(before, after) {
+	return JSON.stringify(before) === JSON.stringify(after);
+}
+function mergeAuditEntryGroup(entries) {
+	const chronological = [...entries].sort((left, right) => {
+		if (left.id < right.id) return -1;
+		if (left.id > right.id) return 1;
+		return 0;
+	});
+	const mergedChanges = {};
+	const fields = /* @__PURE__ */ new Set();
+	for (const entry of chronological) for (const field of Object.keys(entry.changes)) fields.add(field);
+	for (const field of fields) {
+		const first = chronological.find((entry) => field in entry.changes);
+		const last = [...chronological].reverse().find((entry) => field in entry.changes);
+		if (!first || !last) continue;
+		const before = first.changes[field].before;
+		const after = last.changes[field].after;
+		if (!auditValuesEqual(before, after)) mergedChanges[field] = {
+			before,
+			after
+		};
+	}
+	if (Object.keys(mergedChanges).length === 0) return null;
+	return {
+		...chronological[chronological.length - 1],
+		changes: mergedChanges
+	};
+}
+/**
+* Merges burst audit rows that share the same second, user, and action.
+* Keeps the earliest "before" and latest "after" per field, and drops
+* entries whose net diff is empty (e.g. clear-then-restore in one save).
+*/
+function consolidateAuditEntries(entries) {
+	if (entries.length <= 1) return entries;
+	const consolidated = [];
+	let group = [];
+	const flushGroup = () => {
+		if (group.length === 0) return;
+		if (group.length === 1) consolidated.push(group[0]);
+		else {
+			const merged = mergeAuditEntryGroup(group);
+			if (merged) consolidated.push(merged);
+		}
+		group = [];
+	};
+	const groupKey = (entry) => `${entry.timestamp.slice(0, 19)}|${entry.user}|${entry.action}`;
+	for (const entry of entries) {
+		if (group.length === 0 || groupKey(group[0]) === groupKey(entry)) {
+			group.push(entry);
+			continue;
+		}
+		flushGroup();
+		group.push(entry);
+	}
+	flushGroup();
+	return consolidated;
+}
+//#endregion
 //#region packages/crud/crud/AuditTrailPanel.tsx
 const ACTION_BADGE = {
 	create: "success",
 	update: "info",
 	delete: "danger"
 };
+const ACTION_TONE = {
+	create: "success",
+	update: "info",
+	delete: "danger"
+};
 function formatAuditValue(value, yesLabel, noLabel) {
 	if (value == null || value === "") return "—";
 	if (typeof value === "boolean") return value ? yesLabel : noLabel;
@@ -5325,6 +5404,40 @@ function formatAuditValue(value, yesLabel, noLabel) {
 	}
 	return String(value);
 }
+function DefaultEntryContent({ entry, resolveFieldLabel, yesLabel, noLabel }) {
+	const changeKeys = Object.keys(entry.changes);
+	if (changeKeys.length === 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, {});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+		className: "nb-audit-trail__changes",
+		children: changeKeys.map((field) => {
+			const { before, after } = entry.changes[field];
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
+				className: "nb-audit-trail__change",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "nb-audit-trail__field",
+					children: resolveFieldLabel(field)
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "nb-audit-trail__diff",
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "nb-audit-trail__value nb-audit-trail__value--before",
+							children: formatAuditValue(before, yesLabel, noLabel)
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "nb-audit-trail__arrow",
+							"aria-hidden": "true",
+							children: "→"
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "nb-audit-trail__value nb-audit-trail__value--after",
+							children: formatAuditValue(after, yesLabel, noLabel)
+						})
+					]
+				})]
+			}, field);
+		})
+	});
+}
 function DefaultEntryRenderer({ entry, resolveFieldLabel, yesLabel, noLabel }) {
 	const { t } = (0, _nubitio_core.useCoreTranslation)();
 	const date = new Date(entry.timestamp);
@@ -5334,61 +5447,29 @@ function DefaultEntryRenderer({ entry, resolveFieldLabel, yesLabel, noLabel }) {
 		update: t("auditTrail.action.update"),
 		delete: t("auditTrail.action.delete")
 	};
-	const changeKeys = Object.keys(entry.changes);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
-		className: `nb-audit-trail__entry nb-audit-trail__entry--${entry.action}`,
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-			className: "nb-audit-trail__marker",
-			"aria-hidden": "true"
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_nubitio_ui.TimelineItem, {
+		status: "complete",
+		tone: ACTION_TONE[entry.action],
+		title: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 			className: "nb-audit-trail__meta",
-			children: [
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("time", {
-					className: "nb-audit-trail__timestamp",
-					dateTime: entry.timestamp,
-					children: formatted
-				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-					className: "nb-audit-trail__user",
-					children: entry.user
-				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_nubitio_ui.Badge, {
-					variant: ACTION_BADGE[entry.action],
-					size: "sm",
-					pill: true,
-					children: actionLabels[entry.action]
-				})
-			]
-		}), changeKeys.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
-			className: "nb-audit-trail__changes",
-			children: changeKeys.map((field) => {
-				const { before, after } = entry.changes[field];
-				return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
-					className: "nb-audit-trail__change",
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						className: "nb-audit-trail__field",
-						children: resolveFieldLabel(field)
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: "nb-audit-trail__diff",
-						children: [
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: "nb-audit-trail__value nb-audit-trail__value--before",
-								children: formatAuditValue(before, yesLabel, noLabel)
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: "nb-audit-trail__arrow",
-								"aria-hidden": "true",
-								children: "→"
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: "nb-audit-trail__value nb-audit-trail__value--after",
-								children: formatAuditValue(after, yesLabel, noLabel)
-							})
-						]
-					})]
-				}, field);
-			})
-		})] })]
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: "nb-audit-trail__user",
+				children: entry.user
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_nubitio_ui.Badge, {
+				variant: ACTION_BADGE[entry.action],
+				size: "sm",
+				pill: true,
+				children: actionLabels[entry.action]
+			})]
+		}),
+		timestamp: formatted,
+		dateTime: entry.timestamp,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DefaultEntryContent, {
+			entry,
+			resolveFieldLabel,
+			yesLabel,
+			noLabel
+		})
 	});
 }
 function AuditTrailSkeleton() {
@@ -5426,7 +5507,7 @@ function AuditTrailPanel({ url, renderEntry, visible, onClose, recordSubtitle, r
 		httpClient.get(url).then((response) => {
 			setFetchState({
 				status: "success",
-				entries: response.data
+				entries: consolidateAuditEntries(response.data)
 			});
 		}).catch(() => {
 			setFetchState({ status: "error" });
@@ -5439,10 +5520,16 @@ function AuditTrailPanel({ url, renderEntry, visible, onClose, recordSubtitle, r
 		}
 		loadEntries();
 	}, [loadEntries, visible]);
-	const drawerTitle = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: t("auditTrail.title") }), recordSubtitle && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-		className: "nb-audit-trail__subtitle",
-		children: recordSubtitle
-	})] });
+	const drawerTitle = recordSubtitle ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "nb-audit-trail__header",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+			className: "nb-audit-trail__record",
+			children: recordSubtitle
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+			className: "nb-audit-trail__drawer-label",
+			children: t("auditTrail.title")
+		})]
+	}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: t("auditTrail.title") });
 	const body = (() => {
 		if (url === null) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_nubitio_ui.EmptyState, {
 			fill: true,
@@ -5475,12 +5562,10 @@ function AuditTrailPanel({ url, renderEntry, visible, onClose, recordSubtitle, r
 			description: t("auditTrail.emptyHint"),
 			size: "sm"
 		});
-		if (fetchState.status === "success") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
-			className: "nb-audit-trail__timeline",
-			children: fetchState.entries.map((entry) => renderEntry ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", {
-				className: "nb-audit-trail__entry",
-				children: renderEntry(entry)
-			}, String(entry.id)) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DefaultEntryRenderer, {
+		if (fetchState.status === "success") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_nubitio_ui.Timeline, {
+			variant: "log",
+			"aria-label": t("auditTrail.title"),
+			children: fetchState.entries.map((entry) => renderEntry ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react.default.Fragment, { children: renderEntry(entry) }, String(entry.id)) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DefaultEntryRenderer, {
 				entry,
 				resolveFieldLabel,
 				yesLabel,
@@ -5506,21 +5591,6 @@ function AuditTrailPanel({ url, renderEntry, visible, onClose, recordSubtitle, r
 	});
 }
 //#endregion
-//#region packages/crud/crud/AuditTrail.ts
-function createAuditFieldLabelResolver(config, fields) {
-	const fieldLabelByName = new Map(fields.map((field) => [field.name, field.label || field.name]));
-	return (field) => {
-		const fromConfig = config?.fieldLabels;
-		if (fromConfig) {
-			if (typeof fromConfig === "function") {
-				const resolved = fromConfig(field);
-				if (resolved) return resolved;
-			} else if (fromConfig[field]) return fromConfig[field];
-		}
-		return fieldLabelByName.get(field) ?? field;
-	};
-}
-//#endregion
 //#region packages/crud/crud/dialogStore.ts
 function initialDialogState() {
 	return {

package/dist/index.mjs

@@ -1,7 +1,7 @@
 import React, { createContext, forwardRef, useCallback, useContext, useEffect, useId, useImperativeHandle, useLayoutEffect, useMemo, useReducer, useRef, useState } from "react";
 import { Route, useLocation, useNavigate, useParams, useSearchParams } from "react-router-dom";
 import { createPortal } from "react-dom";
-import { AppDialog, AppDropdown, Badge, Button, ConfirmDialog, DatePicker, DateRangePicker, Drawer, EmptyState, IconButton, Skeleton } from "@nubitio/ui";
+import { AppDialog, AppDropdown, Badge, Button, ConfirmDialog, DatePicker, DateRangePicker, Drawer, EmptyState, IconButton, Skeleton, Timeline, TimelineItem } from "@nubitio/ui";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { createCrudEvents, createScopedEventBus, getCoreCurrency, getCoreLocale, getCoreTimezone, useCoreHttpClient, useCoreRuntime, useCoreTranslation, useEvents, useMercureSubscription } from "@nubitio/core";
 import { useDropzone } from "react-dropzone";
@@ -5285,12 +5285,91 @@ function useCrudPage(resource, externalFormRef) {
 	};
 }
 //#endregion
+//#region packages/crud/crud/AuditTrail.ts
+function createAuditFieldLabelResolver(config, fields) {
+	const fieldLabelByName = new Map(fields.map((field) => [field.name, field.label || field.name]));
+	return (field) => {
+		const fromConfig = config?.fieldLabels;
+		if (fromConfig) {
+			if (typeof fromConfig === "function") {
+				const resolved = fromConfig(field);
+				if (resolved) return resolved;
+			} else if (fromConfig[field]) return fromConfig[field];
+		}
+		return fieldLabelByName.get(field) ?? field;
+	};
+}
+function auditValuesEqual(before, after) {
+	return JSON.stringify(before) === JSON.stringify(after);
+}
+function mergeAuditEntryGroup(entries) {
+	const chronological = [...entries].sort((left, right) => {
+		if (left.id < right.id) return -1;
+		if (left.id > right.id) return 1;
+		return 0;
+	});
+	const mergedChanges = {};
+	const fields = /* @__PURE__ */ new Set();
+	for (const entry of chronological) for (const field of Object.keys(entry.changes)) fields.add(field);
+	for (const field of fields) {
+		const first = chronological.find((entry) => field in entry.changes);
+		const last = [...chronological].reverse().find((entry) => field in entry.changes);
+		if (!first || !last) continue;
+		const before = first.changes[field].before;
+		const after = last.changes[field].after;
+		if (!auditValuesEqual(before, after)) mergedChanges[field] = {
+			before,
+			after
+		};
+	}
+	if (Object.keys(mergedChanges).length === 0) return null;
+	return {
+		...chronological[chronological.length - 1],
+		changes: mergedChanges
+	};
+}
+/**
+* Merges burst audit rows that share the same second, user, and action.
+* Keeps the earliest "before" and latest "after" per field, and drops
+* entries whose net diff is empty (e.g. clear-then-restore in one save).
+*/
+function consolidateAuditEntries(entries) {
+	if (entries.length <= 1) return entries;
+	const consolidated = [];
+	let group = [];
+	const flushGroup = () => {
+		if (group.length === 0) return;
+		if (group.length === 1) consolidated.push(group[0]);
+		else {
+			const merged = mergeAuditEntryGroup(group);
+			if (merged) consolidated.push(merged);
+		}
+		group = [];
+	};
+	const groupKey = (entry) => `${entry.timestamp.slice(0, 19)}|${entry.user}|${entry.action}`;
+	for (const entry of entries) {
+		if (group.length === 0 || groupKey(group[0]) === groupKey(entry)) {
+			group.push(entry);
+			continue;
+		}
+		flushGroup();
+		group.push(entry);
+	}
+	flushGroup();
+	return consolidated;
+}
+//#endregion
 //#region packages/crud/crud/AuditTrailPanel.tsx
 const ACTION_BADGE = {
 	create: "success",
 	update: "info",
 	delete: "danger"
 };
+const ACTION_TONE = {
+	create: "success",
+	update: "info",
+	delete: "danger"
+};
 function formatAuditValue(value, yesLabel, noLabel) {
 	if (value == null || value === "") return "—";
 	if (typeof value === "boolean") return value ? yesLabel : noLabel;
@@ -5301,6 +5380,40 @@ function formatAuditValue(value, yesLabel, noLabel) {
 	}
 	return String(value);
 }
+function DefaultEntryContent({ entry, resolveFieldLabel, yesLabel, noLabel }) {
+	const changeKeys = Object.keys(entry.changes);
+	if (changeKeys.length === 0) return /* @__PURE__ */ jsx(Fragment, {});
+	return /* @__PURE__ */ jsx("ul", {
+		className: "nb-audit-trail__changes",
+		children: changeKeys.map((field) => {
+			const { before, after } = entry.changes[field];
+			return /* @__PURE__ */ jsxs("li", {
+				className: "nb-audit-trail__change",
+				children: [/* @__PURE__ */ jsx("span", {
+					className: "nb-audit-trail__field",
+					children: resolveFieldLabel(field)
+				}), /* @__PURE__ */ jsxs("div", {
+					className: "nb-audit-trail__diff",
+					children: [
+						/* @__PURE__ */ jsx("span", {
+							className: "nb-audit-trail__value nb-audit-trail__value--before",
+							children: formatAuditValue(before, yesLabel, noLabel)
+						}),
+						/* @__PURE__ */ jsx("span", {
+							className: "nb-audit-trail__arrow",
+							"aria-hidden": "true",
+							children: "→"
+						}),
+						/* @__PURE__ */ jsx("span", {
+							className: "nb-audit-trail__value nb-audit-trail__value--after",
+							children: formatAuditValue(after, yesLabel, noLabel)
+						})
+					]
+				})]
+			}, field);
+		})
+	});
+}
 function DefaultEntryRenderer({ entry, resolveFieldLabel, yesLabel, noLabel }) {
 	const { t } = useCoreTranslation();
 	const date = new Date(entry.timestamp);
@@ -5310,61 +5423,29 @@ function DefaultEntryRenderer({ entry, resolveFieldLabel, yesLabel, noLabel }) {
 		update: t("auditTrail.action.update"),
 		delete: t("auditTrail.action.delete")
 	};
-	const changeKeys = Object.keys(entry.changes);
-	return /* @__PURE__ */ jsxs("li", {
-		className: `nb-audit-trail__entry nb-audit-trail__entry--${entry.action}`,
-		children: [/* @__PURE__ */ jsx("span", {
-			className: "nb-audit-trail__marker",
-			"aria-hidden": "true"
-		}), /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsxs("div", {
+	return /* @__PURE__ */ jsx(TimelineItem, {
+		status: "complete",
+		tone: ACTION_TONE[entry.action],
+		title: /* @__PURE__ */ jsxs("span", {
 			className: "nb-audit-trail__meta",
-			children: [
-				/* @__PURE__ */ jsx("time", {
-					className: "nb-audit-trail__timestamp",
-					dateTime: entry.timestamp,
-					children: formatted
-				}),
-				/* @__PURE__ */ jsx("span", {
-					className: "nb-audit-trail__user",
-					children: entry.user
-				}),
-				/* @__PURE__ */ jsx(Badge, {
-					variant: ACTION_BADGE[entry.action],
-					size: "sm",
-					pill: true,
-					children: actionLabels[entry.action]
-				})
-			]
-		}), changeKeys.length > 0 && /* @__PURE__ */ jsx("ul", {
-			className: "nb-audit-trail__changes",
-			children: changeKeys.map((field) => {
-				const { before, after } = entry.changes[field];
-				return /* @__PURE__ */ jsxs("li", {
-					className: "nb-audit-trail__change",
-					children: [/* @__PURE__ */ jsx("span", {
-						className: "nb-audit-trail__field",
-						children: resolveFieldLabel(field)
-					}), /* @__PURE__ */ jsxs("div", {
-						className: "nb-audit-trail__diff",
-						children: [
-							/* @__PURE__ */ jsx("span", {
-								className: "nb-audit-trail__value nb-audit-trail__value--before",
-								children: formatAuditValue(before, yesLabel, noLabel)
-							}),
-							/* @__PURE__ */ jsx("span", {
-								className: "nb-audit-trail__arrow",
-								"aria-hidden": "true",
-								children: "→"
-							}),
-							/* @__PURE__ */ jsx("span", {
-								className: "nb-audit-trail__value nb-audit-trail__value--after",
-								children: formatAuditValue(after, yesLabel, noLabel)
-							})
-						]
-					})]
-				}, field);
-			})
-		})] })]
+			children: [/* @__PURE__ */ jsx("span", {
+				className: "nb-audit-trail__user",
+				children: entry.user
+			}), /* @__PURE__ */ jsx(Badge, {
+				variant: ACTION_BADGE[entry.action],
+				size: "sm",
+				pill: true,
+				children: actionLabels[entry.action]
+			})]
+		}),
+		timestamp: formatted,
+		dateTime: entry.timestamp,
+		children: /* @__PURE__ */ jsx(DefaultEntryContent, {
+			entry,
+			resolveFieldLabel,
+			yesLabel,
+			noLabel
+		})
 	});
 }
 function AuditTrailSkeleton() {
@@ -5402,7 +5483,7 @@ function AuditTrailPanel({ url, renderEntry, visible, onClose, recordSubtitle, r
 		httpClient.get(url).then((response) => {
 			setFetchState({
 				status: "success",
-				entries: response.data
+				entries: consolidateAuditEntries(response.data)
 			});
 		}).catch(() => {
 			setFetchState({ status: "error" });
@@ -5415,10 +5496,16 @@ function AuditTrailPanel({ url, renderEntry, visible, onClose, recordSubtitle, r
 		}
 		loadEntries();
 	}, [loadEntries, visible]);
-	const drawerTitle = /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("div", { children: t("auditTrail.title") }), recordSubtitle && /* @__PURE__ */ jsx("p", {
-		className: "nb-audit-trail__subtitle",
-		children: recordSubtitle
-	})] });
+	const drawerTitle = recordSubtitle ? /* @__PURE__ */ jsxs("div", {
+		className: "nb-audit-trail__header",
+		children: [/* @__PURE__ */ jsx("p", {
+			className: "nb-audit-trail__record",
+			children: recordSubtitle
+		}), /* @__PURE__ */ jsx("p", {
+			className: "nb-audit-trail__drawer-label",
+			children: t("auditTrail.title")
+		})]
+	}) : /* @__PURE__ */ jsx("div", { children: t("auditTrail.title") });
 	const body = (() => {
 		if (url === null) return /* @__PURE__ */ jsx(EmptyState, {
 			fill: true,
@@ -5451,12 +5538,10 @@ function AuditTrailPanel({ url, renderEntry, visible, onClose, recordSubtitle, r
 			description: t("auditTrail.emptyHint"),
 			size: "sm"
 		});
-		if (fetchState.status === "success") return /* @__PURE__ */ jsx("ul", {
-			className: "nb-audit-trail__timeline",
-			children: fetchState.entries.map((entry) => renderEntry ? /* @__PURE__ */ jsx("li", {
-				className: "nb-audit-trail__entry",
-				children: renderEntry(entry)
-			}, String(entry.id)) : /* @__PURE__ */ jsx(DefaultEntryRenderer, {
+		if (fetchState.status === "success") return /* @__PURE__ */ jsx(Timeline, {
+			variant: "log",
+			"aria-label": t("auditTrail.title"),
+			children: fetchState.entries.map((entry) => renderEntry ? /* @__PURE__ */ jsx(React.Fragment, { children: renderEntry(entry) }, String(entry.id)) : /* @__PURE__ */ jsx(DefaultEntryRenderer, {
 				entry,
 				resolveFieldLabel,
 				yesLabel,
@@ -5482,21 +5567,6 @@ function AuditTrailPanel({ url, renderEntry, visible, onClose, recordSubtitle, r
 	});
 }
 //#endregion
-//#region packages/crud/crud/AuditTrail.ts
-function createAuditFieldLabelResolver(config, fields) {
-	const fieldLabelByName = new Map(fields.map((field) => [field.name, field.label || field.name]));
-	return (field) => {
-		const fromConfig = config?.fieldLabels;
-		if (fromConfig) {
-			if (typeof fromConfig === "function") {
-				const resolved = fromConfig(field);
-				if (resolved) return resolved;
-			} else if (fromConfig[field]) return fromConfig[field];
-		}
-		return fieldLabelByName.get(field) ?? field;
-	};
-}
-//#endregion
 //#region packages/crud/crud/dialogStore.ts
 function initialDialogState() {
 	return {

package/dist/style.css

@@ -3298,66 +3298,25 @@ html[data-density=compact] .nb-crud-page-shell__footer {
   min-height: 0;
 }
 
-.nb-audit-trail__subtitle {
-  color: var(--text-secondary);
-  font-size: var(--font-size-sm, 0.8125rem);
-  line-height: 1.4;
-  margin: calc(var(--space-1) * -1) 0 0;
-}
-
-.nb-audit-trail__timeline {
+.nb-audit-trail__header {
   display: flex;
   flex-direction: column;
-  gap: 0;
-  list-style: none;
-  margin: 0;
-  padding: 0;
-}
-
-.nb-audit-trail__entry {
-  display: grid;
-  gap: var(--space-2);
-  grid-template-columns: 12px 1fr;
-  padding: var(--space-3) 0;
-  position: relative;
-}
-.nb-audit-trail__entry:not(:last-child) {
-  border-bottom: 1px solid var(--border-color);
-}
-.nb-audit-trail__entry::before {
-  background: var(--border-color);
-  bottom: 0;
-  content: "";
-  left: 5px;
-  position: absolute;
-  top: calc(var(--space-3) + 6px);
-  width: 2px;
-}
-.nb-audit-trail__entry:last-child::before {
-  display: none;
-}
-
-.nb-audit-trail__marker {
-  background: var(--surface-2);
-  border: 2px solid var(--accent-color);
-  border-radius: 50%;
-  height: 12px;
-  margin-top: 4px;
-  position: relative;
-  width: 12px;
-  z-index: 1;
-}
-
-.nb-audit-trail__entry--create .nb-audit-trail__marker {
-  border-color: var(--success-color);
+  gap: var(--space-1);
 }
 
-.nb-audit-trail__entry--update .nb-audit-trail__marker {
-  border-color: var(--info-color, var(--accent-color));
+.nb-audit-trail__record {
+  color: var(--text-primary);
+  font-size: var(--font-size-sm, 0.8125rem);
+  font-weight: 600;
+  line-height: 1.4;
+  margin: 0;
 }
 
-.nb-audit-trail__entry--delete .nb-audit-trail__marker {
-  border-color: var(--danger-color);
+.nb-audit-trail__drawer-label {
+  color: var(--text-secondary);
+  font-size: var(--font-size-xs, 0.75rem);
+  line-height: 1.4;
+  margin: 0;
 }
 
 .nb-audit-trail__meta {
@@ -3367,12 +3326,6 @@ html[data-density=compact] .nb-crud-page-shell__footer {
   gap: var(--space-2);
 }
 
-.nb-audit-trail__timestamp {
-  color: var(--text-secondary);
-  font-size: var(--font-size-xs, 0.75rem);
-  font-variant-numeric: tabular-nums;
-}
-
 .nb-audit-trail__user {
   color: var(--text-primary);
   font-size: var(--font-size-sm, 0.8125rem);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nubitio/crud",
-  "version": "0.5.1",
+  "version": "0.5.3",
   "type": "module",
   "description": "Declarative CRUD engine with field DSL, forms, datagrids, RBAC, conditional logic and pluggable adapters (Hydra/REST).",
   "license": "MIT",
@@ -56,8 +56,8 @@
     "react-dom": "^19.0.0",
     "react-i18next": "^14.0.0",
     "react-router-dom": "^6.0.0",
-    "@nubitio/core": "^0.5.1",
-    "@nubitio/ui": "^0.5.1"
+    "@nubitio/core": "^0.5.3",
+    "@nubitio/ui": "^0.5.3"
   },
   "dependencies": {
     "react-dropzone": "^15.0.0"