@plumile/backoffice-react 0.1.103 → 0.1.105

package/lib/esm/{BackofficeEntityDetailPage-ChxBrqz8.js → BackofficeEntityDetailPage-LB1uEJVM.js}

@@ -1,180 +1,188 @@
 import { t as e } from "./useRelayEnvironment-vQ86aW-n.js";
 import { r as t, t as n } from "./useBackofficeReactTranslation-Btt58EIo.js";
 import { t as r } from "./BackofficeErrorBoundary-BwRVSDHU.js";
-import { n as i } from "./EntityIdPickerDialog-Yhmr-WsV.js";
-import { a, n as o, r as s, t as c } from "./BackofficeDetailPayload-P61MDRLE.js";
-import { i as l } from "./mutationResult-CcQMY13J.js";
-import { t as u } from "./pageResolution-hAQA5C6S.js";
-import { t as d } from "./buildDataTableColumns-DGPjPK4N.js";
-import { t as f } from "./BackofficeRightPageLayout-BZb7LhT-.js";
-import { n as p, t as m } from "./toastViewAction-DJkv_4p9.js";
-import { n as h } from "./buildBreadcrumbs-C9cyiXb7.js";
-import { n as g } from "./BackofficeEntityDetailLayoutContext-DeuH5PCW.js";
-import { i as _, n as ee, r as v, t as y } from "./LazyBackofficeEntityActionFormDialog-uyYFFJGM.js";
-import { Fragment as b, Suspense as x, createElement as S, useCallback as C, useContext as w, useMemo as T, useState as E } from "react";
-import { useTranslation as D } from "react-i18next";
-import { HttpRedirect as O, Link as k, RoutingContext as A } from "@plumile/router";
-import { BackofficeKeyValueList as j, BackofficePageHeader as te, BackofficeRelationsMenu as ne, BackofficeTableSkeleton as M, BackofficeTabs as re, Button as N, ChatCheckSvg as ie, DataTable as ae, DetailPageTemplate as oe, FormattedDate as se, HighlightCode as ce, KeyOffSvg as P, KeySvg as le, LazyBackofficeJsonViewer as ue, LazyMarkdownRenderer as F, LinkButton as de, LockOpenSvg as fe, LockSvg as I, RobotCheckSvg as L, RobotXSvg as R, RocketOffSvg as z, RocketSvg as B, SettingsCheckSvg as V, SettingsXSvg as H, ShieldLockSvg as U, ShieldOffSvg as W, Tag as G, XBadgeSvg as pe, cx as me, useToast as he } from "@plumile/ui";
-import * as ge from "react-relay";
-import { commitMutation as _e, useFragment as K, usePreloadedQuery as ve } from "react-relay";
-import { Fragment as q, jsx as J, jsxs as Y } from "react/jsx-runtime";
-import { BACKOFFICE_DATE_TIME_OPTIONS as ye, BACKOFFICE_LIST_REFETCH_POLICY as be, BACKOFFICE_RELATED_TAB_PAGE_SIZE as xe } from "@plumile/backoffice-core/constants.js";
-import { buildBackofficeFallbackListHref as Se, buildBackofficeListHref as Ce, buildBackofficeListLink as we } from "@plumile/backoffice-core/state/buildListHref.js";
-import { setWhereValue as Te } from "@plumile/backoffice-core/filters/where.js";
+import { n as i } from "./EntityIdPickerDialog-BSn0v3bv.js";
+import { a, n as o, r as s, t as c } from "./BackofficeDetailPayload-CZcsDv2w.js";
+import { i as l } from "./mutationResult-C2Vb_vPt.js";
+import { t as u } from "./pageResolution-CUaTq4Ql.js";
+import { t as d } from "./buildDataTableColumns-DdmF-EYq.js";
+import { t as f } from "./BackofficeRightPageLayout-CfNkrMvH.js";
+import { n as p, t as m } from "./toastViewAction-DQYlcGOL.js";
+import { n as h } from "./buildBreadcrumbs-C5St167Y.js";
+import { n as g } from "./BackofficeEntityDetailLayoutContext-C5G-PH28.js";
+import { i as _, n as v, r as y, t as b } from "./LazyBackofficeEntityActionFormDialog-oRd_WHAK.js";
+import { Fragment as x, Suspense as S, createElement as C, useCallback as w, useContext as T, useMemo as E, useState as D } from "react";
+import { useTranslation as O } from "react-i18next";
+import { HttpRedirect as k, Link as A, RoutingContext as j } from "@plumile/router";
+import { BackofficeEmptyState as M, BackofficeKeyValueList as N, BackofficePageHeader as ee, BackofficeRelationsMenu as te, BackofficeTableSkeleton as P, BackofficeTabs as ne, Button as re, ChatCheckSvg as F, DataTable as ie, DetailPageTemplate as ae, FormattedDate as oe, HighlightCode as se, InlineBanner as ce, KeyOffSvg as I, KeySvg as le, LazyBackofficeJsonViewer as ue, LazyMarkdownRenderer as L, LinkButton as de, LockOpenSvg as R, LockSvg as z, RobotCheckSvg as B, RobotXSvg as V, RocketOffSvg as H, RocketSvg as U, SettingsCheckSvg as W, SettingsXSvg as G, ShieldLockSvg as K, ShieldOffSvg as fe, Tag as q, XBadgeSvg as pe, cx as me, useToast as J } from "@plumile/ui";
+import * as he from "react-relay";
+import { commitMutation as ge, useFragment as _e, usePreloadedQuery as ve } from "react-relay";
+import { Fragment as ye, jsx as Y, jsxs as X } from "react/jsx-runtime";
+import { BACKOFFICE_DATE_TIME_OPTIONS as be, BACKOFFICE_LIST_REFETCH_POLICY as xe, BACKOFFICE_RELATED_TAB_PAGE_SIZE as Se } from "@plumile/backoffice-core/constants.js";
+import { buildBackofficeFallbackListHref as Ce, buildBackofficeListHref as we, buildBackofficeListLink as Te } from "@plumile/backoffice-core/state/buildListHref.js";
+import { setWhereValue as Ee } from "@plumile/backoffice-core/filters/where.js";
 //#region src/components/backoffice/scaffolds/BackofficeEntityDetailScaffold.tsx
-var Ee = ({ node: e, render: t, notFound: r }) => {
+var De = ({ node: e, render: t, notFound: r }) => {
 	let { t: i } = n(), a = r ?? i("detail.notFound");
-	return e == null ? /* @__PURE__ */ J(q, { children: a }) : t(e) ?? /* @__PURE__ */ J(q, { children: a });
-}, De = "txvbqb9ip txvbqbcp txvbqbao7", Oe = "_1lzrtns0 txvbqb9ip txvbqbcp", ke = "_1lzrtns1", Ae = ({ tone: e, icon: t, label: n }) => {
+	return e == null ? /* @__PURE__ */ Y(M, { title: a }) : t(e) ?? /* @__PURE__ */ Y(M, { title: a });
+}, Oe = "txvbqb9ip txvbqbcp txvbqbao7", ke = "_1lzrtns0 txvbqb9ip txvbqbcp", Ae = "_1lzrtns1", je = ({ tone: e, icon: t, label: n }) => {
 	let r = t != null, i = null;
-	return r && (i = /* @__PURE__ */ J("span", {
-		className: Oe,
+	return r && (i = /* @__PURE__ */ Y("span", {
+		className: ke,
 		children: t
-	})), /* @__PURE__ */ J(G, {
+	})), /* @__PURE__ */ Y(q, {
 		tone: e,
-		children: /* @__PURE__ */ Y("span", {
-			className: De,
-			children: [i, /* @__PURE__ */ J("span", {
-				className: ke,
+		children: /* @__PURE__ */ X("span", {
+			className: Oe,
+			children: [i, /* @__PURE__ */ Y("span", {
+				className: Ae,
 				children: n
 			})]
 		})
 	});
-}, je = "txvbqb9jg txvbqbcp txvbqbao7 txvbqbajy", Me = "txvbqb9jg txvbqbcp txvbqbany", Ne = ({ tag: e, value: t }) => /* @__PURE__ */ Y("span", {
-	className: je,
-	children: [e != null && /* @__PURE__ */ J(G, {
+}, Me = "txvbqb9jg txvbqbcp txvbqbao7 txvbqbajy", Ne = "txvbqb9jg txvbqbcp txvbqbany", Pe = ({ tag: e, value: t }) => /* @__PURE__ */ X("span", {
+	className: Me,
+	children: [e != null && /* @__PURE__ */ Y(q, {
 		tone: e.tone,
 		children: e.label
-	}), /* @__PURE__ */ J("span", {
-		className: Me,
+	}), /* @__PURE__ */ Y("span", {
+		className: Ne,
 		children: t
 	})]
-}), Pe = "txvbqb9ip txvbqbai7 txvbqbaop", Fe = "txvbqb9ip txvbqbai7 txvbqbao7 txvbqblb7 txvbqb1ry", Ie = "txvbqb1cp txvbqb1qg txvbqbwp txvbqbv45", Le = "txvbqb9ip txvbqbai7 txvbqbany", Re = "txvbqbal7 txvbqb8y txvbqbva3", ze = "txvbqbamp", Be = "txvbqb8y", Ve = ({ title: e, description: t, items: r }) => {
+}), Fe = "txvbqb9ip txvbqbai7 txvbqbaop", Ie = "txvbqb9ip txvbqbai7 txvbqbao7 txvbqblb7 txvbqb1ry", Le = "txvbqb1cp txvbqb1qg txvbqbwp txvbqbv45", Re = "txvbqb9ip txvbqbai7 txvbqbany", ze = "txvbqbal7 txvbqb8y txvbqbva3", Be = "txvbqbamp", Ve = "txvbqb8y", He = ({ title: e, description: t, items: r }) => {
 	let { t: i } = n();
-	return r.length === 0 ? null : /* @__PURE__ */ J(s, {
+	return r.length === 0 ? null : /* @__PURE__ */ Y(s, {
 		title: e,
 		description: t,
-		children: /* @__PURE__ */ J("div", {
-			className: Pe,
+		children: /* @__PURE__ */ Y("div", {
+			className: Fe,
 			children: r.map((e, t) => {
 				let n = i("common.notAvailable");
-				return e.details != null && (n = o(e.details)), /* @__PURE__ */ Y("div", {
-					className: me(Fe, Ie),
-					children: [/* @__PURE__ */ Y("div", {
-						className: Le,
-						children: [/* @__PURE__ */ J("span", {
-							className: Re,
-							children: e.code
-						}), /* @__PURE__ */ J("span", {
+				return e.details != null && (n = o(e.details)), /* @__PURE__ */ X("div", {
+					className: me(Ie, Le),
+					children: [/* @__PURE__ */ X("div", {
+						className: Re,
+						children: [/* @__PURE__ */ Y("span", {
 							className: ze,
+							children: e.code
+						}), /* @__PURE__ */ Y("span", {
+							className: Be,
 							children: e.message
 						})]
-					}), /* @__PURE__ */ J("div", {
-						className: Be,
-						children: /* @__PURE__ */ J(F, { content: n })
+					}), /* @__PURE__ */ Y("div", {
+						className: Ve,
+						children: /* @__PURE__ */ Y(L, { content: n })
 					})]
 				}, `${e.code}-${t}`);
 			})
 		})
 	});
-}, { useLazyLoadQuery: He, usePaginationFragment: Ue } = ge, We = ({ title: e, config: t, entities: r, whereKey: i, value: a, path: o }) => {
-	let { t: s } = D(), { t: c } = n();
-	if (t.list.kind === "records") return null;
-	let l = t.list, u = t.listDefaults ?? l.defaultState ?? {
+}, { useLazyLoadQuery: Ue, usePaginationFragment: We } = he, Ge = () => {
+	let { t: e } = n();
+	return /* @__PURE__ */ Y(P, {
+		rows: 6,
+		ariaLabel: e("common.loading")
+	});
+}, Ke = ({ title: e, config: t, entities: r, relation: i, value: a }) => {
+	let { t: o } = O(), { t: s } = n(), c = t.list, l = t.listDefaults ?? c.defaultState ?? {
 		where: null,
 		sort: null
-	}, [f, p] = E({
-		where: u.where,
-		sort: u.sort ?? null
-	}), m = T(() => a == null || a.trim() === "" ? null : Te(f.where, i, a, o), [
-		o,
-		f.where,
-		a,
-		i
-	]), h = m ?? f.where, g = f.sort ?? u.sort, y = T(() => ({
-		where: h,
-		sort: g,
-		count: xe,
+	}, [u, f] = D({
+		where: l.where,
+		sort: l.sort ?? null
+	}), p = E(() => a == null || a.trim() === "" ? null : Ee(u.where, i.whereKey, a, i.path), [
+		i.path,
+		i.whereKey,
+		u.where,
+		a
+	]), m = p ?? u.where, h = u.sort ?? l.sort, g = E(() => ({
+		where: m,
+		sort: h,
+		count: Se,
 		cursor: null
-	}), [h, g]), b = T(() => l.buildVariables == null ? y : l.buildVariables(y), [l, y]), x = He(l.query, b, { fetchPolicy: "store-or-network" }), { data: S, loadNext: w, hasNext: O, isLoadingNext: k, refetch: A } = Ue(l.fragment, x), j = l.getConnection(S), te = T(() => j.edges.map((e) => l.toRow(e.node)), [j.edges, l]), ne = T(() => d(l.columns, {
-		tApp: s,
-		t: c,
+	}), [m, h]), b = E(() => c.buildQueryVariables(g), [c, g]), x = Ue(c.query, b, { fetchPolicy: "store-or-network" }), { data: S, loadNext: C, hasNext: T, isLoadingNext: k, refetch: A } = We(c.fragment, x), j = c.getConnection(S), M = E(() => j.edges.map((e) => c.toRow(e.node)), [j.edges, c]), N = E(() => d(c.columns, {
+		tApp: o,
+		t: s,
 		resolveEntityHref: (e, t) => {
 			let n = r[e];
 			return n == null ? null : n.routes.detail(t);
 		}
 	}), [
 		r,
-		l.columns,
-		c,
-		s
-	]), M = C((e) => l.getRowId(e), [l]), { onRefresh: re } = v({
+		c.columns,
+		s,
+		o
+	]), ee = w((e) => c.getRowId(e), [c]), { onRefresh: te } = y({
 		refetch: A,
-		variables: y,
-		defaults: T(() => ({
-			where: m ?? u.where,
-			sort: u.sort,
-			count: xe,
+		variables: g,
+		defaults: E(() => ({
+			where: p ?? l.where,
+			sort: l.sort,
+			count: Se,
 			cursor: null
 		}), [
-			u.sort,
-			u.where,
-			m
+			l.sort,
+			l.where,
+			p
 		]),
-		fetchPolicy: be,
-		buildVariables: l.buildVariables
-	}), N = _({
-		hasNext: O,
+		fetchPolicy: xe,
+		buildQueryVariables: c.buildQueryVariables
+	}), P = _({
+		hasNext: T,
 		isLoadingNext: k,
-		loadNext: w,
-		count: xe
+		loadNext: C,
+		count: Se
 	});
-	return /* @__PURE__ */ J(ee, {
+	return /* @__PURE__ */ Y(v, {
 		config: t,
-		state: f,
+		state: u,
 		pushState: (e) => {
-			p(e);
+			f(e);
 		},
 		header: { title: e },
-		rows: te,
-		columns: ne,
-		getRowId: M,
-		hasNextPage: O,
+		rows: M,
+		columns: N,
+		getRowId: ee,
+		hasNextPage: T,
 		isLoadingMore: k,
-		onLoadMore: N,
-		onRefresh: re,
+		onLoadMore: P,
+		onRefresh: te,
 		totalCount: j.totalCount ?? null,
 		variant: "embedded"
 	});
-}, Ge = ({ title: e, targetId: n, whereKey: r, value: a, path: o }) => {
-	let { entities: s } = t(), c = i(T(() => [n], [n]));
-	if (c.status === "loading") return /* @__PURE__ */ J(M, { rows: 6 });
-	if (c.status === "error") return null;
-	let l = c.modules[n]?.config;
-	return l == null ? null : /* @__PURE__ */ J(We, {
+}, qe = ({ title: e, relation: r, value: a }) => {
+	let { t: o } = n(), { entities: s } = t(), c = i(E(() => [r.target], [r.target]));
+	if (c.status === "loading") return /* @__PURE__ */ Y(P, {
+		rows: 6,
+		ariaLabel: o("common.loading")
+	});
+	if (c.status === "error") return /* @__PURE__ */ Y(ce, {
+		tone: "warning",
+		title: o("relations.unavailable.title"),
+		children: o("relations.unavailable.description")
+	});
+	let l = c.modules[r.target]?.config;
+	return l == null || l.list.kind === "records" ? null : /* @__PURE__ */ Y(Ke, {
 		title: e,
 		config: l,
 		entities: s,
-		whereKey: r,
-		value: a,
-		path: o
+		relation: r,
+		value: a
 	});
-}, Ke = ({ title: e, target: t, whereKey: n, value: i, path: a }) => /* @__PURE__ */ J(r, {
-	fallback: () => /* @__PURE__ */ J(M, { rows: 6 }),
-	children: /* @__PURE__ */ J(x, {
-		fallback: /* @__PURE__ */ J(M, { rows: 6 }),
-		children: /* @__PURE__ */ J(Ge, {
+}, Je = ({ title: e, relation: t, value: n }) => /* @__PURE__ */ Y(r, {
+	fallback: () => /* @__PURE__ */ Y(Ge, {}),
+	children: /* @__PURE__ */ Y(S, {
+		fallback: /* @__PURE__ */ Y(Ge, {}),
+		children: /* @__PURE__ */ Y(qe, {
 			title: e,
-			targetId: t,
-			whereKey: n,
-			value: i,
-			path: a
+			relation: t,
+			value: n
 		})
 	})
-}), qe = "txvbqb9ip txvbqbcp txvbqbao7 txvbqbajy", Je = "txvbqb9ip txvbqbai7 txvbqbaog", Ye = "txvbqb9ip txvbqbcp txvbqbao7 txvbqbajy", Xe = "txvbqb9ip txvbqbai7 txvbqbao7";
+}), Ye = "txvbqb9ip txvbqbcp txvbqbdp7 txvbqbao7 txvbqbajy txvbqbk5y", Xe = "txvbqb9ip txvbqbai7 txvbqbaog", Ze = "txvbqb9ip txvbqbcp txvbqbao7 txvbqbajy", Qe = "txvbqb9ip txvbqbai7 txvbqbao7";
 //#endregion
 //#region src/i18n/useBackofficeFormats.ts
-function Ze() {
+function $e() {
 	let { t: e } = n();
 	function t(t) {
 		return e("format.number", { value: t });
@@ -193,19 +201,19 @@ function Ze() {
 }
 //#endregion
 //#region src/pages/detail/buildTabsItems.ts
-var Qe = (e) => e.pages.map((t) => ({
+var et = (e) => e.pages.map((t) => ({
 	id: t.id,
 	label: t.label(e.tApp),
 	to: e.detailPageHref(e.id, t.id)
-})), X = (e, t) => e(t), $e = (e) => typeof e == "object" && !!e && !Array.isArray(e), et = (e) => {
-	if (!$e(e)) return null;
-	for (let t of Object.values(e)) if ($e(t) && ("status" in t || "result" in t)) return t;
+})), Z = (e, t) => e(t), tt = (e) => typeof e == "object" && !!e && !Array.isArray(e), nt = (e) => {
+	if (!tt(e)) return null;
+	for (let t of Object.values(e)) if (tt(t) && ("status" in t || "result" in t)) return t;
 	return null;
-}, tt = (e) => e.kind === "route", nt = (e) => e.kind === "mutation", rt = (e) => e.kind === "formMutation", Z = (e, t) => typeof e == "function" ? e(t) : e ?? null, it = (e) => {
+}, rt = (e) => e.kind === "route", it = (e) => e.kind === "mutation", at = (e) => e.kind === "formMutation", Q = (e, t) => typeof e == "function" ? e(t) : e ?? null, ot = (e) => {
 	if (e == null) return null;
 	let t = e.trim();
 	return t === "" ? null : t;
-}, Q = (e) => e == null ? !0 : typeof e == "string" ? e.trim() === "" : !1, $ = (e, t) => typeof e == "function" ? e(t) : e, at = (e, t, n) => {
+}, $ = (e) => e == null ? !0 : typeof e == "string" ? e.trim() === "" : !1, st = (e, t) => typeof e == "function" ? e(t) : e, ct = (e, t, n) => {
 	switch (e) {
 		case "yesNo": return t ? {
 			tone: "success",
@@ -293,45 +301,45 @@ var Qe = (e) => e.pages.map((t) => ({
 		};
 		default: throw Error(`Unsupported flag variant: ${String(e)}`);
 	}
-}, ot = (e, t) => {
+}, lt = (e, t) => {
 	let { tApp: n, t: r, resolveEntityHref: i, renderLink: a } = t, o = r("common.notAvailable");
 	if (e.type === "text") {
-		let t = Z(e.value, n);
-		return Q(t) ? o : t;
+		let t = Q(e.value, n);
+		return $(t) ? o : t;
 	}
 	if (e.type === "entityRef") {
 		let { id: t } = e;
 		if (t == null || t.trim() === "") return o;
-		let r = Z(e.label, n), s = r != null && String(r).trim() !== "" ? r : null;
+		let r = Q(e.label, n), s = r != null && String(r).trim() !== "" ? r : null;
 		if (s == null) return o;
 		let c = i?.(e.entity, t) ?? null;
 		return c == null ? s : a(c, s);
 	}
 	let { href: s } = e;
 	if (s == null || s.trim() === "") return o;
-	let c = Z(e.label, n);
-	return Q(c) ? o : a(s, c);
-}, st = (e, t, n) => {
+	let c = Q(e.label, n);
+	return $(c) ? o : a(s, c);
+}, ut = (e, t, n) => {
 	let { tApp: r, t: i, resolveEntityHref: a, renderDate: o, renderLink: s } = n, c = i("common.notAvailable");
 	if (e.type === "dateTime") return o(e.value(t), c);
 	if (e.type === "entityRef") {
 		let n = e.id(t);
 		if (n == null || n.trim() === "") return c;
-		let i = Z(e.value?.(t), r), o = i != null && String(i).trim() !== "" ? i : null;
+		let i = Q(e.value?.(t), r), o = i != null && String(i).trim() !== "" ? i : null;
 		if (o == null) return c;
 		let l = a?.(e.entity, n) ?? null;
 		return l == null ? o : s(l, o);
 	}
 	if (e.type === "link") {
-		let n = e.href(t), i = Z(e.value(t), r);
-		return n == null || n.trim() === "" || Q(i) ? c : s(n, i);
+		let n = e.href(t), i = Q(e.value(t), r);
+		return n == null || n.trim() === "" || $(i) ? c : s(n, i);
 	}
-	let l = Z(e.value(t), r);
-	return Q(l) ? c : l;
-}, ct = (e, t, n, r) => {
+	let l = Q(e.value(t), r);
+	return $(l) ? c : l;
+}, dt = (e, t, n, r) => {
 	if (e.type === "badgeRow") {
 		let i = e.items(t).map((e) => {
-			let t = Z(e.label, n), r = t == null ? "" : String(t);
+			let t = Q(e.label, n), r = t == null ? "" : String(t);
 			return {
 				...e,
 				label: r
@@ -339,20 +347,20 @@ var Qe = (e) => e.pages.map((t) => ({
 		});
 		return i.length === 0 ? void 0 : r.renderBadgeRow(i);
 	}
-	let i = Z(e.value(t), n), a = i == null ? "" : String(i);
+	let i = Q(e.value(t), n), a = i == null ? "" : String(i);
 	if (a.trim() === "") return;
-	let o = $(e.tone, t);
+	let o = st(e.tone, t);
 	return r.renderTag(o, a);
-}, lt = (e, t, n) => {
-	let { tApp: r, t: i, resolveEntityHref: a, formatNumber: o, formatCurrency: s, formatPercent: c, relationEntityListRoutes: l, resolveRelationItem: u, setWhereValue: d, renderTag: f, renderBadgeRow: p, renderDate: m, renderFlagTag: h, renderLink: g, renderTaggedValue: _, wrapCustomNode: ee } = n, v = [], y = [], b = [], x = i("common.notAvailable");
+}, ft = (e, t, n) => {
+	let { tApp: r, t: i, resolveEntityHref: a, formatNumber: o, formatCurrency: s, formatPercent: c, relationEntityListRoutes: l, resolveRelationItem: u, setWhereValue: d, renderTag: f, renderBadgeRow: p, renderDate: m, renderFlagTag: h, renderLink: g, renderTaggedValue: _, wrapCustomNode: v } = n, y = [], b = [], x = [], S = i("common.notAvailable");
 	return e.forEach((e, n) => {
-		let S = `${e.type}-${n}`;
+		let C = `${e.type}-${n}`;
 		switch (e.type) {
 			case "text": {
-				let n = Z(e.value(t), r);
-				v.push({
-					id: S,
-					label: X(e.label, r),
+				let n = Q(e.value(t), r);
+				y.push({
+					id: C,
+					label: Z(e.label, r),
 					size: e.size,
 					value: n,
 					copyValue: e.copyValue?.(t) ?? void 0,
@@ -361,10 +369,10 @@ var Qe = (e) => e.pages.map((t) => ({
 				break;
 			}
 			case "badge": {
-				let n = Z(e.value(t), r), i = n == null ? "" : String(n), a = $(e.tone, t);
-				v.push({
-					id: S,
-					label: X(e.label, r),
+				let n = Q(e.value(t), r), i = n == null ? "" : String(n), a = st(e.tone, t);
+				y.push({
+					id: C,
+					label: Z(e.label, r),
 					size: e.size,
 					value: i.trim() === "" ? null : f(a, i)
 				});
@@ -372,15 +380,15 @@ var Qe = (e) => e.pages.map((t) => ({
 			}
 			case "badgeRow": {
 				let n = e.items(t).map((e) => {
-					let t = Z(e.label, r), n = t == null ? "" : String(t);
+					let t = Q(e.label, r), n = t == null ? "" : String(t);
 					return {
 						...e,
 						label: n
 					};
 				});
-				v.push({
-					id: S,
-					label: X(e.label, r),
+				y.push({
+					id: C,
+					label: Z(e.label, r),
 					size: e.size,
 					value: n.length > 0 ? p(n) : null,
 					fullWidth: e.fullWidth
@@ -388,18 +396,18 @@ var Qe = (e) => e.pages.map((t) => ({
 				break;
 			}
 			case "dateTime":
-				v.push({
-					id: S,
-					label: X(e.label, r),
+				y.push({
+					id: C,
+					label: Z(e.label, r),
 					size: e.size,
-					value: m(e.value(t), x)
+					value: m(e.value(t), S)
 				});
 				break;
 			case "number": {
 				let n = e.value(t), i = null;
-				n != null && (i = e.format === "currency" ? s(n) : e.format === "percent" ? c(n) : o(n)), v.push({
-					id: S,
-					label: X(e.label, r),
+				n != null && (i = e.format === "currency" ? s(n) : e.format === "percent" ? c(n) : o(n)), y.push({
+					id: C,
+					label: Z(e.label, r),
 					size: e.size,
 					value: i
 				});
@@ -407,11 +415,11 @@ var Qe = (e) => e.pages.map((t) => ({
 			}
 			case "flag": {
 				let n = e.value(t);
-				v.push({
-					id: S,
-					label: X(e.label, r),
+				y.push({
+					id: C,
+					label: Z(e.label, r),
 					size: e.size,
-					value: n == null ? null : h(at(e.variant, n, i))
+					value: n == null ? null : h(ct(e.variant, n, i))
 				});
 				break;
 			}
@@ -421,26 +429,26 @@ var Qe = (e) => e.pages.map((t) => ({
 					let r = e.value?.(t), o = r != null && r.trim() !== "" ? r : null, s = a?.(e.entity, n) ?? null;
 					o != null && (i = s == null ? o : g(s, o));
 				}
-				v.push({
-					id: S,
-					label: X(e.label, r),
+				y.push({
+					id: C,
+					label: Z(e.label, r),
 					size: e.size,
-					value: i ?? x
+					value: i ?? S
 				});
 				break;
 			}
 			case "link": {
 				let n = e.href(t), i = e.value(t);
-				v.push({
-					id: S,
-					label: X(e.label, r),
+				y.push({
+					id: C,
+					label: Z(e.label, r),
 					size: e.size,
-					value: n != null && n.trim() !== "" && !Q(i) ? g(n, i) : null
+					value: n != null && n.trim() !== "" && !$(i) ? g(n, i) : null
 				});
 				break;
 			}
 			case "taggedValue": {
-				let n = e.tag(t), o = ot(e.value(t), {
+				let n = e.tag(t), o = lt(e.value(t), {
 					tApp: r,
 					t: i,
 					resolveEntityHref: a,
@@ -448,13 +456,13 @@ var Qe = (e) => e.pages.map((t) => ({
 				}), s = n == null ? null : {
 					...n,
 					label: (() => {
-						let e = Z(n.label, r);
+						let e = Q(n.label, r);
 						return e == null ? "" : String(e);
 					})()
 				};
-				v.push({
-					id: S,
-					label: X(e.label, r),
+				y.push({
+					id: C,
+					label: Z(e.label, r),
 					size: e.size,
 					value: s != null || o != null ? _(s, o) : null,
 					fullWidth: e.fullWidth
@@ -462,23 +470,20 @@ var Qe = (e) => e.pages.map((t) => ({
 				break;
 			}
 			case "relation": {
-				let n = it(e.value(t));
+				let n = ot(e.value(t));
 				if (n == null) break;
-				let i = l[e.entity];
+				let i = l[e.relation.target];
 				if (i == null) break;
-				let a = d(null, e.whereKey, n, e.path);
+				let a = d(null, e.relation.whereKey, n, e.relation.path);
 				if (a == null) break;
-				y.push(u({
-					id: S,
-					label: X(e.label, r),
+				b.push(u({
+					id: C,
+					label: Z(e.label, r),
 					count: e.count?.(t) ?? null,
-					entityId: e.entity,
-					filterId: e.filterId,
+					relation: e.relation,
 					listRoute: i,
-					path: e.path,
 					value: n,
-					where: a,
-					whereKey: e.whereKey
+					where: a
 				}));
 				break;
 			}
@@ -486,55 +491,55 @@ var Qe = (e) => e.pages.map((t) => ({
 				let n = e.render(t);
 				if (n == null) break;
 				if (e.label != null) {
-					v.push({
-						id: S,
-						label: X(e.label, r),
+					y.push({
+						id: C,
+						label: Z(e.label, r),
 						size: e.size,
 						value: n,
 						fullWidth: e.fullWidth
 					});
 					break;
 				}
-				b.push(ee(S, n));
+				x.push(v(C, n));
 				break;
 			}
 			default: break;
 		}
 	}), {
-		items: v,
-		relationItems: y,
-		customNodes: b
+		items: y,
+		relationItems: b,
+		customNodes: x
 	};
-}, ut = (e, t, n) => {
-	let { tApp: r, t: i, resolveEntityHref: a, renderLink: o, renderDate: s, renderTag: c, renderBadgeRow: l } = n, u = e.titleValue?.(t, r) ?? X(e.title, r), d = u.trim() === "" ? X(e.title, r) : u, f;
+}, pt = (e, t, n) => {
+	let { tApp: r, t: i, resolveEntityHref: a, renderLink: o, renderDate: s, renderTag: c, renderBadgeRow: l } = n, u = e.titleValue?.(t, r) ?? Z(e.title, r), d = u.trim() === "" ? Z(e.title, r) : u, f;
 	if (e.subtitleItems != null && e.subtitleItems.length > 0) {
 		let { subtitleItems: n } = e, s = e.subtitleSeparator ?? " / ", c = [];
 		n.forEach((e, l) => {
-			c.push(S("span", { key: e.id }, ot(e.value(t), {
+			c.push(C("span", { key: e.id }, lt(e.value(t), {
 				tApp: r,
 				t: i,
 				resolveEntityHref: a,
 				renderLink: o
-			}))), l < n.length - 1 && c.push(S("span", { key: `${e.id}-sep` }, s));
-		}), f = S("span", null, ...c);
+			}))), l < n.length - 1 && c.push(C("span", { key: `${e.id}-sep` }, s));
+		}), f = C("span", null, ...c);
 	} else {
-		let n = e.subtitleValue?.(t, r) ?? (e.subtitle == null ? null : X(e.subtitle, r));
+		let n = e.subtitleValue?.(t, r) ?? (e.subtitle == null ? null : Z(e.subtitle, r));
 		f = n != null && n.trim() !== "" ? n : void 0;
 	}
 	let p = [];
 	e.badges?.forEach((e, n) => {
-		let i = X(e.label, r), a = Z(e.value(t), r), o = a == null ? "" : String(a);
-		o.trim() !== "" && (p.push(c($(e.tone, t), `${i}: ${o}`)), typeof p[p.length - 1] == "object" && (p[p.length - 1] = S(b, { key: `${i}-${n}` }, p[p.length - 1])));
+		let i = Z(e.label, r), a = Q(e.value(t), r), o = a == null ? "" : String(a);
+		o.trim() !== "" && (p.push(c(st(e.tone, t), `${i}: ${o}`)), typeof p[p.length - 1] == "object" && (p[p.length - 1] = C(x, { key: `${i}-${n}` }, p[p.length - 1])));
 	});
-	let m = e.status == null ? void 0 : ct(e.status, t, r, {
+	let m = e.status == null ? void 0 : dt(e.status, t, r, {
 		renderBadgeRow: l,
 		renderTag: c
 	}), h = e.meta?.map((e, n) => {
-		let c = X(e.label, r);
+		let c = Z(e.label, r);
 		return {
 			id: `${c}-${n}`,
 			label: c,
-			value: st(e, t, {
+			value: ut(e, t, {
 				tApp: r,
 				t: i,
 				resolveEntityHref: a,
@@ -546,26 +551,24 @@ var Qe = (e) => e.pages.map((t) => ({
 	return {
 		title: d,
 		subtitle: f,
-		badges: p.length > 0 ? S(b, null, ...p) : void 0,
+		badges: p.length > 0 ? C(x, null, ...p) : void 0,
 		status: m,
 		items: h
 	};
-}, dt = (e, t, n) => {
+}, mt = (e, t, n) => {
 	let { tApp: r, t: i, keyPrefix: a } = n;
 	return e == null || e.length === 0 ? [] : e.map((e, o) => {
 		let s = a == null ? `${e.kind}-${o}` : `${a}-${e.kind}-${o}`;
 		if (e.kind === "custom") {
 			let i = e.render(t);
-			return i == null ? null : e.label == null ? n.wrapCustomNode(s, i) : n.renderCustomSection(s, X(e.label, r), i);
+			return i == null ? null : e.label == null ? n.wrapCustomNode(s, i) : n.renderCustomSection(s, Z(e.label, r), i);
 		}
-		let c = X(e.label, r), l = e.description == null ? void 0 : X(e.description, r);
+		let c = Z(e.label, r), l = e.description == null ? void 0 : Z(e.description, r);
 		if (e.kind === "relationList") return n.renderRelationList({
 			key: s,
 			title: c,
-			target: e.target,
-			whereKey: e.whereKey,
-			value: e.value(t),
-			path: e.path
+			relation: e.relation,
+			value: e.value(t)
 		});
 		if (e.kind === "table") return n.renderTable({
 			key: s,
@@ -602,7 +605,7 @@ var Qe = (e) => e.pages.map((t) => ({
 			items: e.errors(t)
 		});
 		let u = e.items.map((e, n) => {
-			let a = X(e.label, r), o = Z(e.value(t), r);
+			let a = Z(e.label, r), o = Q(e.value(t), r);
 			return {
 				id: `${a}-${n}`,
 				label: a,
@@ -616,129 +619,128 @@ var Qe = (e) => e.pages.map((t) => ({
 			items: u
 		});
 	});
-}, ft = (e) => {
+}, ht = (e) => {
 	switch (e) {
-		case "shield-lock": return /* @__PURE__ */ J(U, {
+		case "shield-lock": return /* @__PURE__ */ Y(K, {
 			width: 14,
 			height: 14,
 			"aria-hidden": "true"
 		});
-		case "shield-off": return /* @__PURE__ */ J(W, {
+		case "shield-off": return /* @__PURE__ */ Y(fe, {
 			width: 14,
 			height: 14,
 			"aria-hidden": "true"
 		});
-		case "settings-check": return /* @__PURE__ */ J(V, {
+		case "settings-check": return /* @__PURE__ */ Y(W, {
 			width: 14,
 			height: 14,
 			"aria-hidden": "true"
 		});
-		case "settings-x": return /* @__PURE__ */ J(H, {
+		case "settings-x": return /* @__PURE__ */ Y(G, {
 			width: 14,
 			height: 14,
 			"aria-hidden": "true"
 		});
-		case "x-badge": return /* @__PURE__ */ J(pe, {
+		case "x-badge": return /* @__PURE__ */ Y(pe, {
 			width: 14,
 			height: 14,
 			"aria-hidden": "true"
 		});
-		case "chat-check": return /* @__PURE__ */ J(ie, {
+		case "chat-check": return /* @__PURE__ */ Y(F, {
 			width: 14,
 			height: 14,
 			"aria-hidden": "true"
 		});
-		case "key": return /* @__PURE__ */ J(le, {
+		case "key": return /* @__PURE__ */ Y(le, {
 			width: 14,
 			height: 14,
 			"aria-hidden": "true"
 		});
-		case "key-off": return /* @__PURE__ */ J(P, {
+		case "key-off": return /* @__PURE__ */ Y(I, {
 			width: 14,
 			height: 14,
 			"aria-hidden": "true"
 		});
-		case "lock": return /* @__PURE__ */ J(I, {
+		case "lock": return /* @__PURE__ */ Y(z, {
 			width: 14,
 			height: 14,
 			"aria-hidden": "true"
 		});
-		case "lock-open": return /* @__PURE__ */ J(fe, {
+		case "lock-open": return /* @__PURE__ */ Y(R, {
 			width: 14,
 			height: 14,
 			"aria-hidden": "true"
 		});
-		case "robot-check": return /* @__PURE__ */ J(L, {
+		case "robot-check": return /* @__PURE__ */ Y(B, {
 			width: 14,
 			height: 14,
 			"aria-hidden": "true"
 		});
-		case "robot-x": return /* @__PURE__ */ J(R, {
+		case "robot-x": return /* @__PURE__ */ Y(V, {
 			width: 14,
 			height: 14,
 			"aria-hidden": "true"
 		});
-		case "rocket": return /* @__PURE__ */ J(B, {
+		case "rocket": return /* @__PURE__ */ Y(U, {
 			width: 14,
 			height: 14,
 			"aria-hidden": "true"
 		});
-		case "rocket-off": return /* @__PURE__ */ J(z, {
+		case "rocket-off": return /* @__PURE__ */ Y(H, {
 			width: 14,
 			height: 14,
 			"aria-hidden": "true"
 		});
 		default: throw Error(`Unsupported flag icon: ${String(e)}`);
 	}
-}, pt = (e) => {
+}, gt = (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";
-}, mt = ({ config: r, prepared: i }) => {
-	let { t: o } = D(), { t: _ } = n(), { formatNumber: ee, formatCurrency: v, formatPercent: b } = Ze(), { entities: x, entityRegistry: S } = t(), { layoutView: C } = g(), M = w(A), ie = e(), P = he(), [le, F] = E({}), [fe, I] = E(null), L = u({
+}, _t = ({ config: r, prepared: i }) => {
+	let { t: o } = O(), { t: _ } = n(), { formatNumber: v, formatCurrency: y, formatPercent: x } = $e(), { entities: S, entityRegistry: C } = t(), { layoutView: w } = g(), M = T(j), P = e(), F = J(), [ce, I] = D({}), [le, L] = D(null), R = u({
 		mainPage: r.pages.mainPage,
 		subPages: r.pages.subPages,
 		activePagePath: i.pagePath,
-		node: C
-	}), R = L.activePage ?? r.pages.mainPage, z = L.pages.length > 0 ? L.pages : [r.pages.mainPage], B = (e, t) => {
-		F((n) => n[e] === t ? n : {
+		node: w
+	}), z = R.activePage ?? r.pages.mainPage, B = R.pages.length > 0 ? R.pages : [r.pages.mainPage], V = (e, t) => {
+		I((n) => n[e] === t ? n : {
 			...n,
 			[e]: t
 		});
-	}, { page: V } = r, H = ve(V.query, i.pageQuery), U = V.resolveNode(H, {
+	}, { page: H } = r, U = ve(H.query, i.pageQuery), W = H.resolveNode(U, {
 		id: i.id,
 		detailId: i.detailId
-	});
-	if (U == null) throw new O(r.routes.list);
-	let W = K(V.fragment, U), pe = T(() => Object.fromEntries(V.content.flatMap((e) => e.kind === "section" ? e.fields.flatMap((e) => e.type === "relation" ? [e.entity] : []) : []).flatMap((e) => {
-		let t = x[e];
+	}), G = W != null, K = _e(H.fragment, W), fe = E(() => Object.fromEntries(H.content.flatMap((e) => e.kind === "section" ? e.fields.flatMap((e) => e.type === "relation" ? [e.relation.target] : []) : []).flatMap((e) => {
+		let t = S[e];
 		return t?.hasList === !0 ? [[e, t.routes.list]] : [];
-	})), [x, V.content]);
-	return /* @__PURE__ */ J(Ee, {
-		node: W,
+	})), [S, H.content]);
+	if (!G) throw new k(r.routes.list);
+	return /* @__PURE__ */ Y(De, {
+		node: K,
 		render: (e) => {
-			let t = V.toView(e), n = Qe({
-				pages: z,
+			let t = H.toView(e), n = et({
+				pages: B,
 				id: i.id,
 				tApp: o,
 				detailPageHref: r.routes.detailPage
 			}), u = (e, t) => {
-				let n = x[e];
+				let n = S[e];
 				return n == null ? null : n.routes.detail(t);
-			}, g = ({ id: e, label: t, count: n, entityId: r, filterId: i, listRoute: a, path: o, value: s, where: c, whereKey: l }) => {
-				let u = S.getLoadedListEntity(r);
+			}, g = ({ 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 = C.getLoadedListEntity(s);
 				return {
 					id: e,
 					label: t,
 					count: n,
-					href: u == null ? Se(a, c, [{
-						id: i ?? (o == null ? l : `${l}.${o.join(".")}`),
-						value: s
-					}]) : Ce(u.config, { where: c }),
+					href: d == null ? Ce(i, o, [{
+						id: c ?? (u == null ? l : `${l}.${u.join(".")}`),
+						value: a
+					}]) : we(d.config, { where: o }),
 					onClick: async (e) => {
 						if (M == null || e.defaultPrevented || e.button !== 0 || e.metaKey || e.altKey || e.ctrlKey || e.shiftKey) return;
 						e.preventDefault();
-						let t = we((await S.loadListEntity(r)).config, { where: c });
+						let t = Te((await C.loadListEntity(s)).config, { where: o });
 						M.history.push({
 							pathname: t.pathname,
 							search: t.search === "" ? "" : `?${t.search}`,
@@ -746,54 +748,54 @@ var Qe = (e) => e.pages.map((t) => ({
 						});
 					}
 				};
-			}, w = ut(r.header, C, {
+			}, T = pt(r.header, w, {
 				tApp: o,
 				t: _,
 				resolveEntityHref: u,
-				renderLink: (e, t) => /* @__PURE__ */ J(k, {
+				renderLink: (e, t) => /* @__PURE__ */ Y(A, {
 					to: e,
 					children: t
 				}),
-				renderDate: (e, t) => /* @__PURE__ */ J(se, {
+				renderDate: (e, t) => /* @__PURE__ */ Y(oe, {
 					value: e,
-					options: ye,
+					options: be,
 					fallback: t
 				}),
-				renderTag: (e, t) => /* @__PURE__ */ J(G, {
+				renderTag: (e, t) => /* @__PURE__ */ Y(q, {
 					tone: e,
 					children: t
 				}),
-				renderBadgeRow: (e) => /* @__PURE__ */ J(a, { items: e })
-			}), T = h({
+				renderBadgeRow: (e) => /* @__PURE__ */ Y(a, { items: e })
+			}), E = h({
 				config: r,
 				tApp: o,
 				entityId: i.id,
-				layoutView: C,
-				pageLabel: R.label(o)
-			}), E = V.actions ?? [], D = [];
-			if (E.length > 0) {
-				let e = E.filter((e) => e.isVisible == null ? !0 : e.isVisible(t));
-				e.length > 0 && (D = e.map((e) => {
-					let n = X(e.label, o), r = e.ariaLabel == null ? n : X(e.ariaLabel, o), i = e.variant ?? "secondary", a = e.size ?? "small", s = le[e.id] ?? !1, c = s || e.isDisabled?.(t) === !0;
-					return tt(e) ? /* @__PURE__ */ J(de, {
+				layoutView: w,
+				pageLabel: z.label(o)
+			}), D = H.actions ?? [], O = [];
+			if (D.length > 0) {
+				let e = D.filter((e) => e.isVisible == null ? !0 : e.isVisible(t));
+				e.length > 0 && (O = e.map((e) => {
+					let n = Z(e.label, o), r = e.ariaLabel == null ? n : Z(e.ariaLabel, o), i = e.variant ?? "secondary", a = e.size ?? "small", s = ce[e.id] ?? !1, c = s || e.isDisabled?.(t) === !0;
+					return rt(e) ? /* @__PURE__ */ Y(de, {
 						to: e.to(t),
 						variant: i,
 						size: a,
 						isDisabled: c,
 						"aria-label": r,
 						children: n
-					}, e.id) : rt(e) ? /* @__PURE__ */ J(N, {
+					}, e.id) : at(e) ? /* @__PURE__ */ Y(re, {
 						type: "button",
 						variant: i,
 						size: a,
 						isLoading: !1,
 						disabled: c,
 						onClick: () => {
-							I(e.id);
+							L(e.id);
 						},
 						"aria-label": r,
 						children: n
-					}, e.id) : nt(e) ? /* @__PURE__ */ J(N, {
+					}, e.id) : it(e) ? /* @__PURE__ */ Y(re, {
 						type: "button",
 						variant: i,
 						size: a,
@@ -802,30 +804,30 @@ var Qe = (e) => e.pages.map((t) => ({
 						onClick: () => {
 							if (s) return;
 							let n = e.getVariables(t);
-							B(e.id, !0), _e(ie, {
+							V(e.id, !0), ge(P, {
 								mutation: e.mutation,
 								variables: n,
 								updater: (n) => {
 									e.updater?.(n, t);
 								},
 								onCompleted: (n) => {
-									B(e.id, !1);
-									let r = et(n);
+									V(e.id, !1);
+									let r = nt(n);
 									if (r != null) {
 										let n = _("actions.form.errors.invalidPayload");
-										e.toasts?.error?.message == null ? e.toasts?.error?.title != null && (n = X(e.toasts.error.title, o)) : n = X(e.toasts.error.message, o);
+										e.toasts?.error?.message == null ? e.toasts?.error?.title != null && (n = Z(e.toasts.error.title, o)) : n = Z(e.toasts.error.message, o);
 										let i = l(r, {
 											defaultErrorMessage: n,
 											mapReason: (n) => {
 												let r = e.mapErrorReason?.(n, t);
-												return r == null ? null : typeof r == "function" ? X(r, o) : String(r);
+												return r == null ? null : typeof r == "function" ? Z(r, o) : String(r);
 											}
 										});
 										if (!i.ok) {
 											let n = Error(i.message);
 											if (e.onError?.(n, t), e.toasts?.error != null) {
 												let t = m(e.toasts.error, o);
-												P.error(t.title, t.message);
+												F.error(t.title, t.message);
 											}
 											return;
 										}
@@ -836,13 +838,13 @@ var Qe = (e) => e.pages.map((t) => ({
 											response: n,
 											node: t,
 											tApp: o,
-											entities: x,
+											entities: S,
 											defaultLabel: _("actions.view"),
 											navigateTo: (e) => {
 												M?.history.push({ pathname: e });
 											}
 										});
-										P.push({
+										F.push({
 											kind: "info",
 											title: r.title,
 											message: r.message,
@@ -851,9 +853,9 @@ var Qe = (e) => e.pages.map((t) => ({
 									}
 								},
 								onError: (n) => {
-									if (B(e.id, !1), e.onError?.(n, t), e.toasts?.error != null) {
+									if (V(e.id, !1), e.onError?.(n, t), e.toasts?.error != null) {
 										let t = m(e.toasts.error, o);
-										P.error(t.title, t.message);
+										F.error(t.title, t.message);
 									}
 								}
 							});
@@ -863,49 +865,49 @@ var Qe = (e) => e.pages.map((t) => ({
 					}, e.id) : null;
 				}));
 			}
-			let O = E.find((e) => e.id === fe), { content: A } = V, F = [], L = [], H = [];
-			A.forEach((e, n) => {
-				let r = pt(e) === "secondary" ? L : F;
+			let k = D.find((e) => e.id === le), { content: j } = H, I = [], R = [], U = [];
+			j.forEach((e, n) => {
+				let r = gt(e) === "secondary" ? R : I;
 				if (e.kind === "section") {
-					let i = X(e.title, o), c = e.description == null ? void 0 : X(e.description, o), { items: l, relationItems: d, customNodes: f } = lt(e.fields, t, {
+					let i = Z(e.title, o), c = e.description == null ? void 0 : Z(e.description, o), { items: l, relationItems: d, customNodes: f } = ft(e.fields, t, {
 						tApp: o,
 						t: _,
 						resolveEntityHref: u,
-						formatNumber: ee,
-						formatCurrency: v,
-						formatPercent: b,
-						relationEntityListRoutes: pe,
+						formatNumber: v,
+						formatCurrency: y,
+						formatPercent: x,
+						relationEntityListRoutes: fe,
 						resolveRelationItem: g,
-						setWhereValue: Te,
-						renderTag: (e, t) => /* @__PURE__ */ J(G, {
+						setWhereValue: Ee,
+						renderTag: (e, t) => /* @__PURE__ */ Y(q, {
 							tone: e,
 							children: t
 						}),
-						renderBadgeRow: (e) => /* @__PURE__ */ J(a, { items: e }),
-						renderDate: (e, t) => /* @__PURE__ */ J(se, {
+						renderBadgeRow: (e) => /* @__PURE__ */ Y(a, { items: e }),
+						renderDate: (e, t) => /* @__PURE__ */ Y(oe, {
 							value: e,
-							options: ye,
+							options: be,
 							fallback: t
 						}),
-						renderFlagTag: (e) => /* @__PURE__ */ J(Ae, {
+						renderFlagTag: (e) => /* @__PURE__ */ Y(je, {
 							tone: e.tone,
-							icon: e.iconName == null ? void 0 : ft(e.iconName),
+							icon: e.iconName == null ? void 0 : ht(e.iconName),
 							label: e.label
 						}),
-						renderLink: (e, t) => /* @__PURE__ */ J(k, {
+						renderLink: (e, t) => /* @__PURE__ */ Y(A, {
 							to: e,
 							children: t
 						}),
-						renderTaggedValue: (e, t) => /* @__PURE__ */ J(Ne, {
+						renderTaggedValue: (e, t) => /* @__PURE__ */ Y(Pe, {
 							tag: e,
 							value: t
 						}),
-						wrapCustomNode: (e, t) => /* @__PURE__ */ J("div", { children: t }, e)
+						wrapCustomNode: (e, t) => /* @__PURE__ */ Y("div", { children: t }, e)
 					});
 					if (d.forEach((e) => {
-						H.some((t) => t.id === e.id) || H.push(e);
+						U.some((t) => t.id === e.id) || U.push(e);
 					}), !(l.length > 0 || f.length > 0)) return;
-					r.push(/* @__PURE__ */ J(s, {
+					r.push(/* @__PURE__ */ Y(s, {
 						title: i,
 						description: c,
 						items: l.length > 0 ? l : void 0,
@@ -913,32 +915,30 @@ var Qe = (e) => e.pages.map((t) => ({
 					}, `${i}-${n}`));
 					return;
 				}
-				let i = dt([e], t, {
+				let i = mt([e], t, {
 					tApp: o,
 					t: _,
 					resolveEntityHref: u,
 					keyPrefix: String(n),
-					renderCustomSection: (e, t, n) => /* @__PURE__ */ J(s, {
+					renderCustomSection: (e, t, n) => /* @__PURE__ */ Y(s, {
 						title: t,
 						children: n
 					}, e),
-					wrapCustomNode: (e, t) => /* @__PURE__ */ J("div", { children: t }, e),
-					renderRelationList: ({ key: e, title: t, target: n, whereKey: r, value: i, path: a }) => /* @__PURE__ */ J(Ke, {
+					wrapCustomNode: (e, t) => /* @__PURE__ */ Y("div", { children: t }, e),
+					renderRelationList: ({ key: e, title: t, relation: n, value: r }) => /* @__PURE__ */ Y(Je, {
 						title: t,
-						target: n,
-						whereKey: r,
-						value: i ?? null,
-						path: a
+						relation: n,
+						value: r ?? null
 					}, e),
 					resolveTableColumns: (e) => d(e, {
 						tApp: o,
 						t: _,
 						resolveEntityHref: u
 					}),
-					renderTable: ({ key: e, title: t, description: n, columns: r, rows: i }) => /* @__PURE__ */ J(s, {
+					renderTable: ({ key: e, title: t, description: n, columns: r, rows: i }) => /* @__PURE__ */ Y(s, {
 						title: t,
 						description: n,
-						children: /* @__PURE__ */ J(ae, {
+						children: /* @__PURE__ */ Y(ie, {
 							columns: r,
 							rows: i,
 							getRowId: (e, t) => {
@@ -951,103 +951,111 @@ var Qe = (e) => e.pages.map((t) => ({
 						})
 					}, e),
 					renderJson: ({ key: e, title: t, description: n, value: r, defaultCollapsed: i }) => {
-						let a = /* @__PURE__ */ J(s, {
+						let a = /* @__PURE__ */ Y(s, {
 							title: t,
 							description: n,
-							children: /* @__PURE__ */ J(ue, {
+							children: /* @__PURE__ */ Y(ue, {
 								value: r,
 								title: t
 							})
 						}, e);
-						return i === !0 ? /* @__PURE__ */ Y("details", { children: [/* @__PURE__ */ J("summary", { children: t }), a] }, e) : a;
+						return i === !0 ? /* @__PURE__ */ X("details", { children: [/* @__PURE__ */ Y("summary", { children: t }), a] }, e) : a;
 					},
-					renderCode: ({ key: e, title: t, description: n, value: r, outputLabel: i }) => /* @__PURE__ */ J(s, {
+					renderCode: ({ key: e, title: t, description: n, value: r, outputLabel: i }) => /* @__PURE__ */ Y(s, {
 						title: t,
 						description: n,
-						children: /* @__PURE__ */ J(ce, {
+						children: /* @__PURE__ */ Y(se, {
 							badgeLabel: i,
 							copyCode: r,
 							fallbackCodeText: r
 						})
 					}, e),
-					renderPayload: ({ key: e, title: t, description: n, content: r, format: i }) => /* @__PURE__ */ J(c, {
+					renderPayload: ({ key: e, title: t, description: n, content: r, format: i }) => /* @__PURE__ */ Y(c, {
 						title: t,
 						description: n,
 						content: r,
 						format: i
 					}, e),
-					renderErrorList: ({ key: e, title: t, description: n, items: r }) => /* @__PURE__ */ J(Ve, {
+					renderErrorList: ({ key: e, title: t, description: n, items: r }) => /* @__PURE__ */ Y(He, {
 						title: t,
 						description: n,
 						items: r
 					}, e),
-					renderKeyValueListSection: ({ key: e, title: t, description: n, items: r }) => /* @__PURE__ */ J(s, {
+					renderKeyValueListSection: ({ key: e, title: t, description: n, items: r }) => /* @__PURE__ */ Y(s, {
 						title: t,
 						description: n,
-						children: /* @__PURE__ */ J(j, { items: r })
+						children: /* @__PURE__ */ Y(N, { items: r })
 					}, e)
 				})[0];
 				i != null && r.push(i);
 			});
-			let U = H.length > 0 ? /* @__PURE__ */ J(ne, {
+			let W = U.length > 0 ? /* @__PURE__ */ Y(te, {
 				label: _("relations.menu.label"),
-				items: H
-			}) : null, W = D.length > 0 || U != null ? /* @__PURE__ */ Y("div", {
-				className: qe,
-				children: [D, U]
-			}) : void 0, me = w.status != null || w.badges != null ? /* @__PURE__ */ Y("div", {
+				items: U
+			}) : null, G = O.length > 0 || W != null ? /* @__PURE__ */ X("div", {
 				className: Ye,
-				children: [w.status, w.badges]
-			}) : void 0, he = w.items != null && w.items.length > 0 ? /* @__PURE__ */ J("div", {
-				className: Xe,
-				children: /* @__PURE__ */ J(j, { items: w.items })
-			}) : null, ge = L.length > 0, K = null;
-			return z.length > 1 && (K = /* @__PURE__ */ J(re, {
+				children: [O.length > 0 && /* @__PURE__ */ Y("div", {
+					className: "txvbqb9ip txvbqbcp txvbqbdp7 txvbqbao7 txvbqbajy",
+					children: O
+				}), W != null && /* @__PURE__ */ Y("div", {
+					className: "_1i6bm7z0 txvbqb9ip txvbqbcp",
+					children: W
+				})]
+			}) : void 0, K = T.status != null || T.badges != null ? /* @__PURE__ */ X("div", {
+				className: Ze,
+				children: [T.status, T.badges]
+			}) : void 0, pe = T.items != null && T.items.length > 0 ? /* @__PURE__ */ Y("div", {
+				className: Qe,
+				children: /* @__PURE__ */ Y(N, { items: T.items })
+			}) : null, me = R.length > 0, J = null;
+			return B.length > 1 && (J = /* @__PURE__ */ Y(ne, {
 				items: n,
-				activeId: R.id,
-				onChange: () => {}
-			})), /* @__PURE__ */ Y(f, {
-				breadcrumb: T,
-				children: [/* @__PURE__ */ J(oe, {
-					headerNode: /* @__PURE__ */ Y("div", {
-						className: Je,
-						children: [/* @__PURE__ */ J(te, {
-							title: w.title,
-							subtitle: w.subtitle,
-							actions: W,
-							meta: me
-						}), he]
+				activeId: z.id,
+				onChange: () => {},
+				variant: "underline"
+			})), /* @__PURE__ */ X(f, {
+				breadcrumb: E,
+				children: [/* @__PURE__ */ Y(ae, {
+					headerNode: /* @__PURE__ */ X("div", {
+						className: Xe,
+						children: [/* @__PURE__ */ Y(ee, {
+							title: T.title,
+							subtitle: T.subtitle,
+							actions: G,
+							meta: K
+						}), pe]
 					}),
-					tabsNode: K,
-					sidePanel: ge ? /* @__PURE__ */ J(q, { children: L }) : void 0,
+					tabsNode: J,
+					sidePanel: me ? /* @__PURE__ */ Y(ye, { children: R }) : void 0,
 					sidePanelVariant: "plain",
-					children: /* @__PURE__ */ J(q, { children: F })
-				}), O != null && rt(O) && /* @__PURE__ */ J(y, {
+					headerDensity: "compact",
+					children: /* @__PURE__ */ Y(ye, { children: I })
+				}), k != null && at(k) && /* @__PURE__ */ Y(b, {
 					isOpen: !0,
-					action: O,
+					action: k,
 					node: t,
 					onClose: () => {
-						I(null);
+						L(null);
 					}
 				})]
 			});
 		}
 	});
-}, ht = ({ config: e, prepared: t }) => {
+}, vt = ({ config: e, prepared: t }) => {
 	let { layoutView: n } = g(), r = u({
 		mainPage: e.pages.mainPage,
 		subPages: e.pages.subPages,
 		activePagePath: t.pagePath,
 		node: n
 	});
-	if (!r.hasVisiblePages || r.activePage == null) throw new O(e.routes.list);
-	if (r.activePage.id !== t.pageId) throw new O(e.routes.detailPage(t.id, r.activePage.id));
-	return /* @__PURE__ */ J(mt, {
+	if (!r.hasVisiblePages || r.activePage == null) throw new k(e.routes.list);
+	if (r.activePage.id !== t.pageId) throw new k(e.routes.detailPage(t.id, r.activePage.id));
+	return /* @__PURE__ */ Y(_t, {
 		config: t.pageConfig,
 		prepared: t
 	});
 };
 //#endregion
-export { ht as BackofficeEntityDetailPage, ht as default };
+export { vt as BackofficeEntityDetailPage, vt as default };
 
-//# sourceMappingURL=BackofficeEntityDetailPage-ChxBrqz8.js.map
+//# sourceMappingURL=BackofficeEntityDetailPage-LB1uEJVM.js.map