@plumile/backoffice-react 0.2.3 → 0.2.6

package/lib/esm/pages/BackofficeEntityDetailPage.view-helpers.js

@@ -1,6 +1,6 @@
-import { TechnicalIdentifierValue as e, normalizeTechnicalIdentifier as t } from "../components/backoffice/technical/TechnicalIdentifierValue.js";
-import { isEmptyText as n, resolveBadgeTone as r, resolveLabel as i, resolveValueLabel as a } from "./BackofficeEntityDetailPage.helpers.js";
-import { Fragment as o, createElement as s } from "react";
+import { isEmptyText as e, resolveBadgeTone as t, resolveLabel as n, resolveValueLabel as r } from "./BackofficeEntityDetailPage.helpers.js";
+import { Fragment as i, createElement as a } from "react";
+import { TechnicalIdentifierValue as o, normalizeTechnicalIdentifier as s } from "@plumile/ui";
 //#region src/pages/BackofficeEntityDetailPage.view-helpers.ts
 var c = (e, t, n) => {
 	switch (e) {
@@ -90,86 +90,86 @@ var c = (e, t, n) => {
 		};
 		default: throw Error(`Unsupported flag variant: ${String(e)}`);
 	}
-}, l = (e, t) => {
-	let { tApp: r, t: i, resolveEntityHref: o, renderLink: s } = t, c = i("common.notAvailable");
-	if (e.type === "text") {
-		let t = a(e.value, r);
-		return n(t) ? c : t;
+}, l = (t, n) => {
+	let { tApp: i, t: a, resolveEntityHref: o, renderLink: s } = n, c = a("common.notAvailable");
+	if (t.type === "text") {
+		let n = r(t.value, i);
+		return e(n) ? c : n;
 	}
-	if (e.type === "entityRef") {
-		let { id: t } = e;
-		if (t == null || t.trim() === "") return c;
-		let n = a(e.label, r), i = n != null && String(n).trim() !== "" ? n : null;
-		if (i == null) return c;
-		let l = o?.(e.entity, t) ?? null;
-		return l == null ? i : s(l, i);
+	if (t.type === "entityRef") {
+		let { id: e } = t;
+		if (e == null || e.trim() === "") return c;
+		let n = r(t.label, i), a = n != null && String(n).trim() !== "" ? n : null;
+		if (a == null) return c;
+		let l = o?.(t.entity, e) ?? null;
+		return l == null ? a : s(l, a);
 	}
-	let { href: l } = e;
+	let { href: l } = t;
 	if (l == null || l.trim() === "") return c;
-	let u = a(e.label, r);
-	return n(u) ? c : s(l, u);
-}, u = (e, t, r) => {
-	let { tApp: i, t: o, resolveEntityHref: s, renderDate: c, renderLink: l } = r, u = o("common.notAvailable");
-	if (e.type === "dateTime") return c(e.value(t), u);
-	if (e.type === "entityRef") {
-		let n = e.id(t);
-		if (n == null || n.trim() === "") return u;
-		let r = a(e.value?.(t), i), o = r != null && String(r).trim() !== "" ? r : null;
+	let u = r(t.label, i);
+	return e(u) ? c : s(l, u);
+}, u = (t, n, i) => {
+	let { tApp: a, t: o, resolveEntityHref: s, renderDate: c, renderLink: l } = i, u = o("common.notAvailable");
+	if (t.type === "dateTime") return c(t.value(n), u);
+	if (t.type === "entityRef") {
+		let e = t.id(n);
+		if (e == null || e.trim() === "") return u;
+		let i = r(t.value?.(n), a), o = i != null && String(i).trim() !== "" ? i : null;
 		if (o == null) return u;
-		let c = s?.(e.entity, n) ?? null;
+		let c = s?.(t.entity, e) ?? null;
 		return c == null ? o : l(c, o);
 	}
-	if (e.type === "link") {
-		let r = e.href(t), o = a(e.value(t), i);
-		return r == null || r.trim() === "" || n(o) ? u : l(r, o);
+	if (t.type === "link") {
+		let i = t.href(n), o = r(t.value(n), a);
+		return i == null || i.trim() === "" || e(o) ? u : l(i, o);
 	}
-	let d = a(e.value(t), i);
-	return n(d) ? u : d;
-}, d = (e, t, n, i) => {
+	let d = r(t.value(n), a);
+	return e(d) ? u : d;
+}, d = (e, n, i, a) => {
 	if (e.type === "badgeRow") {
-		let r = e.items(t).map((e) => {
-			let t = a(e.label, n), r = t == null ? "" : String(t);
+		let t = e.items(n).map((e) => {
+			let t = r(e.label, i), n = t == null ? "" : String(t);
 			return {
 				...e,
-				label: r
+				label: n
 			};
 		});
-		return r.length === 0 ? void 0 : i.renderBadgeRow(r);
+		return t.length === 0 ? void 0 : a.renderBadgeRow(t);
 	}
-	let o = a(e.value(t), n), s = o == null ? "" : String(o);
+	let o = r(e.value(n), i), s = o == null ? "" : String(o);
 	if (s.trim() === "") return;
-	let c = r(e.tone, t);
-	return i.renderTag(c, s);
-}, f = (t, o, u) => {
+	let c = t(e.tone, n);
+	return a.renderTag(c, s);
+}, f = (i, s, u) => {
 	let { tApp: d, t: f, resolveEntityHref: p, formatNumber: m, formatCurrency: h, formatCurrencyTitle: g, formatPercent: _, renderTag: v, renderBadgeRow: y, renderDate: b, renderFlagTag: x, renderLink: S, renderTaggedValue: C, wrapCustomNode: w } = u, T = [], E = [], D = f("common.notAvailable");
-	return t.forEach((t, u) => {
-		let O = `${t.type}-${u}`;
-		switch (t.type) {
+	return i.forEach((i, u) => {
+		let O = `${i.type}-${u}`;
+		switch (i.type) {
 			case "text": {
-				let e = a(t.value(o), d);
+				let e = r(i.value(s), d);
 				T.push({
 					id: O,
-					label: i(t.label, d),
-					size: t.size,
+					label: n(i.label, d),
+					size: i.size,
 					value: e,
-					copyValue: t.copyValue?.(o) ?? void 0,
-					fullWidth: t.fullWidth
+					copyValue: i.copyValue?.(s) ?? void 0,
+					fullWidth: i.fullWidth
 				});
 				break;
 			}
 			case "badge": {
-				let e = a(t.value(o), d), n = e == null ? "" : String(e), s = r(t.tone, o);
+				let e = r(i.value(s), d), a = e == null ? "" : String(e), o = t(i.tone, s);
 				T.push({
 					id: O,
-					label: i(t.label, d),
-					size: t.size,
-					value: n.trim() === "" ? null : v(s, n)
+					label: n(i.label, d),
+					size: i.size,
+					value: a.trim() === "" ? null : v(o, a)
 				});
 				break;
 			}
 			case "badgeRow": {
-				let e = t.items(o).map((e) => {
-					let t = a(e.label, d), n = t == null ? "" : String(t);
+				let e = i.items(s).map((e) => {
+					let t = r(e.label, d), n = t == null ? "" : String(t);
 					return {
 						...e,
 						label: n
@@ -177,120 +177,120 @@ var c = (e, t, n) => {
 				});
 				T.push({
 					id: O,
-					label: i(t.label, d),
-					size: t.size,
+					label: n(i.label, d),
+					size: i.size,
 					value: e.length > 0 ? y(e) : null,
-					fullWidth: t.fullWidth
+					fullWidth: i.fullWidth
 				});
 				break;
 			}
 			case "dateTime":
 				T.push({
 					id: O,
-					label: i(t.label, d),
-					size: t.size,
-					value: b(t.value(o), D)
+					label: n(i.label, d),
+					size: i.size,
+					value: b(i.value(s), D)
 				});
 				break;
 			case "number": {
-				let e = t.value(o), n = null;
+				let e = i.value(s), t = null;
 				if (e != null) {
-					if (t.format === "currency") {
-						let t = h(e);
-						n = s("span", { title: g?.(e) ?? void 0 }, t);
-					} else n = t.format === "percent" ? _(e) : m(e);
+					if (i.format === "currency") {
+						let n = h(e);
+						t = a("span", { title: g?.(e) ?? void 0 }, n);
+					} else t = i.format === "percent" ? _(e) : m(e);
 				}
 				T.push({
 					id: O,
-					label: i(t.label, d),
-					size: t.size,
-					value: n
+					label: n(i.label, d),
+					size: i.size,
+					value: t
 				});
 				break;
 			}
 			case "flag": {
-				let e = t.value(o);
+				let e = i.value(s);
 				T.push({
 					id: O,
-					label: i(t.label, d),
-					size: t.size,
-					value: e == null ? null : x(c(t.variant, e, f))
+					label: n(i.label, d),
+					size: i.size,
+					value: e == null ? null : x(c(i.variant, e, f))
 				});
 				break;
 			}
 			case "entityRef": {
-				let e = t.id(o), n = null;
+				let e = i.id(s), t = null;
 				if (e != null && e.trim() !== "") {
-					let r = t.value?.(o), i = r != null && r.trim() !== "" ? r : null, a = p?.(t.entity, e) ?? null;
-					i != null && (n = a == null ? i : S(a, i));
+					let n = i.value?.(s), r = n != null && n.trim() !== "" ? n : null, a = p?.(i.entity, e) ?? null;
+					r != null && (t = a == null ? r : S(a, r));
 				}
 				T.push({
 					id: O,
-					label: i(t.label, d),
-					size: t.size,
-					value: n ?? D
+					label: n(i.label, d),
+					size: i.size,
+					value: t ?? D
 				});
 				break;
 			}
 			case "technicalIdentifier": {
-				let n = t.value(o);
+				let e = i.value(s);
 				T.push({
 					id: O,
-					label: i(t.label, d),
-					size: t.size,
-					value: n == null ? null : s(e, {
-						value: n,
-						copyValue: t.copyValue?.(o) ?? void 0,
-						variant: t.variant,
+					label: n(i.label, d),
+					size: i.size,
+					value: e == null ? null : a(o, {
+						value: e,
+						copyValue: i.copyValue?.(s) ?? void 0,
+						abbreviation: i.abbreviation,
 						copyLabel: f("common.actions.copy")
 					}),
-					copyValue: t.copyValue?.(o) ?? void 0,
-					fullWidth: t.fullWidth
+					copyValue: i.copyValue?.(s) ?? void 0,
+					fullWidth: i.fullWidth
 				});
 				break;
 			}
 			case "link": {
-				let e = t.href(o), r = t.value(o);
+				let t = i.href(s), r = i.value(s);
 				T.push({
 					id: O,
-					label: i(t.label, d),
-					size: t.size,
-					value: e != null && e.trim() !== "" && !n(r) ? S(e, r) : null
+					label: n(i.label, d),
+					size: i.size,
+					value: t != null && t.trim() !== "" && !e(r) ? S(t, r) : null
 				});
 				break;
 			}
 			case "taggedValue": {
-				let e = t.tag(o), n = l(t.value(o), {
+				let e = i.tag(s), t = l(i.value(s), {
 					tApp: d,
 					t: f,
 					resolveEntityHref: p,
 					renderLink: S
-				}), r = e == null ? null : {
+				}), a = e == null ? null : {
 					...e,
 					label: (() => {
-						let t = a(e.label, d);
+						let t = r(e.label, d);
 						return t == null ? "" : String(t);
 					})()
 				};
 				T.push({
 					id: O,
-					label: i(t.label, d),
-					size: t.size,
-					value: r != null || n != null ? C(r, n) : null,
-					fullWidth: t.fullWidth
+					label: n(i.label, d),
+					size: i.size,
+					value: a != null || t != null ? C(a, t) : null,
+					fullWidth: i.fullWidth
 				});
 				break;
 			}
 			case "custom": {
-				let e = t.render(o);
+				let e = i.render(s);
 				if (e == null) break;
-				if (t.label != null) {
+				if (i.label != null) {
 					T.push({
 						id: O,
-						label: i(t.label, d),
-						size: t.size,
+						label: n(i.label, d),
+						size: i.size,
 						value: e,
-						fullWidth: t.fullWidth
+						fullWidth: i.fullWidth
 					});
 					break;
 				}
@@ -302,36 +302,36 @@ var c = (e, t, n) => {
 		items: T,
 		customNodes: E
 	};
-}, p = (e, t, n) => {
-	let { tApp: c, t: f, resolveEntityHref: p, renderLink: m, renderDate: h, renderTag: g, renderBadgeRow: _ } = n, v = e.titleValue?.(t, c) ?? i(e.title, c), y = typeof t == "object" && t && "id" in t && typeof t.id == "string" ? t.id.trim() : null, b = v.trim() === "" || y != null && v.trim() === y ? i(e.title, c) : v, x;
+}, p = (e, o, s) => {
+	let { tApp: c, t: f, resolveEntityHref: p, renderLink: m, renderDate: h, renderTag: g, renderBadgeRow: _ } = s, v = e.titleValue?.(o, c) ?? n(e.title, c), y = typeof o == "object" && o && "id" in o && typeof o.id == "string" ? o.id.trim() : null, b = v.trim() === "" || y != null && v.trim() === y ? n(e.title, c) : v, x;
 	if (e.subtitleItems != null && e.subtitleItems.length > 0) {
-		let { subtitleItems: n } = e, r = e.subtitleSeparator ?? " / ", i = [];
-		n.forEach((e, a) => {
-			i.push(s("span", { key: e.id }, l(e.value(t), {
+		let { subtitleItems: t } = e, n = e.subtitleSeparator ?? " / ", r = [];
+		t.forEach((e, i) => {
+			r.push(a("span", { key: e.id }, l(e.value(o), {
 				tApp: c,
 				t: f,
 				resolveEntityHref: p,
 				renderLink: m
-			}))), a < n.length - 1 && i.push(s("span", { key: `${e.id}-sep` }, r));
-		}), x = s("span", null, ...i);
+			}))), i < t.length - 1 && r.push(a("span", { key: `${e.id}-sep` }, n));
+		}), x = a("span", null, ...r);
 	} else {
-		let n = e.subtitleValue?.(t, c) ?? (e.subtitle == null ? null : i(e.subtitle, c));
-		x = n != null && n.trim() !== "" ? n : void 0;
+		let t = e.subtitleValue?.(o, c) ?? (e.subtitle == null ? null : n(e.subtitle, c));
+		x = t != null && t.trim() !== "" ? t : void 0;
 	}
 	let S = [];
-	e.badges?.forEach((e, n) => {
-		let l = i(e.label, c), u = a(e.value(t), c), d = u == null ? "" : String(u);
-		d.trim() !== "" && (S.push(g(r(e.tone, t), `${l}: ${d}`)), typeof S[S.length - 1] == "object" && (S[S.length - 1] = s(o, { key: `${l}-${n}` }, S[S.length - 1])));
+	e.badges?.forEach((e, s) => {
+		let l = n(e.label, c), u = r(e.value(o), c), d = u == null ? "" : String(u);
+		d.trim() !== "" && (S.push(g(t(e.tone, o), `${l}: ${d}`)), typeof S[S.length - 1] == "object" && (S[S.length - 1] = a(i, { key: `${l}-${s}` }, S[S.length - 1])));
 	});
-	let C = e.status == null ? void 0 : d(e.status, t, c, {
+	let C = e.status == null ? void 0 : d(e.status, o, c, {
 		renderBadgeRow: _,
 		renderTag: g
-	}), w = e.meta?.map((e, n) => {
-		let r = i(e.label, c);
+	}), w = e.meta?.map((e, t) => {
+		let r = n(e.label, c);
 		return {
-			id: `${r}-${n}`,
+			id: `${r}-${t}`,
 			label: r,
-			value: u(e, t, {
+			value: u(e, o, {
 				tApp: c,
 				t: f,
 				resolveEntityHref: p,
@@ -343,7 +343,7 @@ var c = (e, t, n) => {
 	return {
 		title: b,
 		subtitle: x,
-		badges: S.length > 0 ? s(o, null, ...S) : void 0,
+		badges: S.length > 0 ? a(i, null, ...S) : void 0,
 		status: C,
 		items: w
 	};
@@ -351,215 +351,215 @@ var c = (e, t, n) => {
 	if (e != null) {
 		if (typeof e == "string" || typeof e == "number" || typeof e == "boolean") return String(e);
 		try {
-			return s("pre", null, JSON.stringify(e, null, 2));
+			return a("pre", null, JSON.stringify(e, null, 2));
 		} catch {
 			let t = e instanceof Error ? e.message : "[unserializable payload]";
-			return s("pre", null, t);
+			return a("pre", null, t);
 		}
 	}
-}, h = (e) => e === "id" || e === "hash" || e === "external" ? e : null, g = (r) => {
-	let { value: i, href: o, refKind: c, copyValue: l, tApp: u, t: d, renderLink: f } = r, p = a(i, u), m = h(c);
+}, h = (e) => e === "id" || e === "hash" || e === "external" ? "middle" : null, g = (t) => {
+	let { value: n, href: i, refKind: c, copyValue: l, tApp: u, t: d, renderLink: f } = t, p = r(n, u), m = h(c);
 	if (m != null) {
-		let n = t(p);
-		return n == null ? d("common.notAvailable") : s(e, {
-			value: n,
-			copyValue: l ?? n,
-			variant: m,
+		let e = s(p);
+		return e == null ? d("common.notAvailable") : a(o, {
+			value: e,
+			copyValue: l ?? e,
+			abbreviation: m,
 			copyLabel: d("common.actions.copy")
 		});
 	}
-	return o != null && o.trim() !== "" && !n(p) ? f(o, p) : p ?? d("common.notAvailable");
-}, _ = (t, r, o) => {
-	let { tApp: c, t: l, keyPrefix: u } = o;
+	return i != null && i.trim() !== "" && !e(p) ? f(i, p) : p ?? d("common.notAvailable");
+}, _ = (t, i, s) => {
+	let { tApp: c, t: l, keyPrefix: u } = s;
 	return t == null || t.length === 0 ? [] : t.map((t, d) => {
 		let f = u == null ? `${t.kind}-${d}` : `${u}-${t.kind}-${d}`;
 		if (t.kind === "custom") {
-			let e = t.render(r);
-			return e == null ? null : t.label == null ? o.wrapCustomNode(f, e) : o.renderCustomSection(f, i(t.label, c), e);
+			let e = t.render(i);
+			return e == null ? null : t.label == null ? s.wrapCustomNode(f, e) : s.renderCustomSection(f, n(t.label, c), e);
 		}
-		let p = "title" in t ? i(t.title, c) : i(t.label, c), h = t.description == null ? void 0 : i(t.description, c);
-		if (t.kind === "summary") return o.renderKeyValueListSection({
+		let p = "title" in t ? n(t.title, c) : n(t.label, c), h = t.description == null ? void 0 : n(t.description, c);
+		if (t.kind === "summary") return s.renderKeyValueListSection({
 			key: f,
 			title: p,
 			description: h,
-			items: t.items.map((e) => {
-				let t = a(e.value(r), c), s = e.href?.(r), u = e.tone?.(r), d = t ?? l("common.notAvailable");
-				return s != null && s.trim() !== "" && !n(t) ? d = o.renderLink(s, t) : u != null && !n(t) && (d = o.renderTag(u, String(t))), {
-					id: e.id,
-					label: i(e.label, c),
+			items: t.items.map((t) => {
+				let a = r(t.value(i), c), o = t.href?.(i), u = t.tone?.(i), d = a ?? l("common.notAvailable");
+				return o != null && o.trim() !== "" && !e(a) ? d = s.renderLink(o, a) : u != null && !e(a) && (d = s.renderTag(u, String(a))), {
+					id: t.id,
+					label: n(t.label, c),
 					value: d
 				};
 			})
 		});
-		if (t.kind === "metrics") return o.renderMetricGroup({
+		if (t.kind === "metrics") return s.renderMetricGroup({
 			key: f,
 			title: p,
 			description: h,
 			density: t.density,
 			items: t.items.map((e) => {
-				let t = e.formattedValue?.(r), n = a(e.value(r), c);
+				let t = e.formattedValue?.(i), a = r(e.value(i), c);
 				return {
 					id: e.id,
-					label: i(e.label, c),
-					value: t ?? n ?? l("common.notAvailable"),
-					hint: a(e.hint?.(r), c),
-					tone: e.tone?.(r),
-					copyValue: e.copyValue?.(r) ?? void 0
+					label: n(e.label, c),
+					value: t ?? a ?? l("common.notAvailable"),
+					hint: r(e.hint?.(i), c),
+					tone: e.tone?.(i),
+					copyValue: e.copyValue?.(i) ?? void 0
 				};
 			})
 		});
-		if (t.kind === "states") return o.renderKeyValueListSection({
+		if (t.kind === "states") return s.renderKeyValueListSection({
 			key: f,
 			title: p,
 			description: h,
 			items: t.states.map((e) => {
-				let t = e.getDisplay(e.value(r), r);
+				let t = e.getDisplay(e.value(i), i);
 				return {
 					id: e.id,
-					label: i(e.label, c),
-					value: o.renderTag(t.tone, String(a(t.label, c) ?? l("common.notAvailable")))
+					label: n(e.label, c),
+					value: s.renderTag(t.tone, String(r(t.label, c) ?? l("common.notAvailable")))
 				};
 			})
 		});
-		if (t.kind === "context") return o.renderContextStack({
+		if (t.kind === "context") return s.renderContextStack({
 			key: f,
 			title: p,
-			items: t.items.map((e) => {
-				let t = a(e.value(r), c), s = e.href?.(r);
+			items: t.items.map((t) => {
+				let a = r(t.value(i), c), o = t.href?.(i);
 				return {
-					id: e.id,
-					label: i(e.label, c),
-					value: s != null && s.trim() !== "" && !n(t) ? o.renderLink(s, t) : t
+					id: t.id,
+					label: n(t.label, c),
+					value: o != null && o.trim() !== "" && !e(a) ? s.renderLink(o, a) : a
 				};
 			})
 		});
-		if (t.kind === "relationSummary") return o.renderRelations({
+		if (t.kind === "relationSummary") return s.renderRelations({
 			key: f,
 			title: p,
 			description: h,
 			items: t.items.map((e) => ({
 				id: e.id,
-				label: i(e.label, c),
-				count: e.count?.(r) ?? null,
-				href: e.href?.(r) ?? void 0,
-				description: a(e.description?.(r), c),
-				tone: e.tone?.(r)
+				label: n(e.label, c),
+				count: e.count?.(i) ?? null,
+				href: e.href?.(i) ?? void 0,
+				description: r(e.description?.(i), c),
+				tone: e.tone?.(i)
 			}))
 		});
-		if (t.kind === "timeline") return o.renderTimeline({
+		if (t.kind === "timeline") return s.renderTimeline({
 			key: f,
 			title: p,
 			description: h,
 			events: t.events.map((e) => {
-				let t = e.state?.(r), n = t == null ? null : a(t.label, c), s = n == null ? null : String(n);
+				let t = e.state?.(i), a = t == null ? null : r(t.label, c), o = a == null ? null : String(a);
 				return {
 					id: e.id,
-					label: s == null || s.trim() === "" ? i(e.label, c) : `${i(e.label, c)}: ${s}`,
-					timestamp: e.timestamp == null ? void 0 : o.renderDate(e.timestamp(r), l("common.notAvailable")),
-					description: a(e.description?.(r), c),
-					actor: a(e.actor?.(r), c),
+					label: o == null || o.trim() === "" ? n(e.label, c) : `${n(e.label, c)}: ${o}`,
+					timestamp: e.timestamp == null ? void 0 : s.renderDate(e.timestamp(i), l("common.notAvailable")),
+					description: r(e.description?.(i), c),
+					actor: r(e.actor?.(i), c),
 					tone: t?.tone,
-					payload: m(e.payload?.(r))
+					payload: m(e.payload?.(i))
 				};
 			})
 		});
-		if (t.kind === "audit") return o.renderAuditTimeline({
+		if (t.kind === "audit") return s.renderAuditTimeline({
 			key: f,
 			title: p,
 			description: h,
-			events: t.items.map((e) => {
-				let t = a(e.actor?.(r), c), s = a(e.source?.(r), c);
+			events: t.items.map((t) => {
+				let a = r(t.actor?.(i), c), o = r(t.source?.(i), c);
 				return {
-					id: e.id,
-					title: i(e.label, c),
-					time: o.renderDate(e.timestamp?.(r), l("common.notAvailable")),
-					actor: n(t) ? void 0 : t,
-					source: n(s) ? void 0 : s
+					id: t.id,
+					title: n(t.label, c),
+					time: s.renderDate(t.timestamp?.(i), l("common.notAvailable")),
+					actor: e(a) ? void 0 : a,
+					source: e(o) ? void 0 : o
 				};
 			})
 		});
-		if (t.kind === "references") return o.renderKeyValueListSection({
+		if (t.kind === "references") return s.renderKeyValueListSection({
 			key: f,
 			title: p,
 			description: h,
 			items: t.references.map((e) => {
-				let t = e.href?.(r);
+				let t = e.href?.(i);
 				return {
 					id: e.id,
-					label: i(e.label, c),
+					label: n(e.label, c),
 					value: g({
-						value: e.value(r),
+						value: e.value(i),
 						href: t,
 						refKind: e.refKind ?? "text",
-						copyValue: e.copyValue?.(r) ?? void 0,
+						copyValue: e.copyValue?.(i) ?? void 0,
 						tApp: c,
 						t: l,
-						renderLink: o.renderLink
+						renderLink: s.renderLink
 					})
 				};
 			})
 		});
 		if (t.kind === "actionResult") {
-			let e = [], s = t.status?.(r);
-			s != null && e.push({
+			let a = [], o = t.status?.(i);
+			o != null && a.push({
 				id: `${t.id}-status`,
 				label: l("detail.actionResult.status"),
-				value: o.renderTag(s.tone, String(a(s.label, c) ?? l("common.notAvailable")))
+				value: s.renderTag(o.tone, String(r(o.label, c) ?? l("common.notAvailable")))
 			});
-			let u = a(t.message?.(r), c);
-			return n(u) || e.push({
+			let u = r(t.message?.(i), c);
+			return e(u) || a.push({
 				id: `${t.id}-message`,
 				label: l("detail.actionResult.message"),
 				value: u
-			}), t.references?.forEach((t) => {
-				e.push({
-					id: t.id,
-					label: i(t.label, c),
+			}), t.references?.forEach((e) => {
+				a.push({
+					id: e.id,
+					label: n(e.label, c),
 					value: g({
-						value: t.value(r),
-						href: t.href?.(r),
-						refKind: t.refKind ?? "text",
-						copyValue: t.copyValue?.(r) ?? void 0,
+						value: e.value(i),
+						href: e.href?.(i),
+						refKind: e.refKind ?? "text",
+						copyValue: e.copyValue?.(i) ?? void 0,
 						tApp: c,
 						t: l,
-						renderLink: o.renderLink
+						renderLink: s.renderLink
 					})
 				});
-			}), o.renderKeyValueListSection({
+			}), s.renderKeyValueListSection({
 				key: f,
 				title: p,
 				description: h,
-				items: e
+				items: a
 			});
 		}
-		return t.kind === "technicalFacts" ? o.renderKeyValueListSection({
+		return t.kind === "technicalFacts" ? s.renderKeyValueListSection({
 			key: f,
 			title: p,
 			description: h,
 			items: t.facts.map((t) => {
-				let u = a(t.value(r), c), d = t.href?.(r), f = t.copyValue?.(r) ?? void 0;
+				let u = r(t.value(i), c), d = t.href?.(i), f = t.copyValue?.(i) ?? void 0;
 				return {
 					id: t.id,
-					label: i(t.label, c),
-					value: f != null && f.trim() !== "" ? s(e, {
+					label: n(t.label, c),
+					value: f != null && f.trim() !== "" ? a(o, {
 						value: u ?? f,
 						copyValue: f,
-						variant: "external",
+						abbreviation: "middle",
 						copyLabel: l("common.actions.copy")
-					}) : d != null && d.trim() !== "" && !n(u) ? o.renderLink(d, u) : u ?? l("common.notAvailable")
+					}) : d != null && d.trim() !== "" && !e(u) ? s.renderLink(d, u) : u ?? l("common.notAvailable")
 				};
 			})
-		}) : t.kind === "table" ? o.renderTable({
+		}) : t.kind === "table" ? s.renderTable({
 			key: f,
 			title: p,
 			description: h,
-			columns: o.resolveTableColumns(t.columns),
-			rows: t.rows(r)
-		}) : o.renderPayload({
+			columns: s.resolveTableColumns(t.columns),
+			rows: t.rows(i)
+		}) : s.renderPayload({
 			key: f,
 			title: p,
 			description: h,
-			content: t.value(r),
+			content: t.value(i),
 			format: t.format ?? "json"
 		});
 	});