@plumile/backoffice-react 0.1.107 → 0.1.108

package/lib/esm/pages/BackofficeEntityDetailPage.js

@@ -6,209 +6,215 @@ import { LazyBackofficeEntityActionFormDialog as a } from "../components/backoff
 import { buildDataTableColumns as o } from "../components/backoffice/columns/buildDataTableColumns.js";
 import { BackofficeDetailSection as s } from "../components/backoffice/detail/BackofficeDetailSection.js";
 import { BackofficeDetailBadgeRow as c } from "../components/backoffice/detail/BackofficeDetailBadgeRow.js";
-import { BackofficeDetailErrorList as l } from "../components/backoffice/detail/BackofficeDetailErrorList.js";
-import { BackofficeDetailFlagTag as u } from "../components/backoffice/detail/BackofficeDetailFlagTag.js";
-import { BackofficeDetailPayload as d } from "../components/backoffice/detail/BackofficeDetailPayload.js";
-import { BackofficeDetailRelationListBlock as ee } from "../components/backoffice/detail/BackofficeDetailRelationListBlock.js";
-import { BackofficeDetailTaggedValue as te } from "../components/backoffice/detail/BackofficeDetailTaggedValue.js";
-import { BackofficeRightPageLayout as ne } from "../components/backoffice/layout/breadcrumb/BackofficeRightPageLayout.js";
-import { buildEntityDetailBreadcrumb as re } from "../components/backoffice/layout/breadcrumb/buildBreadcrumbs.js";
-import { BackofficeEntityDetailScaffold as ie } from "../components/backoffice/scaffolds/BackofficeEntityDetailScaffold.js";
-import { useBackofficeFormats as f } from "../i18n/useBackofficeFormats.js";
-import { useRelayEnvironment as ae } from "../relay/useRelayEnvironment.js";
-import { resolveVisibleDetailPages as p } from "./detail/pageResolution.js";
-import { useBackofficeEntityDetailLayoutContext as m } from "./detail/BackofficeEntityDetailLayoutContext.js";
-import { extractMutationPayload as oe, isFormMutationAction as h, isMutationAction as se, isRouteAction as ce, resolveLabel as g } from "./BackofficeEntityDetailPage.helpers.js";
-import { headerActions as le, headerBlock as ue, headerMeta as de, headerMetaList as fe } from "./backofficeEntityDetailPage.css.js";
-import { buildTabsItems as pe } from "./detail/buildTabsItems.js";
-import { buildFieldItems as me, renderBlocks as he, resolveHeaderItems as ge } from "./BackofficeEntityDetailPage.view-helpers.js";
-import { useContext as _, useMemo as v, useState as y } from "react";
-import { BackofficeKeyValueList as b, BackofficePageHeader as _e, BackofficeRelationsMenu as ve, BackofficeTabs as ye, Button as x, ChatCheckSvg as S, DataTable as be, DetailPageTemplate as xe, FormattedDate as C, HighlightCode as Se, KeyOffSvg as w, KeySvg as T, LazyBackofficeJsonViewer as Ce, LinkButton as we, LockOpenSvg as E, LockSvg as D, RobotCheckSvg as O, RobotXSvg as k, RocketOffSvg as A, RocketSvg as j, SettingsCheckSvg as M, SettingsXSvg as N, ShieldLockSvg as P, ShieldOffSvg as F, Tag as I, XBadgeSvg as L, useToast as R } from "@plumile/ui";
-import { Fragment as z, jsx as B, jsxs as V } from "react/jsx-runtime";
-import { useTranslation as H } from "react-i18next";
-import { commitMutation as Te, useFragment as U, usePreloadedQuery as W } from "react-relay";
-import { HttpRedirect as G, Link as K, RoutingContext as q } from "@plumile/router";
-import { BACKOFFICE_DATE_TIME_OPTIONS as Ee } from "@plumile/backoffice-core/constants.js";
-import { buildBackofficeFallbackListHref as De, buildBackofficeListHref as Oe, buildBackofficeListLink as ke } from "@plumile/backoffice-core/state/buildListHref.js";
-import { setWhereValue as Ae } from "@plumile/backoffice-core/filters/where.js";
+import { BackofficeDetailFlagTag as l } from "../components/backoffice/detail/BackofficeDetailFlagTag.js";
+import { BackofficeDetailHeader as u } from "../components/backoffice/detail/BackofficeDetailHeader.js";
+import { BackofficeDetailPage as d } from "../components/backoffice/detail/BackofficeDetailPage.js";
+import { BackofficeDetailPayload as ee } from "../components/backoffice/detail/BackofficeDetailPayload.js";
+import { BackofficeDetailTable as te } from "../components/backoffice/detail/BackofficeDetailTable.js";
+import { BackofficeDetailTaggedValue as ne } from "../components/backoffice/detail/BackofficeDetailTaggedValue.js";
+import { BackofficeKpiStrip as re } from "../components/backoffice/detail/BackofficeKpiStrip.js";
+import { BackofficeLifecycleTimelineSection as ie } from "../components/backoffice/detail/BackofficeLifecycleTimelineSection.js";
+import { BackofficeRelationsSummaryGrid as ae } from "../components/backoffice/detail/BackofficeRelationsSummaryGrid.js";
+import { BackofficeScopeStack as oe } from "../components/backoffice/detail/BackofficeScopeStack.js";
+import { BackofficeRightPageLayout as se } from "../components/backoffice/layout/breadcrumb/BackofficeRightPageLayout.js";
+import { buildEntityDetailBreadcrumb as ce } from "../components/backoffice/layout/breadcrumb/buildBreadcrumbs.js";
+import { BackofficeEntityDetailScaffold as f } from "../components/backoffice/scaffolds/BackofficeEntityDetailScaffold.js";
+import { useBackofficeFormats as p } from "../i18n/useBackofficeFormats.js";
+import { useRelayEnvironment as m } from "../relay/useRelayEnvironment.js";
+import { resolveVisibleDetailPages as h } from "./detail/pageResolution.js";
+import { useBackofficeEntityDetailLayoutContext as g } from "./detail/BackofficeEntityDetailLayoutContext.js";
+import { extractMutationPayload as le, isFormMutationAction as _, isMutationAction as ue, isRouteAction as de, resolveLabel as v } from "./BackofficeEntityDetailPage.helpers.js";
+import { headerActions as fe, headerBlock as pe, headerMeta as me, headerMetaList as he } from "./backofficeEntityDetailPage.css.js";
+import { buildTabsItems as ge } from "./detail/buildTabsItems.js";
+import { buildFieldItems as _e, renderBlocks as ve, resolveHeaderItems as ye } from "./BackofficeEntityDetailPage.view-helpers.js";
+import { useContext as y, useMemo as b, useState as x } from "react";
+import { BackofficeKeyValueList as S, BackofficeRelationsMenu as be, BackofficeTabs as xe, Button as C, ChatCheckSvg as w, FormattedDate as T, KeyOffSvg as E, KeySvg as D, LinkButton as Se, LockOpenSvg as O, LockSvg as k, RobotCheckSvg as A, RobotXSvg as j, RocketOffSvg as M, RocketSvg as N, SettingsCheckSvg as P, SettingsXSvg as F, ShieldLockSvg as Ce, ShieldOffSvg as I, Tag as L, XBadgeSvg as we, useToast as Te } from "@plumile/ui";
+import { Fragment as Ee, jsx as R, jsxs as z } from "react/jsx-runtime";
+import { useTranslation as B } from "react-i18next";
+import { commitMutation as De, useFragment as V, usePreloadedQuery as H } from "react-relay";
+import { HttpRedirect as U, Link as W, RoutingContext as Oe } from "@plumile/router";
+import { BACKOFFICE_DATE_TIME_OPTIONS as G } from "@plumile/backoffice-core/constants.js";
+import { buildBackofficeFallbackListHref as ke, buildBackofficeListHref as Ae, buildBackofficeListLink as je } from "@plumile/backoffice-core/state/buildListHref.js";
+import { setWhereValue as Me } from "@plumile/backoffice-core/filters/where.js";
 //#region src/pages/BackofficeEntityDetailPage.tsx
-var je = (e) => {
+var Ne = (e) => {
 	switch (e) {
-		case "shield-lock": return /* @__PURE__ */ B(P, {
+		case "shield-lock": return /* @__PURE__ */ R(Ce, {
 			width: 14,
 			height: 14,
 			"aria-hidden": "true"
 		});
-		case "shield-off": return /* @__PURE__ */ B(F, {
+		case "shield-off": return /* @__PURE__ */ R(I, {
 			width: 14,
 			height: 14,
 			"aria-hidden": "true"
 		});
-		case "settings-check": return /* @__PURE__ */ B(M, {
+		case "settings-check": return /* @__PURE__ */ R(P, {
 			width: 14,
 			height: 14,
 			"aria-hidden": "true"
 		});
-		case "settings-x": return /* @__PURE__ */ B(N, {
+		case "settings-x": return /* @__PURE__ */ R(F, {
 			width: 14,
 			height: 14,
 			"aria-hidden": "true"
 		});
-		case "x-badge": return /* @__PURE__ */ B(L, {
+		case "x-badge": return /* @__PURE__ */ R(we, {
 			width: 14,
 			height: 14,
 			"aria-hidden": "true"
 		});
-		case "chat-check": return /* @__PURE__ */ B(S, {
+		case "chat-check": return /* @__PURE__ */ R(w, {
 			width: 14,
 			height: 14,
 			"aria-hidden": "true"
 		});
-		case "key": return /* @__PURE__ */ B(T, {
+		case "key": return /* @__PURE__ */ R(D, {
 			width: 14,
 			height: 14,
 			"aria-hidden": "true"
 		});
-		case "key-off": return /* @__PURE__ */ B(w, {
+		case "key-off": return /* @__PURE__ */ R(E, {
 			width: 14,
 			height: 14,
 			"aria-hidden": "true"
 		});
-		case "lock": return /* @__PURE__ */ B(D, {
+		case "lock": return /* @__PURE__ */ R(k, {
 			width: 14,
 			height: 14,
 			"aria-hidden": "true"
 		});
-		case "lock-open": return /* @__PURE__ */ B(E, {
+		case "lock-open": return /* @__PURE__ */ R(O, {
 			width: 14,
 			height: 14,
 			"aria-hidden": "true"
 		});
-		case "robot-check": return /* @__PURE__ */ B(O, {
+		case "robot-check": return /* @__PURE__ */ R(A, {
 			width: 14,
 			height: 14,
 			"aria-hidden": "true"
 		});
-		case "robot-x": return /* @__PURE__ */ B(k, {
+		case "robot-x": return /* @__PURE__ */ R(j, {
 			width: 14,
 			height: 14,
 			"aria-hidden": "true"
 		});
-		case "rocket": return /* @__PURE__ */ B(j, {
+		case "rocket": return /* @__PURE__ */ R(N, {
 			width: 14,
 			height: 14,
 			"aria-hidden": "true"
 		});
-		case "rocket-off": return /* @__PURE__ */ B(A, {
+		case "rocket-off": return /* @__PURE__ */ R(M, {
 			width: 14,
 			height: 14,
 			"aria-hidden": "true"
 		});
 		default: throw Error(`Unsupported flag icon: ${String(e)}`);
 	}
-}, Me = (e) => {
+}, Pe = (e) => {
 	if (e.presentation?.desktop === "secondary" || e.presentation?.group === "scope" || e.presentation?.group === "status") return "secondary";
 	let t = e.fields?.map((e) => e.presentation?.group) ?? [];
-	return t.length > 0 && t.every((e) => e === "scope" || e === "status") ? "secondary" : e.placement ?? "primary";
-}, J = ({ config: S, prepared: w }) => {
-	let { t: T } = H(), { t: E } = e(), { formatNumber: D, formatCurrency: O, formatPercent: k } = f(), { entities: A, entityRegistry: j } = n(), { layoutView: M } = m(), N = _(q), P = ae(), F = R(), [L, J] = y({}), [Y, Ne] = y(null), X = p({
-		mainPage: S.pages.mainPage,
-		subPages: S.pages.subPages,
-		activePagePath: w.pagePath,
-		node: M
-	}), Pe = X.activePage ?? S.pages.mainPage, Fe = X.pages.length > 0 ? X.pages : [S.pages.mainPage], Z = (e, t) => {
-		J((n) => n[e] === t ? n : {
+	return t.length > 0 && t.every((e) => e === "scope" || e === "status") || e.placement === "side" || e.placement === "secondary" ? "secondary" : "primary";
+}, K = ({ config: w, prepared: E }) => {
+	let { t: D } = B(), { t: O } = e(), { formatNumber: k, formatCurrency: A, formatPercent: j } = p(), { entities: M, entityRegistry: N } = n(), { layoutView: P } = g(), F = y(Oe), Ce = m(), I = Te(), [we, K] = x({}), [q, Fe] = x(null), J = h({
+		mainPage: w.pages.mainPage,
+		subPages: w.pages.subPages,
+		activePagePath: E.pagePath,
+		node: P
+	}), Y = J.activePage ?? w.pages.mainPage, Ie = J.pages.length > 0 ? J.pages : [w.pages.mainPage], X = (e, t) => {
+		K((n) => n[e] === t ? n : {
 			...n,
 			[e]: t
 		});
-	}, { page: Q } = S, Ie = W(Q.query, w.pageQuery), $ = Q.resolveNode(Ie, {
-		id: w.id,
-		detailId: w.detailId
-	}), Le = $ != null, Re = U(Q.fragment, $), ze = v(() => Object.fromEntries(Q.content.flatMap((e) => e.kind === "section" ? e.fields.flatMap((e) => e.type === "relation" ? [e.relation.target] : []) : []).flatMap((e) => {
-		let t = A[e];
+	}, { page: Z } = w, Q = H(Z.query, E.pageQuery), $ = Z.resolveNode(Q, {
+		id: E.id,
+		detailId: E.detailId
+	}), Le = $ != null, Re = V(Z.fragment, $), ze = b(() => Object.fromEntries(Z.content.flatMap((e) => e.kind === "fieldSet" ? e.fields.flatMap((e) => e.type === "relation" ? [e.relation.target] : []) : []).flatMap((e) => {
+		let t = M[e];
 		return t?.hasList === !0 ? [[e, t.routes.list]] : [];
-	})), [A, Q.content]);
-	if (!Le) throw new G(S.routes.list);
-	return /* @__PURE__ */ B(ie, {
+	})), [M, Z.content]);
+	if (!Le) throw new U(w.routes.list);
+	return /* @__PURE__ */ R(f, {
 		node: Re,
 		render: (e) => {
-			let n = Q.toView(e), ie = pe({
-				pages: Fe,
-				id: w.id,
-				tApp: T,
-				detailPageHref: S.routes.detailPage
-			}), f = (e, t) => {
-				let n = A[e];
+			let n = Z.toView(e), f = ge({
+				pages: Ie,
+				id: E.id,
+				tApp: D,
+				detailPageHref: w.routes.detailPage
+			}), p = (e, t) => {
+				let n = M[e];
 				return n == null ? null : n.routes.detail(t);
-			}, ae = ({ id: e, label: t, count: n, relation: r, listRoute: i, value: a, where: o }) => {
-				let { target: s, filterId: c, whereKey: l, path: u } = r, d = j.getLoadedListEntity(s);
+			}, m = ({ id: e, label: t, count: n, relation: r, listRoute: i, value: a, where: o }) => {
+				let { target: s, filterId: c, whereKey: l, path: u } = r, d = N.getLoadedListEntity(s);
 				return {
 					id: e,
 					label: t,
 					count: n,
-					href: d == null ? De(i, o, [{
+					href: d == null ? ke(i, o, [{
 						id: c ?? (u == null ? l : `${l}.${u.join(".")}`),
 						value: a
-					}]) : Oe(d.config, { where: o }),
+					}]) : Ae(d.config, { where: o }),
 					onClick: async (e) => {
-						if (N == null || e.defaultPrevented || e.button !== 0 || e.metaKey || e.altKey || e.ctrlKey || e.shiftKey) return;
+						if (F == null || e.defaultPrevented || e.button !== 0 || e.metaKey || e.altKey || e.ctrlKey || e.shiftKey) return;
 						e.preventDefault();
-						let t = ke((await j.loadListEntity(s)).config, { where: o });
-						N.history.push({
+						let t = je((await N.loadListEntity(s)).config, { where: o });
+						F.history.push({
 							pathname: t.pathname,
 							search: t.search === "" ? "" : `?${t.search}`,
 							hash: ""
 						});
 					}
 				};
-			}, p = ge(S.header, M, {
-				tApp: T,
-				t: E,
-				resolveEntityHref: f,
-				renderLink: (e, t) => /* @__PURE__ */ B(K, {
+			}, h = ye(w.header, P, {
+				tApp: D,
+				t: O,
+				resolveEntityHref: p,
+				renderLink: (e, t) => /* @__PURE__ */ R(W, {
 					to: e,
 					children: t
 				}),
-				renderDate: (e, t) => /* @__PURE__ */ B(C, {
+				renderDate: (e, t) => /* @__PURE__ */ R(T, {
 					value: e,
-					options: Ee,
+					options: G,
 					fallback: t
 				}),
-				renderTag: (e, t) => /* @__PURE__ */ B(I, {
+				renderTag: (e, t) => /* @__PURE__ */ R(L, {
 					tone: e,
 					children: t
 				}),
-				renderBadgeRow: (e) => /* @__PURE__ */ B(c, { items: e })
-			}), m = re({
-				config: S,
-				tApp: T,
-				entityId: w.id,
-				layoutView: M,
-				pageLabel: Pe.label(T)
-			}), _ = Q.actions ?? [], v = [];
-			if (_.length > 0) {
-				let e = _.filter((e) => e.isVisible == null ? !0 : e.isVisible(n));
-				e.length > 0 && (v = e.map((e) => {
-					let a = g(e.label, T), o = e.ariaLabel == null ? a : g(e.ariaLabel, T), s = e.variant ?? "secondary", c = e.size ?? "small", l = L[e.id] ?? !1, u = l || e.isDisabled?.(n) === !0;
-					return ce(e) ? /* @__PURE__ */ B(we, {
+				renderBadgeRow: (e) => /* @__PURE__ */ R(c, { items: e })
+			}), g = ce({
+				config: w,
+				tApp: D,
+				entityId: E.id,
+				layoutView: P,
+				pageLabel: Y.label(D),
+				pageId: Y.id
+			}), y = Z.actions ?? [], b = [];
+			if (y.length > 0) {
+				let e = y.filter((e) => e.isVisible == null ? !0 : e.isVisible(n));
+				e.length > 0 && (b = e.map((e) => {
+					let a = v(e.label, D), o = e.ariaLabel == null ? a : v(e.ariaLabel, D), s = e.variant ?? "secondary", c = e.size ?? "small", l = we[e.id] ?? !1, u = l || e.isDisabled?.(n) === !0;
+					return de(e) ? /* @__PURE__ */ R(Se, {
 						to: e.to(n),
 						variant: s,
 						size: c,
 						isDisabled: u,
 						"aria-label": o,
 						children: a
-					}, e.id) : h(e) ? /* @__PURE__ */ B(x, {
+					}, e.id) : _(e) ? /* @__PURE__ */ R(C, {
 						type: "button",
 						variant: s,
 						size: c,
 						isLoading: !1,
 						disabled: u,
 						onClick: () => {
-							Ne(e.id);
+							Fe(e.id);
 						},
 						"aria-label": o,
 						children: a
-					}, e.id) : se(e) ? /* @__PURE__ */ B(x, {
+					}, e.id) : ue(e) ? /* @__PURE__ */ R(C, {
 						type: "button",
 						variant: s,
 						size: c,
@@ -217,47 +223,47 @@ var je = (e) => {
 						onClick: () => {
 							if (l) return;
 							let a = e.getVariables(n);
-							Z(e.id, !0), Te(P, {
+							X(e.id, !0), De(Ce, {
 								mutation: e.mutation,
 								variables: a,
 								updater: (t) => {
 									e.updater?.(t, n);
 								},
 								onCompleted: (a) => {
-									Z(e.id, !1);
-									let o = oe(a);
+									X(e.id, !1);
+									let o = le(a);
 									if (o != null) {
-										let i = E("actions.form.errors.invalidPayload");
-										e.toasts?.error?.message == null ? e.toasts?.error?.title != null && (i = g(e.toasts.error.title, T)) : i = g(e.toasts.error.message, T);
+										let i = O("actions.form.errors.invalidPayload");
+										e.toasts?.error?.message == null ? e.toasts?.error?.title != null && (i = v(e.toasts.error.title, D)) : i = v(e.toasts.error.message, D);
 										let a = t(o, {
 											defaultErrorMessage: i,
 											mapReason: (t) => {
 												let r = e.mapErrorReason?.(t, n);
-												return r == null ? null : typeof r == "function" ? g(r, T) : String(r);
+												return r == null ? null : typeof r == "function" ? v(r, D) : String(r);
 											}
 										});
 										if (!a.ok) {
 											let t = Error(a.message);
 											if (e.onError?.(t, n), e.toasts?.error != null) {
-												let t = r(e.toasts.error, T);
-												F.error(t.title, t.message);
+												let t = r(e.toasts.error, D);
+												I.error(t.title, t.message);
 											}
 											return;
 										}
 									}
 									if (e.onCompleted?.(a, n), e.toasts?.success != null) {
-										let t = r(e.toasts.success, T), o = i({
+										let t = r(e.toasts.success, D), o = i({
 											toast: e.toasts.success,
 											response: a,
 											node: n,
-											tApp: T,
-											entities: A,
-											defaultLabel: E("actions.view"),
+											tApp: D,
+											entities: M,
+											defaultLabel: O("actions.view"),
 											navigateTo: (e) => {
-												N?.history.push({ pathname: e });
+												F?.history.push({ pathname: e });
 											}
 										});
-										F.push({
+										I.push({
 											kind: "info",
 											title: t.title,
 											message: t.message,
@@ -266,9 +272,9 @@ var je = (e) => {
 									}
 								},
 								onError: (t) => {
-									if (Z(e.id, !1), e.onError?.(t, n), e.toasts?.error != null) {
-										let t = r(e.toasts.error, T);
-										F.error(t.title, t.message);
+									if (X(e.id, !1), e.onError?.(t, n), e.toasts?.error != null) {
+										let t = r(e.toasts.error, D);
+										I.error(t.title, t.message);
 									}
 								}
 							});
@@ -278,49 +284,49 @@ var je = (e) => {
 					}, e.id) : null;
 				}));
 			}
-			let y = _.find((e) => e.id === Y), { content: R } = Q, H = [], U = [], W = [];
-			R.forEach((e, t) => {
-				let r = Me(e) === "secondary" ? U : H;
-				if (e.kind === "section") {
-					let i = g(e.title, T), a = e.description == null ? void 0 : g(e.description, T), { items: o, relationItems: l, customNodes: d } = me(e.fields, n, {
-						tApp: T,
-						t: E,
-						resolveEntityHref: f,
-						formatNumber: D,
-						formatCurrency: O,
-						formatPercent: k,
+			let x = y.find((e) => e.id === q), { content: Te } = Z, B = [], V = [], H = [];
+			Te.forEach((e, t) => {
+				let r = Pe(e) === "secondary" ? V : B;
+				if (e.kind === "fieldSet") {
+					let i = v(e.title, D), a = e.description == null ? void 0 : v(e.description, D), { items: o, relationItems: u, customNodes: d } = _e(e.fields, n, {
+						tApp: D,
+						t: O,
+						resolveEntityHref: p,
+						formatNumber: k,
+						formatCurrency: A,
+						formatPercent: j,
 						relationEntityListRoutes: ze,
-						resolveRelationItem: ae,
-						setWhereValue: Ae,
-						renderTag: (e, t) => /* @__PURE__ */ B(I, {
+						resolveRelationItem: m,
+						setWhereValue: Me,
+						renderTag: (e, t) => /* @__PURE__ */ R(L, {
 							tone: e,
 							children: t
 						}),
-						renderBadgeRow: (e) => /* @__PURE__ */ B(c, { items: e }),
-						renderDate: (e, t) => /* @__PURE__ */ B(C, {
+						renderBadgeRow: (e) => /* @__PURE__ */ R(c, { items: e }),
+						renderDate: (e, t) => /* @__PURE__ */ R(T, {
 							value: e,
-							options: Ee,
+							options: G,
 							fallback: t
 						}),
-						renderFlagTag: (e) => /* @__PURE__ */ B(u, {
+						renderFlagTag: (e) => /* @__PURE__ */ R(l, {
 							tone: e.tone,
-							icon: e.iconName == null ? void 0 : je(e.iconName),
+							icon: e.iconName == null ? void 0 : Ne(e.iconName),
 							label: e.label
 						}),
-						renderLink: (e, t) => /* @__PURE__ */ B(K, {
+						renderLink: (e, t) => /* @__PURE__ */ R(W, {
 							to: e,
 							children: t
 						}),
-						renderTaggedValue: (e, t) => /* @__PURE__ */ B(te, {
+						renderTaggedValue: (e, t) => /* @__PURE__ */ R(ne, {
 							tag: e,
 							value: t
 						}),
-						wrapCustomNode: (e, t) => /* @__PURE__ */ B("div", { children: t }, e)
+						wrapCustomNode: (e, t) => /* @__PURE__ */ R("div", { children: t }, e)
 					});
-					if (l.forEach((e) => {
-						W.some((t) => t.id === e.id) || W.push(e);
+					if (u.forEach((e) => {
+						H.some((t) => t.id === e.id) || H.push(e);
 					}), !(o.length > 0 || d.length > 0)) return;
-					r.push(/* @__PURE__ */ B(s, {
+					r.push(/* @__PURE__ */ R(s, {
 						title: i,
 						description: a,
 						items: o.length > 0 ? o : void 0,
@@ -328,30 +334,58 @@ var je = (e) => {
 					}, `${i}-${t}`));
 					return;
 				}
-				let i = he([e], n, {
-					tApp: T,
-					t: E,
-					resolveEntityHref: f,
+				let i = ve([e], n, {
+					tApp: D,
+					t: O,
+					resolveEntityHref: p,
 					keyPrefix: String(t),
-					renderCustomSection: (e, t, n) => /* @__PURE__ */ B(s, {
+					renderLink: (e, t) => /* @__PURE__ */ R(W, {
+						to: e,
+						children: t
+					}),
+					renderDate: (e, t) => /* @__PURE__ */ R(T, {
+						value: e,
+						options: G,
+						fallback: t
+					}),
+					renderTag: (e, t) => /* @__PURE__ */ R(L, {
+						tone: e,
+						children: t
+					}),
+					renderMetricGroup: ({ key: e, title: t, description: n, density: r, items: i }) => /* @__PURE__ */ R(s, {
 						title: t,
-						children: n
+						description: n,
+						children: /* @__PURE__ */ R(re, {
+							items: i,
+							density: r ?? "comfortable"
+						})
 					}, e),
-					wrapCustomNode: (e, t) => /* @__PURE__ */ B("div", { children: t }, e),
-					renderRelationList: ({ key: e, title: t, relation: n, value: r }) => /* @__PURE__ */ B(ee, {
+					renderTimeline: ({ key: e, title: t, description: n, events: r }) => /* @__PURE__ */ R(ie, {
 						title: t,
-						relation: n,
-						value: r ?? null
+						description: n,
+						events: r
+					}, e),
+					renderRelations: ({ key: e, title: t, items: n }) => /* @__PURE__ */ R(ae, {
+						title: t,
+						items: n
 					}, e),
+					renderContextStack: ({ key: e, title: t, items: n }) => /* @__PURE__ */ R(oe, {
+						title: t,
+						items: n
+					}, e),
+					renderCustomSection: (e, t, n) => /* @__PURE__ */ R(s, {
+						title: t,
+						children: n
+					}, e),
+					wrapCustomNode: (e, t) => /* @__PURE__ */ R("div", { children: t }, e),
 					resolveTableColumns: (e) => o(e, {
-						tApp: T,
-						t: E,
-						resolveEntityHref: f
+						tApp: D,
+						t: O
 					}),
-					renderTable: ({ key: e, title: t, description: n, columns: r, rows: i }) => /* @__PURE__ */ B(s, {
+					renderTable: ({ key: e, title: t, description: n, columns: r, rows: i }) => /* @__PURE__ */ R(s, {
 						title: t,
 						description: n,
-						children: /* @__PURE__ */ B(be, {
+						children: /* @__PURE__ */ R(te, {
 							columns: r,
 							rows: i,
 							getRowId: (e, t) => {
@@ -363,112 +397,87 @@ var je = (e) => {
 							}
 						})
 					}, e),
-					renderJson: ({ key: e, title: t, description: n, value: r, defaultCollapsed: i }) => {
-						let a = /* @__PURE__ */ B(s, {
-							title: t,
-							description: n,
-							children: /* @__PURE__ */ B(Ce, {
-								value: r,
-								title: t
-							})
-						}, e);
-						return i === !0 ? /* @__PURE__ */ V("details", { children: [/* @__PURE__ */ B("summary", { children: t }), a] }, e) : a;
-					},
-					renderCode: ({ key: e, title: t, description: n, value: r, outputLabel: i }) => /* @__PURE__ */ B(s, {
-						title: t,
-						description: n,
-						children: /* @__PURE__ */ B(Se, {
-							badgeLabel: i,
-							copyCode: r,
-							fallbackCodeText: r
-						})
-					}, e),
-					renderPayload: ({ key: e, title: t, description: n, content: r, format: i }) => /* @__PURE__ */ B(d, {
+					renderPayload: ({ key: e, title: t, description: n, content: r, format: i }) => /* @__PURE__ */ R(ee, {
 						title: t,
 						description: n,
 						content: r,
 						format: i
 					}, e),
-					renderErrorList: ({ key: e, title: t, description: n, items: r }) => /* @__PURE__ */ B(l, {
+					renderKeyValueListSection: ({ key: e, title: t, description: n, items: r }) => /* @__PURE__ */ R(s, {
 						title: t,
 						description: n,
-						items: r
-					}, e),
-					renderKeyValueListSection: ({ key: e, title: t, description: n, items: r }) => /* @__PURE__ */ B(s, {
-						title: t,
-						description: n,
-						children: /* @__PURE__ */ B(b, { items: r })
+						children: /* @__PURE__ */ R(S, { items: r })
 					}, e)
 				})[0];
 				i != null && r.push(i);
 			});
-			let G = W.length > 0 ? /* @__PURE__ */ B(ve, {
-				label: E("relations.menu.label"),
-				items: W
-			}) : null, q = v.length > 0 || G != null ? /* @__PURE__ */ V("div", {
-				className: le,
-				children: [v.length > 0 && /* @__PURE__ */ B("div", {
+			let U = H.length > 0 ? /* @__PURE__ */ R(be, {
+				label: O("relations.menu.label"),
+				items: H
+			}) : null, Oe = b.length > 0 || U != null ? /* @__PURE__ */ z("div", {
+				className: fe,
+				children: [b.length > 0 && /* @__PURE__ */ R("div", {
 					className: "txvbqb9ip txvbqbcp txvbqbdp7 txvbqbao7 txvbqbajy",
-					children: v
-				}), G != null && /* @__PURE__ */ B("div", {
+					children: b
+				}), U != null && /* @__PURE__ */ R("div", {
 					className: "_1i6bm7z0 txvbqb9ip txvbqbcp",
-					children: G
+					children: U
 				})]
-			}) : void 0, J = p.status != null || p.badges != null ? /* @__PURE__ */ V("div", {
-				className: de,
-				children: [p.status, p.badges]
-			}) : void 0, X = p.items != null && p.items.length > 0 ? /* @__PURE__ */ B("div", {
-				className: fe,
-				children: /* @__PURE__ */ B(b, { items: p.items })
-			}) : null, Ie = U.length > 0, $ = null;
-			return Fe.length > 1 && ($ = /* @__PURE__ */ B(ye, {
-				items: ie,
-				activeId: Pe.id,
+			}) : void 0, K = h.status != null || h.badges != null ? /* @__PURE__ */ z("div", {
+				className: me,
+				children: [h.status, h.badges]
+			}) : void 0, J = h.items != null && h.items.length > 0 ? /* @__PURE__ */ R("div", {
+				className: he,
+				children: /* @__PURE__ */ R(S, { items: h.items })
+			}) : null, Q = V.length > 0, $ = null;
+			return Ie.length > 1 && ($ = /* @__PURE__ */ R(xe, {
+				items: f,
+				activeId: Y.id,
 				onChange: () => {},
 				variant: "underline"
-			})), /* @__PURE__ */ V(ne, {
-				breadcrumb: m,
-				children: [/* @__PURE__ */ B(xe, {
-					headerNode: /* @__PURE__ */ V("div", {
-						className: ue,
-						children: [/* @__PURE__ */ B(_e, {
-							title: p.title,
-							subtitle: p.subtitle,
-							actions: q,
-							meta: J
-						}), X]
+			})), /* @__PURE__ */ z(se, {
+				breadcrumb: g,
+				children: [/* @__PURE__ */ R(d, {
+					headerNode: /* @__PURE__ */ z("div", {
+						className: pe,
+						children: [/* @__PURE__ */ R(u, {
+							title: h.title,
+							subtitle: h.subtitle,
+							actions: Oe,
+							meta: K
+						}), J]
 					}),
 					tabsNode: $,
-					sidePanel: Ie ? /* @__PURE__ */ B(z, { children: U }) : void 0,
+					sidePanel: Q ? /* @__PURE__ */ R(Ee, { children: V }) : void 0,
 					sidePanelVariant: "plain",
 					headerDensity: "compact",
-					children: /* @__PURE__ */ B(z, { children: H })
-				}), y != null && h(y) && /* @__PURE__ */ B(a, {
+					children: /* @__PURE__ */ R(Ee, { children: B })
+				}), x != null && _(x) && /* @__PURE__ */ R(a, {
 					isOpen: !0,
-					action: y,
+					action: x,
 					node: n,
 					onClose: () => {
-						Ne(null);
+						Fe(null);
 					}
 				})]
 			});
 		}
 	});
-}, Y = ({ config: e, prepared: t }) => {
-	let { layoutView: n } = m(), r = p({
+}, q = ({ config: e, prepared: t }) => {
+	let { layoutView: n } = g(), r = h({
 		mainPage: e.pages.mainPage,
 		subPages: e.pages.subPages,
 		activePagePath: t.pagePath,
 		node: n
 	});
-	if (!r.hasVisiblePages || r.activePage == null) throw new G(e.routes.list);
-	if (r.activePage.id !== t.pageId) throw new G(e.routes.detailPage(t.id, r.activePage.id));
-	return /* @__PURE__ */ B(J, {
+	if (!r.hasVisiblePages || r.activePage == null) throw new U(e.routes.list);
+	if (r.activePage.id !== t.pageId) throw new U(e.routes.detailPage(t.id, r.activePage.id));
+	return /* @__PURE__ */ R(K, {
 		config: t.pageConfig,
 		prepared: t
 	});
 };
 //#endregion
-export { Y as BackofficeEntityDetailPage, Y as default };
+export { q as BackofficeEntityDetailPage, q as default };
 
 //# sourceMappingURL=BackofficeEntityDetailPage.js.map