@declarion/react 0.87.0 → 0.88.0

package/dist-lib/components/detail-layout/widgets/EntityScorecardWidget.js

@@ -1,68 +1,69 @@
-import { useText as e } from "../../../hooks/useText.js";
+import { formatOffsetTimestamp as e } from "../../../lib/timestamp.js";
 import { failureTitle as t } from "../../../lib/failure.js";
-import { useTabNavigate as n } from "../../../hooks/useTabNavigate.js";
-import { useEntityData as r } from "../../../hooks/useEntityData.js";
-import { useEffect as i, useMemo as a, useState as o } from "react";
-import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
+import { useText as n } from "../../../hooks/useText.js";
+import { useTabNavigate as r } from "../../../hooks/useTabNavigate.js";
+import { useEntityData as i } from "../../../hooks/useEntityData.js";
+import { useEffect as a, useMemo as o, useState as s } from "react";
+import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region src/components/detail-layout/widgets/EntityScorecardWidget.tsx
-function u(e) {
+function d(e) {
 	return e && typeof e == "object" && !Array.isArray(e) ? e : void 0;
 }
-function d(e) {
-	let t = u(e);
+function f(e) {
+	let t = d(e);
 	if (!t) return;
 	let n = Object.entries(t).filter((e) => typeof e[1] == "string");
 	return n.length > 0 ? Object.fromEntries(n) : void 0;
 }
-function f(e) {
+function p(e) {
 	return Array.isArray(e) ? e.flatMap((e) => {
-		let t = u(e);
+		let t = d(e);
 		return !t || typeof t.field != "string" ? [] : [{
 			field: t.field,
-			label: d(t.label),
+			label: f(t.label),
 			format: t.format
 		}];
 	}) : [];
 }
-function p(e) {
+function m(e) {
 	if (!e || typeof e.entity != "string" || typeof e.scope_field != "string" || typeof e.window_field != "string") return;
 	let t = Array.isArray(e.windows) ? e.windows.flatMap((e) => {
-		let t = u(e);
+		let t = d(e);
 		return t && typeof t.code == "string" ? [{
 			code: t.code,
-			label: d(t.label)
+			label: f(t.label)
 		}] : [];
 	}) : [], n = Array.isArray(e.metrics) ? e.metrics.flatMap((e) => {
-		let t = u(e);
+		let t = d(e);
 		if (!t || typeof t.field != "string") return [];
-		let n = u(t.filtered);
+		let n = d(t.filtered);
 		return [{
 			field: t.field,
-			label: d(t.label),
-			help: d(t.help),
+			label: f(t.label),
+			help: f(t.help),
 			format: t.format,
 			attention: t.attention === !0,
 			drillthrough_value: typeof t.drillthrough_value == "string" ? t.drillthrough_value : void 0,
 			drillthrough_filter: t.drillthrough_filter !== !1,
 			filtered: n && typeof n.field == "string" ? {
 				field: n.field,
-				where: u(n.where)
+				where: d(n.where)
 			} : void 0
 		}];
 	}) : [];
 	if (t.length === 0 || n.length === 0) return;
-	let r = u(e.breakdown), i = r && typeof r.entity == "string" && typeof r.scope_field == "string" && typeof r.window_field == "string" ? {
+	let r = d(e.breakdown), i = r && typeof r.entity == "string" && typeof r.scope_field == "string" && typeof r.window_field == "string" ? {
 		entity: r.entity,
 		scope_field: r.scope_field,
 		window_field: r.window_field,
 		filter_field: typeof r.filter_field == "string" ? r.filter_field : void 0,
-		filter_label: d(r.filter_label),
-		all_label: d(r.all_label),
-		empty_label: d(r.empty_label),
-		columns: f(r.columns),
+		filter_label: f(r.filter_label),
+		all_label: f(r.all_label),
+		empty_label: f(r.empty_label),
+		columns: p(r.columns),
 		sort: typeof r.sort == "string" ? r.sort : void 0,
 		limit: typeof r.limit == "number" ? Math.min(500, Math.max(1, r.limit)) : 200
-	} : void 0, a = u(e.drillthrough), o = a && typeof a.route == "string" && typeof a.scope_field == "string" && typeof a.window_field == "string" ? {
+	} : void 0, a = d(e.drillthrough), o = a && typeof a.route == "string" && typeof a.scope_field == "string" && typeof a.window_field == "string" ? {
 		route: a.route,
 		scope_field: a.scope_field,
 		window_field: a.window_field,
@@ -76,15 +77,15 @@ function p(e) {
 		windows: t,
 		default_window: typeof e.default_window == "string" ? e.default_window : void 0,
 		metrics: n,
-		title: d(e.title),
-		description: d(e.description),
-		intended_note: d(e.intended_note),
-		empty_label: d(e.empty_label),
+		title: f(e.title),
+		description: f(e.description),
+		intended_note: f(e.intended_note),
+		empty_label: f(e.empty_label),
 		breakdown: i,
 		drillthrough: o
 	};
 }
-function m(e, t) {
+function h(e, t) {
 	let n = (e, n) => new Intl.NumberFormat(t, {
 		style: "unit",
 		unit: e,
@@ -92,50 +93,50 @@ function m(e, t) {
 	}).format(n);
 	return e >= 86400 ? n("day", Math.floor(e / 86400)) : e >= 3600 ? n("hour", Math.floor(e / 3600)) : e >= 60 ? n("minute", Math.floor(e / 60)) : n("second", Math.max(0, Math.floor(e)));
 }
-function h(e, t, n) {
-	let r = e("record.scorecard.not_available", "N/A"), i = e.language;
-	if (t == null || t === "") return r;
-	if (n === "number") return new Intl.NumberFormat(i).format(Number(t));
-	if (n === "percent_ratio") return new Intl.NumberFormat(i, {
+function g(t, n, r) {
+	let i = t("record.scorecard.not_available", "N/A"), a = t.language;
+	if (n == null || n === "") return i;
+	if (r === "number") return new Intl.NumberFormat(a).format(Number(n));
+	if (r === "percent_ratio") return new Intl.NumberFormat(a, {
 		style: "percent",
 		maximumFractionDigits: 2
-	}).format(Number(t));
-	if (n === "duration_seconds") {
-		let e = Number(t);
-		return Number.isFinite(e) ? m(e, i) : r;
+	}).format(Number(n));
+	if (r === "duration_seconds") {
+		let e = Number(n);
+		return Number.isFinite(e) ? h(e, a) : i;
 	}
-	if (n === "timestamp") {
-		if (typeof t != "string" && typeof t != "number" && !(t instanceof Date)) return r;
-		let e = new Date(t);
-		return Number.isNaN(e.getTime()) ? r : e.toLocaleString(i, { timeZoneName: "short" });
+	if (r === "timestamp") {
+		if (typeof n != "string" && typeof n != "number" && !(n instanceof Date)) return i;
+		let r = new Date(n);
+		return Number.isNaN(r.getTime()) ? i : e(typeof n == "string" ? n : r.toISOString(), { zone: t.timeZone });
 	}
-	return typeof t == "string" ? t : typeof t == "number" || typeof t == "bigint" || typeof t == "boolean" ? String(t) : r;
+	return typeof n == "string" ? n : typeof n == "number" || typeof n == "bigint" || typeof n == "boolean" ? String(n) : i;
 }
-function g(e, t) {
+function _(e, t) {
 	return typeof e.id == "string" || typeof e.id == "number" ? String(e.id) : `row-${t}`;
 }
-function _(e, t) {
+function v(e, t) {
 	return !t || Object.entries(t).every(([t, n]) => e[t] === n);
 }
-function v({ values: u, options: d }) {
-	let f = e(), m = e("errors"), v = a(() => p(d), [d]), y = n(), b = u.scope, x = v?.windows.some((e) => e.code === v.default_window) ? v.default_window : v?.windows[0]?.code ?? "", [S, C] = o(x), [w, T] = o("");
-	i(() => {
+function y({ values: e, options: d }) {
+	let f = n(), p = n("errors"), h = o(() => m(d), [d]), y = r(), b = e.scope, x = h?.windows.some((e) => e.code === h.default_window) ? h.default_window : h?.windows[0]?.code ?? "", [S, C] = s(x), [w, T] = s("");
+	a(() => {
 		C(x);
-	}, [x]), i(() => {
+	}, [x]), a(() => {
 		T("");
 	}, [S]);
-	let E = v ? [{
-		field: v.scope_field,
+	let E = h ? [{
+		field: h.scope_field,
 		op: "eq",
 		value: b
 	}, {
-		field: v.window_field,
+		field: h.window_field,
 		op: "eq",
 		value: S
-	}] : [], D = r(v?.entity, {
+	}] : [], D = i(h?.entity, {
 		per_page: 1,
 		filters: E
-	}, !!(v && b && S)), O = v?.breakdown, k = O ? [{
+	}, !!(h && b && S)), O = h?.breakdown, k = O ? [{
 		field: O.scope_field,
 		op: "eq",
 		value: b
@@ -143,18 +144,18 @@ function v({ values: u, options: d }) {
 		field: O.window_field,
 		op: "eq",
 		value: S
-	}] : [], A = r(O?.entity, {
+	}] : [], A = i(O?.entity, {
 		per_page: O?.limit ?? 200,
 		sort: O?.sort,
 		filters: k
 	}, !!(O && b && S));
-	if (!v || !b) return /* @__PURE__ */ c("div", {
+	if (!h || !b) return /* @__PURE__ */ l("div", {
 		role: "alert",
 		className: "rounded border border-destructive p-3 text-sm text-destructive",
-		children: m("record.scorecard_config_invalid", "Invalid entity_scorecard configuration.")
+		children: p("record.scorecard_config_invalid", "Invalid entity_scorecard configuration.")
 	});
-	let j = D.data?.data?.[0], M = A.data?.data ?? [], N = O?.filter_field ? Array.from(new Set(M.map((e) => e[O.filter_field]).filter((e) => typeof e == "string" && e !== ""))).sort() : [], P = w && O?.filter_field ? M.filter((e) => e[O.filter_field] === w) : M, F = (e) => !w || !e.filtered || !O?.filter_field ? j?.[e.field] : M.find((t) => t[O.filter_field] === w && _(t, e.filtered?.where))?.[e.filtered.field], I = (e) => {
-		let t = v.drillthrough;
+	let j = D.data?.data?.[0], M = A.data?.data ?? [], N = O?.filter_field ? Array.from(new Set(M.map((e) => e[O.filter_field]).filter((e) => typeof e == "string" && e !== ""))).sort() : [], P = w && O?.filter_field ? M.filter((e) => e[O.filter_field] === w) : M, F = (e) => !w || !e.filtered || !O?.filter_field ? j?.[e.field] : M.find((t) => t[O.filter_field] === w && v(t, e.filtered?.where))?.[e.filtered.field], I = (e) => {
+		let t = h.drillthrough;
 		if (!t || !e.drillthrough_value) return;
 		let n = [{
 			field: t.scope_field,
@@ -175,52 +176,52 @@ function v({ values: u, options: d }) {
 			value: e.drillthrough_value
 		}), y(t.route, { search: new URLSearchParams({ filters: JSON.stringify(n) }).toString() });
 	}, L = D.error ?? A.error, R = f(O?.filter_label) || f("record.scorecard.filter", "Filter");
-	return /* @__PURE__ */ l("div", {
+	return /* @__PURE__ */ u("div", {
 		className: "flex min-w-0 flex-col gap-4",
-		"aria-label": f(v.title) || f("record.scorecard.title", "Scorecard"),
+		"aria-label": f(h.title) || f("record.scorecard.title", "Scorecard"),
 		children: [
-			/* @__PURE__ */ l("div", {
+			/* @__PURE__ */ u("div", {
 				className: "flex flex-wrap items-start justify-between gap-3",
-				children: [/* @__PURE__ */ l("div", {
+				children: [/* @__PURE__ */ u("div", {
 					className: "min-w-0",
 					children: [
-						v.title && /* @__PURE__ */ c("h3", {
+						h.title && /* @__PURE__ */ l("h3", {
 							className: "text-base font-semibold text-foreground",
-							children: f(v.title)
+							children: f(h.title)
 						}),
-						v.description && /* @__PURE__ */ c("p", {
+						h.description && /* @__PURE__ */ l("p", {
 							className: "mt-1 text-sm text-muted-foreground",
-							children: f(v.description)
+							children: f(h.description)
 						}),
-						v.intended_note && /* @__PURE__ */ c("p", {
+						h.intended_note && /* @__PURE__ */ l("p", {
 							className: "mt-1 text-xs text-muted-foreground",
-							children: f(v.intended_note)
+							children: f(h.intended_note)
 						})
 					]
-				}), /* @__PURE__ */ l("div", {
+				}), /* @__PURE__ */ u("div", {
 					className: "flex flex-wrap items-center gap-2",
-					children: [/* @__PURE__ */ c("div", {
+					children: [/* @__PURE__ */ l("div", {
 						role: "group",
 						"aria-label": f("record.scorecard.window", "Scorecard window"),
 						className: "inline-flex rounded border border-border p-1",
-						children: v.windows.map((e) => /* @__PURE__ */ c("button", {
+						children: h.windows.map((e) => /* @__PURE__ */ l("button", {
 							type: "button",
 							"aria-pressed": S === e.code,
 							onClick: () => C(e.code),
 							className: `rounded px-3 py-1.5 text-xs font-medium ${S === e.code ? "bg-accent text-accent-foreground" : "text-muted-foreground"}`,
 							children: f(e.label) || e.code
 						}, e.code))
-					}), O?.filter_field && /* @__PURE__ */ l("label", {
+					}), O?.filter_field && /* @__PURE__ */ u("label", {
 						className: "flex items-center gap-2 text-xs text-muted-foreground",
-						children: [R, /* @__PURE__ */ l("select", {
+						children: [R, /* @__PURE__ */ u("select", {
 							"aria-label": R,
 							value: w,
 							onChange: (e) => T(e.target.value),
 							className: "rounded border border-border bg-background px-2 py-1.5 text-foreground",
-							children: [/* @__PURE__ */ c("option", {
+							children: [/* @__PURE__ */ l("option", {
 								value: "",
 								children: f(O.all_label) || f("record.scorecard.all", "All")
-							}), N.map((e) => /* @__PURE__ */ c("option", {
+							}), N.map((e) => /* @__PURE__ */ l("option", {
 								value: e,
 								children: e
 							}, e))]
@@ -228,60 +229,60 @@ function v({ values: u, options: d }) {
 					})]
 				})]
 			}),
-			L && /* @__PURE__ */ c("div", {
+			L && /* @__PURE__ */ l("div", {
 				role: "alert",
 				className: "rounded border border-destructive p-3 text-sm text-destructive",
-				children: t(m, L)
+				children: t(p, L)
 			}),
-			!L && !D.isLoading && !j && /* @__PURE__ */ c("div", {
+			!L && !D.isLoading && !j && /* @__PURE__ */ l("div", {
 				className: "rounded border border-border p-6 text-center text-sm text-muted-foreground",
-				children: f(v.empty_label) || f("record.scorecard.empty", "No scorecard data.")
+				children: f(h.empty_label) || f("record.scorecard.empty", "No scorecard data.")
 			}),
-			j && /* @__PURE__ */ c("div", {
+			j && /* @__PURE__ */ l("div", {
 				className: "grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-4",
-				children: v.metrics.map((e) => {
-					let t = F(e), n = !!(v.drillthrough && e.drillthrough_value), r = /* @__PURE__ */ l(s, { children: [
-						/* @__PURE__ */ c("span", {
+				children: h.metrics.map((e) => {
+					let t = F(e), n = !!(h.drillthrough && e.drillthrough_value), r = /* @__PURE__ */ u(c, { children: [
+						/* @__PURE__ */ l("span", {
 							className: "text-xs font-medium text-muted-foreground",
 							children: f(e.label) || e.field
 						}),
-						/* @__PURE__ */ c("strong", {
+						/* @__PURE__ */ l("strong", {
 							className: `mt-2 block text-2xl font-semibold ${e.attention && Number(t) > 0 ? "text-destructive" : "text-foreground"}`,
-							children: h(f, t, e.format)
+							children: g(f, t, e.format)
 						}),
-						e.help && /* @__PURE__ */ c("span", {
+						e.help && /* @__PURE__ */ l("span", {
 							className: "mt-1 block text-xs text-muted-foreground",
 							children: f(e.help)
 						})
 					] });
-					return n ? /* @__PURE__ */ c("button", {
+					return n ? /* @__PURE__ */ l("button", {
 						type: "button",
 						onClick: () => I(e),
 						className: "rounded border border-border bg-card p-3 text-left hover:bg-surface",
 						children: r
-					}, e.field) : /* @__PURE__ */ c("article", {
+					}, e.field) : /* @__PURE__ */ l("article", {
 						className: "rounded border border-border bg-card p-3",
 						children: r
 					}, e.field);
 				})
 			}),
-			O && /* @__PURE__ */ c("div", {
+			O && /* @__PURE__ */ l("div", {
 				className: "min-w-0 overflow-x-auto rounded border border-border",
-				children: /* @__PURE__ */ l("table", {
+				children: /* @__PURE__ */ u("table", {
 					className: "w-full border-collapse text-sm",
-					children: [/* @__PURE__ */ c("thead", {
+					children: [/* @__PURE__ */ l("thead", {
 						className: "bg-surface text-left text-xs text-muted-foreground",
-						children: /* @__PURE__ */ c("tr", { children: O.columns.map((e) => /* @__PURE__ */ c("th", {
+						children: /* @__PURE__ */ l("tr", { children: O.columns.map((e) => /* @__PURE__ */ l("th", {
 							className: "border-b border-divider px-3 py-2 font-medium",
 							children: f(e.label) || e.field
 						}, e.field)) })
-					}), /* @__PURE__ */ l("tbody", { children: [P.map((e, t) => /* @__PURE__ */ c("tr", {
+					}), /* @__PURE__ */ u("tbody", { children: [P.map((e, t) => /* @__PURE__ */ l("tr", {
 						className: "border-b border-divider last:border-0",
-						children: O.columns.map((t) => /* @__PURE__ */ c("td", {
+						children: O.columns.map((t) => /* @__PURE__ */ l("td", {
 							className: "px-3 py-2 text-foreground",
-							children: h(f, e[t.field], t.format)
+							children: g(f, e[t.field], t.format)
 						}, t.field))
-					}, g(e, t))), !A.isLoading && P.length === 0 && /* @__PURE__ */ c("tr", { children: /* @__PURE__ */ c("td", {
+					}, _(e, t))), !A.isLoading && P.length === 0 && /* @__PURE__ */ l("tr", { children: /* @__PURE__ */ l("td", {
 						colSpan: Math.max(1, O.columns.length),
 						className: "px-3 py-6 text-center text-muted-foreground",
 						children: f(O.empty_label) || f("record.scorecard.breakdown_empty", "No breakdown rows.")
@@ -292,4 +293,4 @@ function v({ values: u, options: d }) {
 	});
 }
 //#endregion
-export { v as EntityScorecardWidget };
+export { y as EntityScorecardWidget };

package/dist-lib/components/fields/FileReferenceField.js

@@ -1,22 +1,22 @@
 import { extractPkValues as e } from "../../types/schema.js";
-import { Btn as t } from "../primitives/Btn.js";
-import { useText as n } from "../../hooks/useText.js";
-import { saveBlob as r } from "../../lib/download.js";
-import { failureTitle as i } from "../../lib/failure.js";
+import { saveBlob as t } from "../../lib/download.js";
+import { failureTitle as n } from "../../lib/failure.js";
+import { Btn as r } from "../primitives/Btn.js";
+import { useText as i } from "../../hooks/useText.js";
 import { readFileReference as a } from "../../api/fileReferences.js";
 import { useState as o } from "react";
 import { jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region src/components/fields/FileReferenceField.tsx
 function l({ entityCode: e, pkValues: l, fieldCode: u, t: d }) {
-	let f = n("errors"), [p, m] = o(!1), [h, g] = o(null);
+	let f = i("errors"), [p, m] = o(!1), [h, g] = o(null);
 	async function _() {
 		if (e && l && !p) {
 			m(!0), g(null);
 			try {
-				let t = await a(e, l, u);
-				r(t.blob, t.filename || `${e}-${u}.bin`);
+				let n = await a(e, l, u);
+				t(n.blob, n.filename || `${e}-${u}.bin`);
 			} catch (e) {
-				g(i(f, e));
+				g(n(f, e));
 			} finally {
 				m(!1);
 			}
@@ -30,7 +30,7 @@ function l({ entityCode: e, pkValues: l, fieldCode: u, t: d }) {
 			gap: 4,
 			minWidth: 0
 		},
-		children: [/* @__PURE__ */ s(t, {
+		children: [/* @__PURE__ */ s(r, {
 			kind: "ghost",
 			size: "xs",
 			disabled: p || !e || !l,

package/dist-lib/components/fields/StructureField.js

@@ -10,27 +10,31 @@ import { useId as c } from "react";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region src/components/fields/StructureField.tsx
 function d(t) {
-	let { field: n, value: r, mode: i, onChange: a, fieldId: s, labelId: c, nested: u } = t, { data: d } = e(), m = n.structure ? d?.structures?.[n.structure] : void 0;
-	return m ? n.array ? /* @__PURE__ */ l(p, {
-		structDef: m,
+	let { field: n, value: r, mode: i, onChange: a, fieldId: s, labelId: c, nested: u, refs: d, entities: m } = t, { data: h } = e(), g = n.structure ? h?.structures?.[n.structure] : void 0;
+	return g ? n.array ? /* @__PURE__ */ l(p, {
+		structDef: g,
 		value: r,
 		mode: i,
 		onChange: a,
 		fieldId: s,
 		labelId: c,
-		nested: u
+		nested: u,
+		refs: d,
+		entities: m
 	}) : /* @__PURE__ */ l(f, {
-		structDef: m,
+		structDef: g,
 		value: r,
 		mode: i,
 		onChange: a,
 		fieldId: s,
 		labelId: c,
-		nested: u
+		nested: u,
+		refs: d,
+		entities: m
 	}) : /* @__PURE__ */ l(o, { ...t });
 }
-function f({ structDef: e, value: t, mode: n, onChange: r, fieldId: o, labelId: f, nested: p = !1 }) {
-	let m = i(), h = c(), g = o ?? h, _ = typeof t == "object" && t && !Array.isArray(t) ? t : {}, v = e.fields.names(), y = {
+function f({ structDef: e, value: t, mode: n, onChange: r, fieldId: o, labelId: f, nested: p = !1, refs: m, entities: h }) {
+	let g = i(), _ = c(), v = o ?? _, y = typeof t == "object" && t && !Array.isArray(t) ? t : {}, b = e.fields.names(), x = {
 		display: "flex",
 		flexDirection: "column",
 		gap: n === "display" ? 8 : 12,
@@ -39,16 +43,16 @@ function f({ structDef: e, value: t, mode: n, onChange: r, fieldId: o, labelId:
 		padding: 12,
 		background: "var(--surface-2)"
 	};
-	if (n === "display") return v.some((e) => _[e] != null && _[e] !== "") ? /* @__PURE__ */ l("div", {
+	if (n === "display") return b.some((e) => y[e] != null && y[e] !== "") ? /* @__PURE__ */ l("div", {
 		style: p ? {
 			display: "flex",
 			flexDirection: "column",
 			gap: 8
-		} : y,
-		children: v.map((t) => {
+		} : x,
+		children: b.map((t) => {
 			let n = e.fields.get(t);
 			if (!n) return null;
-			let r = _[t];
+			let r = y[t];
 			return r == null ? null : /* @__PURE__ */ u("div", {
 				style: {
 					display: "flex",
@@ -64,8 +68,8 @@ function f({ structDef: e, value: t, mode: n, onChange: r, fieldId: o, labelId:
 						minWidth: 100,
 						flexShrink: 0
 					},
-					title: m(n.display?.description) || void 0,
-					children: n.display ? m(n.display.name) : t
+					title: g(n.display?.description) || void 0,
+					children: n.display ? g(n.display.name) : t
 				}), /* @__PURE__ */ l("div", {
 					style: {
 						minWidth: 0,
@@ -76,14 +80,18 @@ function f({ structDef: e, value: t, mode: n, onChange: r, fieldId: o, labelId:
 						fieldName: t,
 						value: r,
 						mode: "display",
-						t: m,
-						nested: !0
+						t: g,
+						nested: !0,
+						refs: m,
+						entities: h
 					}) : s({
 						field: n,
 						fieldName: t,
 						value: r,
 						mode: "display",
-						t: m
+						t: g,
+						refs: m,
+						entities: h
 					})
 				})]
 			}, t);
@@ -95,21 +103,21 @@ function f({ structDef: e, value: t, mode: n, onChange: r, fieldId: o, labelId:
 		},
 		children: "—"
 	});
-	let b = (e) => (t) => {
+	let S = (e) => (t) => {
 		r?.({
-			..._,
+			...y,
 			[e]: t
 		});
 	};
 	return /* @__PURE__ */ l("div", {
-		style: y,
+		style: x,
 		id: o,
 		role: "group",
 		"aria-labelledby": f,
-		children: v.map((t) => {
+		children: b.map((t) => {
 			let n = e.fields.get(t);
 			if (!n) return null;
-			let r = n.type === "structure" && !!n.structure, i = `${g}-${t}`, o = `${i}-label`;
+			let r = n.type === "structure" && !!n.structure, i = `${v}-${t}`, o = `${i}-label`;
 			return /* @__PURE__ */ u("div", {
 				style: {
 					display: "flex",
@@ -120,33 +128,33 @@ function f({ structDef: e, value: t, mode: n, onChange: r, fieldId: o, labelId:
 					required: n.required,
 					id: o,
 					htmlFor: r ? void 0 : i,
-					children: n.display ? m(n.display.name) : t
+					children: n.display ? g(n.display.name) : t
 				}), r ? /* @__PURE__ */ l(d, {
 					field: n,
-					t: m,
+					t: g,
 					fieldName: t,
-					value: _[t],
+					value: y[t],
 					mode: "edit",
-					onChange: b(t),
+					onChange: S(t),
 					fieldId: i,
 					labelId: o
 				}) : s({
 					field: n,
 					fieldName: t,
-					value: _[t],
+					value: y[t],
 					mode: "edit",
-					onChange: b(t),
+					onChange: S(t),
 					fieldId: i,
 					labelId: o,
-					t: m
+					t: g
 				})]
 			}, t);
 		})
 	});
 }
-function p({ structDef: e, value: a, mode: o, onChange: s, fieldId: d, labelId: p, nested: m = !1 }) {
-	let h = i(), g = c(), _ = d ?? g, v = Array.isArray(a) ? a : [];
-	if (o === "display") return v.length === 0 ? /* @__PURE__ */ l("span", {
+function p({ structDef: e, value: a, mode: o, onChange: s, fieldId: d, labelId: p, nested: m = !1, refs: h, entities: g }) {
+	let _ = i(), v = c(), y = d ?? v, b = Array.isArray(a) ? a : [];
+	if (o === "display") return b.length === 0 ? /* @__PURE__ */ l("span", {
 		style: {
 			fontSize: 12.5,
 			color: "var(--text-4)"
@@ -158,7 +166,7 @@ function p({ structDef: e, value: a, mode: o, onChange: s, fieldId: d, labelId:
 			flexDirection: "column",
 			gap: 8
 		},
-		children: v.map((t, n) => /* @__PURE__ */ l("div", {
+		children: b.map((t, n) => /* @__PURE__ */ l("div", {
 			style: m && n > 0 ? {
 				borderTop: "1px solid var(--border)",
 				paddingTop: 8
@@ -167,17 +175,19 @@ function p({ structDef: e, value: a, mode: o, onChange: s, fieldId: d, labelId:
 				structDef: e,
 				value: t,
 				mode: "display",
-				nested: m
+				nested: m,
+				refs: h,
+				entities: g
 			})
 		}, n))
 	});
-	let y = (e) => (t) => {
-		let n = [...v];
+	let x = (e) => (t) => {
+		let n = [...b];
 		n[e] = t, s?.(n);
-	}, b = () => {
-		s?.([...v, {}]);
-	}, x = (e) => () => {
-		let t = v.filter((t, n) => n !== e);
+	}, S = () => {
+		s?.([...b, {}]);
+	}, C = (e) => () => {
+		let t = b.filter((t, n) => n !== e);
 		s?.(t);
 	};
 	return /* @__PURE__ */ u("div", {
@@ -189,14 +199,14 @@ function p({ structDef: e, value: a, mode: o, onChange: s, fieldId: d, labelId:
 		id: d,
 		role: "group",
 		"aria-labelledby": p,
-		children: [v.map((n, i) => /* @__PURE__ */ u("div", {
+		children: [b.map((n, i) => /* @__PURE__ */ u("div", {
 			style: { position: "relative" },
 			children: [/* @__PURE__ */ l(f, {
 				structDef: e,
 				value: n,
 				mode: "edit",
-				onChange: y(i),
-				fieldId: `${_}-${i}`
+				onChange: x(i),
+				fieldId: `${y}-${i}`
 			}), /* @__PURE__ */ l("div", {
 				style: {
 					position: "absolute",
@@ -206,14 +216,14 @@ function p({ structDef: e, value: a, mode: o, onChange: s, fieldId: d, labelId:
 				children: /* @__PURE__ */ l(r, {
 					size: 24,
 					icon: /* @__PURE__ */ l(t.trash, { size: 12 }),
-					onClick: x(i),
-					title: h("field.structure.remove", "Remove")
+					onClick: C(i),
+					title: _("field.structure.remove", "Remove")
 				})
 			})]
 		}, i)), /* @__PURE__ */ l("div", { children: /* @__PURE__ */ l(n, {
 			icon: /* @__PURE__ */ l(t.plus, { size: 13 }),
-			onClick: b,
-			children: h("field.array.add", "Add")
+			onClick: S,
+			children: _("field.array.add", "Add")
 		}) })]
 	});
 }