@declarion/react 0.57.0 → 0.59.0

package/dist-lib/{LayoutRenderer-C9AH9cXf.js → LayoutRenderer-DGKWZKpW.js}

@@ -1,20 +1,21 @@
 import { s as e, t } from "./DynamicIcon-DW5krHuX.js";
-import { $n as n, $t as r, Br as i, Cr as a, D as o, Gn as s, I as c, Ir as l, Mr as u, O as d, Or as f, Qn as p, Qt as m, St as h, Vr as g, Zn as _, Zt as v, b as y, cr as b, et as x, ir as S, jt as C, ln as w, mr as T, nr as E, nt as D, pr as O, rr as k, sr as A, tr as j, tt as M, wn as ee, xt as N, zr as P } from "./useCurrentScreen-CzwzQpoW.js";
-import { c as F, d as I, f as L, l as R, o as z, r as B, s as V, t as H } from "./registry-CjgUaF7C.js";
-import { C as te, O as ne, c as re, n as ie, t as ae, x as oe } from "./field-classification-D6xQYn-h.js";
-import { m as se, p as ce } from "./action-dispatch-CR4ajBtT.js";
-import { o as le } from "./cardProjection-CW5RIMko.js";
-import { n as ue, r as de, t as fe } from "./dataTableStyles-vwD1mVOP.js";
-import { Suspense as pe, createContext as me, lazy as he, useCallback as U, useContext as ge, useEffect as W, useId as _e, useLayoutEffect as ve, useMemo as G, useRef as K, useState as q } from "react";
-import { useInfiniteQuery as ye, useMutation as be, useQueryClient as xe } from "@tanstack/react-query";
+import { An as n, D as r, Et as i, In as a, Ln as o, Nn as s, O as c, Rn as l, Tn as u, Zt as d, _n as f, b as p, bn as m, gn as h, hn as g, it as _, jn as v, kt as y, ln as b, nn as x, on as S, rt as C, wn as w, xn as T, yn as E, z as D } from "./useCurrentScreen-BL5NZFCw.js";
+import { M as O, d as k, t as A } from "./useText-BFDCTUSo.js";
+import { a as j, d as M, f as N, h as P, i as ee, l as F, m as I, o as L, r as R, t as z, u as B } from "./registry-Cb3W-czW.js";
+import { c as V, o as H, s as te, t as U, y as ne } from "./failure-v-uGSpbX.js";
+import { E as re, N as ie, c as ae, d as oe, n as se, t as ce, w as le } from "./field-classification-C28XE-_P.js";
+import { m as ue, p as de } from "./action-dispatch-DY0c8U81.js";
+import { n as fe, r as pe, t as me } from "./dataTableStyles-vwD1mVOP.js";
+import { Suspense as he, lazy as ge, useCallback as W, useEffect as G, useId as _e, useLayoutEffect as ve, useMemo as ye, useRef as K, useState as q } from "react";
+import { useInfiniteQuery as be, useMutation as xe, useQueryClient as Se } from "@tanstack/react-query";
 import { Fragment as J, jsx as Y, jsxs as X } from "react/jsx-runtime";
 //#region src/lib/size-value.ts
-var Se = /^(\d+)px$/;
-function Ce(e) {
+var Ce = /^(\d+)px$/;
+function we(e) {
 	if (e == null || e === "") return null;
 	if (e === "auto") return { kind: "auto" };
 	if (e === "fill") return { kind: "fill" };
-	let t = Se.exec(e);
+	let t = Ce.exec(e);
 	if (t) {
 		let e = parseInt(t[1], 10);
 		return e > 0 ? {
@@ -30,9 +31,9 @@ function Ce(e) {
 }
 //#endregion
 //#region src/components/detail-layout/LayoutRow.tsx
-function we({ config: e, ctx: t }) {
+function Te({ config: e, ctx: t }) {
 	let { items: n, gap: r = 0, resizable: i = !1, stack_below: a } = e, o = a === "never" ? 0 : a ?? 768, [s, c] = q(!1), l = K(null);
-	W(() => {
+	G(() => {
 		if (o === 0) return;
 		let e = l.current;
 		if (!e) return;
@@ -41,10 +42,10 @@ function we({ config: e, ctx: t }) {
 		});
 		return t.observe(e), () => t.disconnect();
 	}, [o]);
-	let [u, d] = q(null), f = K(null), p = U(() => n.map((t) => {
-		let n = Ce(t.width ?? t.column?.width ?? t.row?.width ?? e.width);
+	let [u, d] = q(null), f = K(null), p = W(() => n.map((t) => {
+		let n = we(t.width ?? t.column?.width ?? t.row?.width ?? e.width);
 		return n && n.kind === "weight" ? n.value : 1;
-	}), [n, e.width]), m = U((e, t) => {
+	}), [n, e.width]), m = W((e, t) => {
 		t.preventDefault();
 		let n = u ?? p();
 		f.current = {
@@ -61,20 +62,20 @@ function we({ config: e, ctx: t }) {
 			f.current = null, document.removeEventListener("mousemove", r), document.removeEventListener("mouseup", i);
 		};
 		document.addEventListener("mousemove", r), document.addEventListener("mouseup", i);
-	}, [u, p]), h = u ?? p(), g = e.height ? Ee(e.height) : void 0;
+	}, [u, p]), h = u ?? p(), g = e.height ? De(e.height) : void 0;
 	return /* @__PURE__ */ Y("div", {
 		ref: l,
-		className: R("flex", s && "flex-col"),
+		className: N("flex", s && "flex-col"),
 		style: {
 			gap: r ? `${r}px` : void 0,
 			...g
 		},
 		children: n.map((r, a) => /* @__PURE__ */ X("div", {
-			className: R("min-w-0 flex items-stretch", s && "w-full"),
-			style: s ? void 0 : Te(r.width ?? r.column?.width ?? r.row?.width ?? e.width, h[a], r.min_width, r.max_width),
+			className: N("min-w-0 flex items-stretch", s && "w-full"),
+			style: s ? void 0 : Ee(r.width ?? r.column?.width ?? r.row?.width ?? e.width, h[a], r.min_width, r.max_width),
 			children: [/* @__PURE__ */ Y("div", {
-				className: R("flex-1 min-w-0 flex flex-col", g && "overflow-y-auto overflow-x-hidden"),
-				children: /* @__PURE__ */ Y(gn, {
+				className: N("flex-1 min-w-0 flex flex-col", g && "overflow-y-auto overflow-x-hidden"),
+				children: /* @__PURE__ */ Y(ln, {
 					node: r,
 					ctx: t
 				})
@@ -85,17 +86,17 @@ function we({ config: e, ctx: t }) {
 		}, a))
 	});
 }
-function Te(e, t, n, r) {
-	let i = Ce(e), a;
+function Ee(e, t, n, r) {
+	let i = we(e), a;
 	return a = !i || i.kind === "weight" ? `${t} 1 0%` : i.kind === "px" ? `0 0 ${i.value}px` : i.kind === "fill" ? "1 1 0%" : "0 0 auto", {
 		flex: a,
 		minWidth: n,
 		maxWidth: r
 	};
 }
-function Ee(e) {
+function De(e) {
 	if (!e) return;
-	let t = Ce(e);
+	let t = we(e);
 	if (t?.kind === "px") return {
 		height: `${t.value}px`,
 		overflow: "hidden"
@@ -107,12 +108,12 @@ function Ee(e) {
 }
 //#endregion
 //#region src/components/detail-layout/LayoutColumn.tsx
-function De({ config: e, ctx: t }) {
+function Oe({ config: e, ctx: t }) {
 	let { items: n, gap: r = 12 } = e;
 	return /* @__PURE__ */ Y("div", {
 		className: "flex flex-col h-full",
 		style: { gap: r ? `${r}px` : void 0 },
-		children: n.map((e, n) => /* @__PURE__ */ Y(gn, {
+		children: n.map((e, n) => /* @__PURE__ */ Y(ln, {
 			node: e,
 			ctx: t
 		}, n))
@@ -120,23 +121,23 @@ function De({ config: e, ctx: t }) {
 }
 //#endregion
 //#region src/components/detail-layout/blockMeta.ts
-function Oe(e) {
+function ke(e) {
 	return e.children ?? e.associated;
 }
-function ke(e, t) {
-	let n = Oe(e);
-	if (n) {
-		if (e.label) return E(e.label);
-		let r = t.entity.children?.find((e) => e.entity === n);
-		if (r?.display?.name) return E(r.display.name);
-		let i = t.schema.entities[n];
-		return i && (E(i.display.name_plural) || E(i.display.name)) || n;
+function Ae(e, t, n) {
+	let r = ke(e);
+	if (r) {
+		if (e.label) return n(e.label);
+		let i = t.entity.children?.find((e) => e.entity === r);
+		if (i?.display?.name) return n(i.display.name);
+		let a = t.schema.entities[r];
+		return a && (n(a.display.name_plural) || n(a.display.name)) || r;
 	}
-	return e.section ? E(e.section.name) : "Tab";
+	return e.section ? n(e.section.name) : n("record.tabs.fallback", "Tab");
 }
-function Ae(e, t) {
+function je(e, t) {
 	if (e.icon) return e.icon;
-	let n = Oe(e);
+	let n = ke(e);
 	if (n) {
 		let e = t.entity.children?.find((e) => e.entity === n);
 		if (e?.display?.icon) return e.display.icon;
@@ -146,11 +147,11 @@ function Ae(e, t) {
 }
 //#endregion
 //#region src/components/detail-layout/LayoutTabs.tsx
-function je({ config: e, ctx: n }) {
-	let { items: r } = e, [i, a] = q(0), o = u(), s = n.detailTabsPresentation ?? (o.isPhone ? "sections" : "scroll");
-	if (r.length === 0) return null;
-	if (s === "sections") {
-		let e = r.map((e, t) => `detail-tab-section-${t}`);
+function Me({ config: e, ctx: n }) {
+	let r = A(), { items: i } = e, [a, o] = q(0), s = S(), c = n.detailTabsPresentation ?? (s.isPhone ? "sections" : "scroll");
+	if (i.length === 0) return null;
+	if (c === "sections") {
+		let e = i.map((e, t) => `detail-tab-section-${t}`);
 		return /* @__PURE__ */ X("div", {
 			style: {
 				display: "flex",
@@ -158,8 +159,8 @@ function je({ config: e, ctx: n }) {
 				gap: 10,
 				minWidth: 0
 			},
-			children: [r.length > 1 && /* @__PURE__ */ Y("nav", {
-				"aria-label": "Detail sections",
+			children: [i.length > 1 && /* @__PURE__ */ Y("nav", {
+				"aria-label": r("record.tabs.sections", "Detail sections"),
 				style: {
 					display: "flex",
 					gap: 6,
@@ -167,11 +168,11 @@ function je({ config: e, ctx: n }) {
 					padding: "0 2px 2px",
 					WebkitOverflowScrolling: "touch"
 				},
-				children: r.map((r, i) => {
-					let a = ke(r, n), o = Ae(r, n);
+				children: i.map((i, a) => {
+					let o = Ae(i, n, r), s = je(i, n);
 					return /* @__PURE__ */ X("button", {
 						type: "button",
-						onClick: () => document.getElementById(e[i])?.scrollIntoView({
+						onClick: () => document.getElementById(e[a])?.scrollIntoView({
 							block: "start",
 							behavior: "smooth"
 						}),
@@ -191,22 +192,22 @@ function je({ config: e, ctx: n }) {
 							whiteSpace: "nowrap",
 							cursor: "pointer"
 						},
-						children: [o && /* @__PURE__ */ Y(t, {
-							name: o,
+						children: [s && /* @__PURE__ */ Y(t, {
+							name: s,
 							size: 13
 						}), /* @__PURE__ */ Y("span", {
 							style: {
 								overflow: "hidden",
 								textOverflow: "ellipsis"
 							},
-							children: a
+							children: o
 						})]
-					}, i);
+					}, a);
 				})
-			}), r.map((r, i) => {
-				let a = ke(r, n), o = Ae(r, n);
+			}), i.map((i, a) => {
+				let o = Ae(i, n, r), s = je(i, n);
 				return /* @__PURE__ */ X("section", {
-					id: e[i],
+					id: e[a],
 					style: {
 						background: "var(--surface)",
 						border: "1px solid var(--border)",
@@ -227,27 +228,27 @@ function je({ config: e, ctx: n }) {
 							fontSize: 13,
 							fontWeight: 700
 						},
-						children: [o && /* @__PURE__ */ Y(t, {
-							name: o,
+						children: [s && /* @__PURE__ */ Y(t, {
+							name: s,
 							size: 14
 						}), /* @__PURE__ */ Y("span", {
 							style: { overflowWrap: "anywhere" },
-							children: a
+							children: o
 						})]
 					}), /* @__PURE__ */ Y("div", {
 						style: {
 							padding: 14,
 							minWidth: 0
 						},
-						children: /* @__PURE__ */ Y(gn, {
-							node: r,
+						children: /* @__PURE__ */ Y(ln, {
+							node: i,
 							ctx: {
 								...n,
 								withinCard: !0
 							}
 						})
 					})]
-				}, i);
+				}, a);
 			})]
 		});
 	}
@@ -270,13 +271,13 @@ function je({ config: e, ctx: n }) {
 				padding: "6px 10px 0 10px",
 				overflowX: "auto"
 			},
-			children: r.map((e, r) => {
-				let o = ke(e, n), s = Ae(e, n), c = r === i;
+			children: i.map((e, i) => {
+				let s = Ae(e, n, r), c = je(e, n), l = i === a;
 				return /* @__PURE__ */ X("button", {
 					role: "tab",
-					"aria-selected": c,
+					"aria-selected": l,
 					onClick: (e) => {
-						e.stopPropagation(), a(r);
+						e.stopPropagation(), o(i);
 					},
 					style: {
 						position: "relative",
@@ -290,23 +291,23 @@ function je({ config: e, ctx: n }) {
 						fontSize: 12.5,
 						fontWeight: 500,
 						fontFamily: "inherit",
-						color: c ? "var(--text)" : "var(--text-3)",
+						color: l ? "var(--text)" : "var(--text-3)",
 						whiteSpace: "nowrap",
 						transition: "color .12s"
 					},
 					onMouseEnter: (e) => {
-						c || (e.currentTarget.style.color = "var(--text-2)");
+						l || (e.currentTarget.style.color = "var(--text-2)");
 					},
 					onMouseLeave: (e) => {
-						c || (e.currentTarget.style.color = "var(--text-3)");
+						l || (e.currentTarget.style.color = "var(--text-3)");
 					},
 					children: [
-						s && /* @__PURE__ */ Y(t, {
-							name: s,
+						c && /* @__PURE__ */ Y(t, {
+							name: c,
 							size: 13
 						}),
-						o,
-						c && /* @__PURE__ */ Y("span", { style: {
+						s,
+						l && /* @__PURE__ */ Y("span", { style: {
 							position: "absolute",
 							left: 4,
 							right: 4,
@@ -316,67 +317,67 @@ function je({ config: e, ctx: n }) {
 							borderRadius: 2
 						} })
 					]
-				}, r);
+				}, i);
 			})
 		}), /* @__PURE__ */ Y("div", {
 			role: "tabpanel",
 			style: { padding: 14 },
-			children: /* @__PURE__ */ Y(gn, {
-				node: r[i],
+			children: /* @__PURE__ */ Y(ln, {
+				node: i[a],
 				ctx: {
 					...n,
 					withinCard: !0
 				}
-			}, i)
+			}, a)
 		})]
 	});
 }
 //#endregion
 //#region src/components/detail-layout/SectionBlock.tsx
-function Me({ config: e, ctx: n }) {
-	let { name: r, items: i, collapsed: a = !1, columns: o, icon: s, badge: c, emphasis: l } = e, u = {
+function Ne({ config: e, ctx: n }) {
+	let r = A(), { name: i, items: a, collapsed: o = !1, columns: s, icon: c, badge: l, emphasis: u } = e, d = {
 		...n,
 		withinCard: !0,
-		...o ? { columns: o } : null
-	}, d = s ? /* @__PURE__ */ Y(t, {
-		name: s,
+		...s ? { columns: s } : null
+	}, f = c ? /* @__PURE__ */ Y(t, {
+		name: c,
 		size: 14
-	}) : void 0, f = c ? {
-		text: E(c.text),
-		tone: c.tone,
-		dot: c.dot
+	}) : void 0, p = l ? {
+		text: r(l.text),
+		tone: l.tone,
+		dot: l.dot
 	} : void 0;
-	return /* @__PURE__ */ Y(L, {
-		title: E(r),
-		defaultOpen: !a,
-		icon: d,
-		badge: f,
-		emphasis: l,
+	return /* @__PURE__ */ Y(P, {
+		title: r(i),
+		defaultOpen: !o,
+		icon: f,
+		badge: p,
+		emphasis: u,
 		headingLevel: n.withinCard ? 3 : 2,
-		children: /* @__PURE__ */ Y(hn, {
-			nodes: i,
-			ctx: u
+		children: /* @__PURE__ */ Y(cn, {
+			nodes: a,
+			ctx: d
 		})
 	});
 }
 //#endregion
 //#region src/lib/child-config.ts
-function Ne(e, t, n) {
+function Pe(e, t, n) {
 	let r = e.display, i = Z(n?.mode, r?.mode, "table"), a = i === "timeline" ? 50 : 20, o = {
 		entity: e.entity,
 		foreign_key: e.foreign_key,
-		name: Z(n?.label, r?.name, Fe(t)),
+		name: Z(n?.label, r?.name, Ie(t)),
 		icon: Z(n?.icon, r?.icon, t.display.icon) ?? "",
 		mode: i,
-		columns: Z(n?.columns, r?.columns, Le(t, e.foreign_key)),
-		sort: Z(n?.sort, r?.sort, Ie(t)),
+		columns: Z(n?.columns, r?.columns, Re(t, e.foreign_key)),
+		sort: Z(n?.sort, r?.sort, Le(t)),
 		limit: Z(n?.limit, r?.limit, a),
 		editable: Z(n?.editable, r?.editable, !0),
-		interaction: Z(n?.interaction, r?.interaction, Pe(t))
+		interaction: Z(n?.interaction, r?.interaction, Fe(t))
 	}, s = Z(n?.position_field, r?.position_field, void 0);
 	s && (o.position_field = s, o.sort = s + ":asc");
 	let c = n?.timeline ?? r?.timeline;
-	o.mode === "timeline" ? o.timeline = Re(c ?? {}, t) : c && (o.timeline = c);
+	o.mode === "timeline" ? o.timeline = ze(c ?? {}, t) : c && (o.timeline = c);
 	let l = n?.cards ?? r?.cards;
 	l && (o.cards = l);
 	let u = n?.quick_add ?? e.quick_add;
@@ -385,13 +386,13 @@ function Ne(e, t, n) {
 function Z(e, t, n) {
 	return e ?? t ?? n;
 }
-function Pe(e) {
-	return _(e, "update") ? "inline_edit" : "readonly";
-}
 function Fe(e) {
-	return e.display.name_plural && Object.keys(e.display.name_plural).length > 0 ? e.display.name_plural : e.display.name;
+	return g(e, "update") ? "inline_edit" : "readonly";
 }
 function Ie(e) {
+	return e.display.name_plural && Object.keys(e.display.name_plural).length > 0 ? e.display.name_plural : e.display.name;
+}
+function Le(e) {
 	if (e.fields.get("created_at")?.type === "timestamp") return "created_at:desc";
 	if (e.fields.get("updated_at")?.type === "timestamp") return "updated_at:desc";
 	for (let t of e.fields.names()) {
@@ -402,10 +403,10 @@ function Ie(e) {
 		let n = e.fields.get(t);
 		if (n && n.type === "date") return t + ":desc";
 	}
-	let t = We(e);
+	let t = Ge(e);
 	return t ? t + ":asc" : "";
 }
-function Le(e, t) {
+function Re(e, t) {
 	let n = new Set(Array.isArray(t) ? t : [t]), r = [];
 	for (let t of e.fields.names()) {
 		if (r.length >= 6) break;
@@ -414,11 +415,11 @@ function Le(e, t) {
 	}
 	return r;
 }
-function Re(e, t) {
+function ze(e, t) {
 	let n = { ...e };
-	return n.time_field ||= Ve(t), n.type_field ||= He(t, "enum"), n.summary_field ||= Ue(t, "string", "text", "rich_text"), n.content_field ||= Ue(t, "rich_text", "text"), n.summary_field && n.content_field && n.summary_field === n.content_field && (n.summary_field = void 0), n.author_field || t.fields.get("created_by") && (n.author_field = "created_by"), n.direction_field ||= ze(t), n.intent_field ||= Be(t), n;
+	return n.time_field ||= He(t), n.type_field ||= Ue(t, "enum"), n.summary_field ||= We(t, "string", "text", "rich_text"), n.content_field ||= We(t, "rich_text", "text"), n.summary_field && n.content_field && n.summary_field === n.content_field && (n.summary_field = void 0), n.author_field || t.fields.get("created_by") && (n.author_field = "created_by"), n.direction_field ||= Be(t), n.intent_field ||= Ve(t), n;
 }
-function ze(e) {
+function Be(e) {
 	let t = e.fields.get("direction");
 	if (t && t.type === "enum") return "direction";
 	for (let t of [
@@ -431,11 +432,11 @@ function ze(e) {
 		if (n && n.type === "bool") return t;
 	}
 }
-function Be(e) {
+function Ve(e) {
 	let t = e.fields.get("intent");
 	if (t && t.type === "enum") return "intent";
 }
-function Ve(e) {
+function He(e) {
 	for (let t of e.fields.names()) {
 		let n = e.fields.get(t);
 		if (n && n.type === "timestamp" && !n.auto) return t;
@@ -447,13 +448,13 @@ function Ve(e) {
 		if (n && n.type === "timestamp") return t;
 	}
 }
-function He(e, t) {
+function Ue(e, t) {
 	for (let n of e.fields.names()) {
 		let r = e.fields.get(n);
 		if (r && r.type === t) return n;
 	}
 }
-function Ue(e, ...t) {
+function We(e, ...t) {
 	for (let n of e.fields.names()) {
 		let r = e.fields.get(n);
 		if (r) {
@@ -461,28 +462,28 @@ function Ue(e, ...t) {
 		}
 	}
 }
-function We(e) {
-	let t = j(e);
+function Ge(e) {
+	let t = E(e);
 	return t.length > 0 ? t[0] : void 0;
 }
-function Ge(e, t) {
+function Ke(e, t) {
 	return e.children?.find((e) => e.entity === t);
 }
 //#endregion
 //#region src/lib/quick-add.ts
-function Ke(e, t, n, r) {
+function qe(e, t, n, r) {
 	let i = {
 		...t ?? {},
 		...e
 	};
 	if (Array.isArray(n)) {
-		let e = Array.isArray(r) ? r.map(String) : S(String(r), n.length);
+		let e = Array.isArray(r) ? r.map(String) : T(String(r), n.length);
 		if (!e || e.length !== n.length) throw Error("invalid composite parent id");
 		for (let t = 0; t < n.length; t++) i[n[t]] = e[t];
 	} else i[n] = Array.isArray(r) ? r[0] : r;
 	return i;
 }
-function qe(e, t) {
+function Je(e, t) {
 	for (let n of t) {
 		let t = e[n];
 		if (t == null || t === "") return !1;
@@ -491,27 +492,27 @@ function qe(e, t) {
 }
 //#endregion
 //#region src/components/detail-layout/useQuickAdd.ts
-function Je(e, t, n, r) {
-	let [i, a] = q(() => {
-		let t = e.quick_add, n = r.entities[e.entity], i = {};
-		if (t?.fields) for (let e of t.fields) t.defaults?.[e] == null ? n?.fields.get(e)?.type === "timestamp" && (i[e] = O()) : i[e] = t.defaults[e];
+function Ye(e, t, i, a) {
+	let [o, s] = q(() => {
+		let t = e.quick_add, r = a.entities[e.entity], i = {};
+		if (t?.fields) for (let e of t.fields) t.defaults?.[e] == null ? r?.fields.get(e)?.type === "timestamp" && (i[e] = n()) : i[e] = t.defaults[e];
 		return i;
-	}), s = xe(), { mutate: c, isPending: l, error: u, reset: d } = be({
-		mutationFn: (t) => v(e.entity, t),
-		onMutate: async (r) => {
-			let i = Array.isArray(n) ? k(n.map(String)) : n, a = [
-				o,
+	}), c = Se(), { mutate: l, isPending: u, error: d, reset: f } = xe({
+		mutationFn: (t) => H(e.entity, t),
+		onMutate: async (n) => {
+			let a = Array.isArray(i) ? m(i.map(String)) : i, o = [
+				r,
 				t,
-				i,
+				a,
 				e.entity
 			];
-			await s.cancelQueries({ queryKey: a });
-			let c = s.getQueriesData({ queryKey: a }), l = {
-				...r,
+			await c.cancelQueries({ queryKey: o });
+			let s = c.getQueriesData({ queryKey: o }), l = {
+				...n,
 				id: `__optimistic_${crypto.randomUUID()}`,
 				__optimistic: !0
 			};
-			return s.setQueriesData({ queryKey: a }, (e) => {
+			return c.setQueriesData({ queryKey: o }, (e) => {
 				if (!e || typeof e != "object") return e;
 				if ("pages" in e && Array.isArray(e.pages) && e.pages.length > 0) {
 					let t = e, [n, ...r] = t.pages;
@@ -524,54 +525,54 @@ function Je(e, t, n, r) {
 					};
 				}
 				return e;
-			}), { snapshots: c };
+			}), { snapshots: s };
 		},
 		onError: (e, t, n) => {
-			if (n?.snapshots) for (let [e, t] of n.snapshots) s.setQueryData(e, t);
+			if (n?.snapshots) for (let [e, t] of n.snapshots) c.setQueryData(e, t);
 		},
 		onSuccess: () => {
-			let t = e.quick_add, n = r.entities[e.entity], i = {};
-			if (t?.fields) for (let e of t.fields) i[e] = t?.defaults?.[e] == null ? n?.fields.get(e)?.type === "timestamp" ? O() : "" : t.defaults[e];
-			a(i);
+			let t = e.quick_add, r = a.entities[e.entity], i = {};
+			if (t?.fields) for (let e of t.fields) i[e] = t?.defaults?.[e] == null ? r?.fields.get(e)?.type === "timestamp" ? n() : "" : t.defaults[e];
+			s(i);
 		},
 		onSettled: () => {
-			let r = Array.isArray(n) ? k(n.map(String)) : n;
-			s.invalidateQueries({ queryKey: [
-				o,
-				t,
+			let n = Array.isArray(i) ? m(i.map(String)) : i;
+			c.invalidateQueries({ queryKey: [
 				r,
+				t,
+				n,
 				e.entity
 			] });
 		}
-	}), f = e.quick_add, p = r.entities[e.entity], m = qe(i, f?.fields.filter((e) => p?.fields.get(e)?.required) ?? []);
-	function h(t) {
-		if (t.preventDefault(), !f) return;
-		let r = Ke(i, f.defaults, e.foreign_key, n);
-		c(r);
+	}), p = e.quick_add, h = a.entities[e.entity], g = Je(o, p?.fields.filter((e) => h?.fields.get(e)?.required) ?? []);
+	function _(t) {
+		if (t.preventDefault(), !p) return;
+		let n = qe(o, p.defaults, e.foreign_key, i);
+		l(n);
 	}
-	function g(e, t) {
-		u && d(), a((n) => ({
+	function v(e, t) {
+		d && f(), s((n) => ({
 			...n,
 			[e]: t
 		}));
 	}
 	return {
-		values: i,
-		quickAdd: f,
-		childEntity: p,
-		isPending: l,
-		error: u,
-		isReady: m,
-		handleSubmit: h,
-		handleFieldChange: g
+		values: o,
+		quickAdd: p,
+		childEntity: h,
+		isPending: u,
+		error: d,
+		isReady: g,
+		handleSubmit: _,
+		handleFieldChange: v
 	};
 }
 //#endregion
 //#region src/components/detail-layout/QuickAddForm.tsx
-function Ye({ config: t, parentEntity: r, parentId: i, schema: a }) {
-	let { values: o, quickAdd: s, childEntity: c, isPending: l, error: d, isReady: f, handleSubmit: p, handleFieldChange: m } = Je(t, r, i, a), h = x(), _ = u(), v = _e();
-	return !s || s.fields.length === 0 || !c ? null : /* @__PURE__ */ X("form", {
-		onSubmit: p,
+function Xe({ config: t, parentEntity: n, parentId: r, schema: i }) {
+	let a = A(), o = A("errors"), { values: s, quickAdd: c, childEntity: u, isPending: d, error: p, isReady: m, handleSubmit: h, handleFieldChange: g } = Ye(t, n, r, i), _ = S(), v = _e();
+	return !c || c.fields.length === 0 || !u ? null : /* @__PURE__ */ X("form", {
+		onSubmit: h,
 		style: {
 			display: "flex",
 			flexDirection: _.isPhone ? "column" : "row",
@@ -581,10 +582,10 @@ function Ye({ config: t, parentEntity: r, parentId: i, schema: a }) {
 			borderBottom: "1px solid var(--divider)"
 		},
 		children: [
-			s.fields.map((e) => {
-				let r = c.fields.get(e);
-				if (!r) return null;
-				let i = `${v}-quick-add-${t.entity}-${e}`, s = `${i}-label`;
+			c.fields.map((e) => {
+				let n = u.fields.get(e);
+				if (!n) return null;
+				let r = `${v}-quick-add-${t.entity}-${e}`, o = `${r}-label`;
 				return /* @__PURE__ */ X("div", {
 					style: {
 						flex: 1,
@@ -592,8 +593,8 @@ function Ye({ config: t, parentEntity: r, parentId: i, schema: a }) {
 						width: _.isPhone ? "100%" : void 0
 					},
 					children: [/* @__PURE__ */ Y("label", {
-						id: s,
-						htmlFor: i,
+						id: o,
+						htmlFor: r,
 						style: {
 							fontSize: 11,
 							color: "var(--text-3)",
@@ -601,56 +602,56 @@ function Ye({ config: t, parentEntity: r, parentId: i, schema: a }) {
 							display: "block",
 							fontWeight: 500
 						},
-						children: n(r, e, a.entities)
-					}), M({
-						field: r,
+						children: f(a, n, e, i.entities)
+					}), C({
+						field: n,
 						fieldName: e,
-						value: o[e] ?? "",
+						value: s[e] ?? "",
 						mode: "edit",
-						onChange: (t) => m(e, t),
-						record: o,
-						fieldId: i,
-						labelId: s,
-						locale: h
+						onChange: (t) => g(e, t),
+						record: s,
+						fieldId: r,
+						labelId: o,
+						t: a
 					})]
 				}, e);
 			}),
-			/* @__PURE__ */ Y(g, {
+			/* @__PURE__ */ Y(l, {
 				type: "submit",
 				kind: "primary",
 				size: _.isPhone ? "md" : "sm",
 				icon: /* @__PURE__ */ Y(e.plus, { size: 12 }),
-				disabled: l || !f,
+				disabled: d || !m,
 				style: _.isPhone ? { alignSelf: "flex-end" } : void 0,
-				children: "Add"
+				children: a("record.related.add", "Add")
 			}),
-			d != null && /* @__PURE__ */ Y("span", {
+			p != null && /* @__PURE__ */ Y("span", {
 				style: {
 					fontSize: 11,
 					color: "var(--danger)",
 					alignSelf: "flex-end",
 					marginBottom: 4
 				},
-				children: d.message
+				children: U(o, p)
 			})
 		]
 	});
 }
 //#endregion
 //#region src/components/detail-layout/useManualColumnResize.tsx
-function Xe(e, t, n) {
+function Ze(e, t, n) {
 	return `${e}::child::${t}.${n}`;
 }
-function Ze(e) {
-	return Math.min(oe, Math.max(60, Math.round(e)));
-}
 function Qe(e) {
-	let { widths: t, setWidths: n, resetWidths: r } = te(e), [i, a] = q({}), o = K(null);
-	W(() => {
+	return Math.min(le, Math.max(60, Math.round(e)));
+}
+function $e(e) {
+	let { widths: t, setWidths: n, resetWidths: r } = re(e), [i, a] = q({}), o = K(null);
+	G(() => {
 		let e = (e) => {
 			let t = o.current;
 			if (!t) return;
-			let n = Ze(t.startWidth + (e.clientX - t.startX));
+			let n = Qe(t.startWidth + (e.clientX - t.startX));
 			t.current = n, a({ [t.colId]: n });
 		}, t = () => {
 			let e = o.current;
@@ -660,7 +661,7 @@ function Qe(e) {
 			window.removeEventListener("mousemove", e), window.removeEventListener("mouseup", t);
 		};
 	}, [n]);
-	let s = U((e, n) => {
+	let s = W((e, n) => {
 		n.preventDefault(), n.stopPropagation();
 		let r = n.currentTarget.closest("th")?.getBoundingClientRect().width, i = t[e] ?? (r && r > 0 ? r : 150);
 		o.current = {
@@ -671,7 +672,7 @@ function Qe(e) {
 		};
 	}, [t]);
 	return {
-		headerStyle: U((e, n) => {
+		headerStyle: W((e, n) => {
 			let r = i[e] ?? t[e];
 			return r == null ? {
 				...n,
@@ -684,7 +685,7 @@ function Qe(e) {
 				maxWidth: r
 			};
 		}, [i, t]),
-		cellStyle: U((e, n) => {
+		cellStyle: W((e, n) => {
 			let r = i[e] ?? t[e];
 			return r == null ? n : {
 				...n,
@@ -700,7 +701,7 @@ function Qe(e) {
 		resetWidths: r
 	};
 }
-function $e({ colId: e, onMouseDown: t }) {
+function et({ colId: e, onMouseDown: t }) {
 	return /* @__PURE__ */ Y("span", {
 		"data-testid": "col-resize-handle",
 		"aria-hidden": "true",
@@ -728,47 +729,47 @@ function $e({ colId: e, onMouseDown: t }) {
 }
 //#endregion
 //#region src/components/detail-layout/ChildrenTable.tsx
-function et({ config: t, parentEntity: r, parentId: a, schema: o }) {
-	let s = o.entities[t.entity], c = Array.isArray(t.foreign_key) ? t.foreign_key.join(",") : t.foreign_key, l = Qe(Xe(r, t.entity, c)), u = x(), p = y(s?.realtime, t.entity), { data: m, isLoading: h, isError: g, refetch: _ } = d(r, a, t.entity, t.foreign_key, t.sort, t.limit), { refreshing: v, refresh: S } = re(_), C = m?.data ?? [], w = m?.$refs, E = K(w);
-	E.current = w;
-	let O = t.columns, k = t.interaction === "navigate", A = O[0], j = k && s ? b(void 0, s, o.screens) : null, M = s ? We(s) : void 0, ee = G(() => {
+function tt({ config: t, parentEntity: n, parentId: r, schema: i }) {
+	let s = A(), l = A("errors"), d = i.entities[t.entity], m = Array.isArray(t.foreign_key) ? t.foreign_key.join(",") : t.foreign_key, h = $e(Ze(n, t.entity, m)), g = p(d?.realtime, t.entity), { data: y, isLoading: b, isError: S, refetch: C } = c(n, r, t.entity, t.foreign_key, t.sort, t.limit), { refreshing: w, refresh: T } = ae(C), E = y?.data ?? [], D = y?.$refs, O = K(D);
+	O.current = D;
+	let k = t.columns, j = t.interaction === "navigate", M = k[0], N = j && d ? u(void 0, d, i.screens) : null, P = d ? Ge(d) : void 0, ee = ye(() => {
 		let e = /* @__PURE__ */ new Map();
-		if (!s) return e;
-		for (let t of O) {
-			let n = s.fields.get(t);
-			n && e.set(t, D({
+		if (!d) return e;
+		for (let t of k) {
+			let n = d.fields.get(t);
+			n && e.set(t, _({
 				field: n,
 				fieldName: t,
 				surface: "list",
-				entity: s,
-				entities: o.entities,
-				screens: o.screens,
-				refs: () => E.current,
-				locale: u
+				entity: d,
+				entities: i.entities,
+				screens: i.screens,
+				refs: () => O.current,
+				t: s
 			}));
 		}
 		return e;
 	}, [
-		s,
-		O,
-		o.entities,
-		o.screens,
-		u
+		d,
+		k,
+		i.entities,
+		i.screens,
+		s
 	]);
-	if (!s) return /* @__PURE__ */ Y("div", {
+	if (!d) return /* @__PURE__ */ Y("div", {
 		style: {
 			fontSize: 12.5,
 			color: "var(--text-3)",
 			padding: "8px 0"
 		},
-		children: "Entity not found."
+		children: l("record.related_entity_not_found", "The related record type is not declared in this deployment.")
 	});
-	let N = /* @__PURE__ */ Y(Ye, {
+	let F = /* @__PURE__ */ Y(Xe, {
 		config: t,
-		parentEntity: r,
-		parentId: a,
-		schema: o
-	}), F = /* @__PURE__ */ X("div", {
+		parentEntity: n,
+		parentId: r,
+		schema: i
+	}), I = g ? s("record.related.live", "Live") : s("record.related.paused", "Updates paused"), L = /* @__PURE__ */ X("div", {
 		style: {
 			display: "flex",
 			alignItems: "center",
@@ -777,51 +778,55 @@ function et({ config: t, parentEntity: r, parentId: a, schema: o }) {
 			justifyContent: "flex-end"
 		},
 		children: [
-			l.hasWidths && /* @__PURE__ */ Y(i, {
+			h.hasWidths && /* @__PURE__ */ Y(o, {
 				icon: /* @__PURE__ */ Y(e.columns, { size: 13 }),
-				title: "Reset column widths (this device)",
+				title: s("record.related.reset_widths", "Reset column widths (this device)"),
 				size: 24,
-				onClick: l.resetWidths
+				onClick: h.resetWidths
 			}),
-			s.realtime === !0 && /* @__PURE__ */ Y("span", {
+			d.realtime === !0 && /* @__PURE__ */ Y("span", {
 				"data-testid": "children-live-indicator",
 				role: "status",
-				"aria-label": p ? "Live" : "Updates paused",
-				title: p ? "This table updates automatically in realtime." : "Realtime updates are paused. Refresh manually to load the latest data.",
-				children: /* @__PURE__ */ Y(P, {
-					tone: p ? "emerald" : "amber",
+				"aria-label": I,
+				title: g ? s("record.related.live_hint", "This table updates automatically in realtime.") : s("record.related.paused_hint", "Realtime updates are paused. Refresh manually to load the latest data."),
+				children: /* @__PURE__ */ Y(a, {
+					tone: g ? "emerald" : "amber",
 					size: "xs",
 					dot: !0,
-					children: p ? "Live" : "Updates paused"
+					children: I
 				})
 			}),
-			/* @__PURE__ */ Y(i, {
-				icon: v ? /* @__PURE__ */ Y("span", {
+			/* @__PURE__ */ Y(o, {
+				icon: w ? /* @__PURE__ */ Y("span", {
 					"data-testid": "children-refresh-spinner",
 					style: { display: "inline-flex" },
-					children: /* @__PURE__ */ Y(f, { size: 13 })
+					children: /* @__PURE__ */ Y(x, { size: 13 })
 				}) : /* @__PURE__ */ Y(e.refresh, { size: 13 }),
-				title: "Refresh",
+				title: s("record.related.refresh", "Refresh"),
 				size: 24,
-				disabled: v,
-				onClick: S
+				disabled: w,
+				onClick: T
 			})
 		]
 	});
-	return g ? /* @__PURE__ */ X("div", { children: [
-		N,
+	return S ? /* @__PURE__ */ X("div", { children: [
 		F,
-		/* @__PURE__ */ Y("div", {
+		L,
+		/* @__PURE__ */ X("div", {
 			style: {
 				fontSize: 12.5,
 				color: "var(--danger)",
 				padding: "8px 0"
 			},
-			children: "Failed to load. Try again."
+			children: [
+				l("record.related_rows_unreadable", "The related records could not be loaded."),
+				" ",
+				s("record.related.try_again", "Try again.")
+			]
 		})
-	] }) : h ? /* @__PURE__ */ X("div", { children: [
-		N,
+	] }) : b ? /* @__PURE__ */ X("div", { children: [
 		F,
+		L,
 		/* @__PURE__ */ Y("div", {
 			style: {
 				display: "flex",
@@ -839,40 +844,40 @@ function et({ config: t, parentEntity: r, parentId: a, schema: o }) {
 				borderRadius: 4
 			} }, e))
 		})
-	] }) : C.length === 0 ? /* @__PURE__ */ X("div", { children: [
-		N,
+	] }) : E.length === 0 ? /* @__PURE__ */ X("div", { children: [
 		F,
+		L,
 		/* @__PURE__ */ Y("div", {
 			style: {
 				fontSize: 12.5,
 				color: "var(--text-3)",
 				padding: "12px 0"
 			},
-			children: "No records yet."
+			children: s("record.related.empty", "No records yet.")
 		})
 	] }) : /* @__PURE__ */ X("div", { children: [
-		N,
 		F,
+		L,
 		/* @__PURE__ */ Y("div", {
 			style: { overflowX: "auto" },
 			children: /* @__PURE__ */ X("table", {
-				style: de,
-				children: [/* @__PURE__ */ Y("thead", { children: /* @__PURE__ */ Y("tr", { children: O.map((e) => {
-					let t = s.fields.get(e);
+				style: pe,
+				children: [/* @__PURE__ */ Y("thead", { children: /* @__PURE__ */ Y("tr", { children: k.map((e) => {
+					let t = d.fields.get(e);
 					return /* @__PURE__ */ X("th", {
-						style: l.headerStyle(e, ue),
-						children: [t ? n(t, e, o.entities) : e, /* @__PURE__ */ Y($e, {
+						style: h.headerStyle(e, fe),
+						children: [t ? f(s, t, e, i.entities) : e, /* @__PURE__ */ Y(et, {
 							colId: e,
-							onMouseDown: l.onHandleMouseDown
+							onMouseDown: h.onHandleMouseDown
 						})]
 					}, e);
-				}) }) }), /* @__PURE__ */ Y("tbody", { children: C.map((e, t) => {
-					let n = M ? T(e[M]) : "", r = k && j && n ? j.replace(/:\w+/, n) : void 0;
-					return /* @__PURE__ */ Y("tr", { children: O.map((t) => {
-						let n = t === A, i = ee.get(t), a = i ? i(e[t], e) : T(e[t]);
+				}) }) }), /* @__PURE__ */ Y("tbody", { children: E.map((e, t) => {
+					let n = P ? v(e[P]) : "", r = j && N && n ? N.replace(/:\w+/, n) : void 0;
+					return /* @__PURE__ */ Y("tr", { children: k.map((t) => {
+						let n = t === M, i = ee.get(t), a = i ? i(e[t], e) : v(e[t]);
 						return /* @__PURE__ */ Y("td", {
 							title: typeof a == "string" ? a : void 0,
-							style: l.cellStyle(t, fe),
+							style: h.cellStyle(t, me),
 							children: n && r ? /* @__PURE__ */ Y("a", {
 								href: r,
 								style: {
@@ -885,7 +890,7 @@ function et({ config: t, parentEntity: r, parentId: a, schema: o }) {
 								children: a
 							}) : a
 						}, t);
-					}) }, T(e.id ?? t));
+					}) }, v(e.id ?? t));
 				}) })]
 			})
 		})
@@ -893,31 +898,35 @@ function et({ config: t, parentEntity: r, parentId: a, schema: o }) {
 }
 //#endregion
 //#region src/components/detail-layout/ChildrenList.tsx
-function tt({ config: e, parentEntity: t, parentId: n, schema: r }) {
-	let i = r.entities[e.entity], a = x(), { data: o, isLoading: c, isError: l } = d(t, n, e.entity, e.foreign_key, e.sort, e.limit), u = o?.data ?? [], f = o?.$refs, p = e.columns;
+function nt({ config: e, parentEntity: t, parentId: n, schema: r }) {
+	let i = r.entities[e.entity], a = A(), o = A("errors"), { data: s, isLoading: l, isError: u } = c(t, n, e.entity, e.foreign_key, e.sort, e.limit), d = s?.data ?? [], f = s?.$refs, p = e.columns;
 	if (!i) return /* @__PURE__ */ Y("div", {
 		style: {
 			fontSize: 12.5,
 			color: "var(--text-3)",
 			padding: "8px 0"
 		},
-		children: "Entity not found."
+		children: o("record.related_entity_not_found", "The related record type is not declared in this deployment.")
 	});
-	let m = /* @__PURE__ */ Y(Ye, {
+	let m = /* @__PURE__ */ Y(Xe, {
 		config: e,
 		parentEntity: t,
 		parentId: n,
 		schema: r
 	});
-	if (l) return /* @__PURE__ */ X("div", { children: [m, /* @__PURE__ */ Y("div", {
+	if (u) return /* @__PURE__ */ X("div", { children: [m, /* @__PURE__ */ X("div", {
 		style: {
 			fontSize: 12.5,
 			color: "var(--danger)",
 			padding: "8px 0"
 		},
-		children: "Failed to load. Try again."
+		children: [
+			o("record.related_rows_unreadable", "The related records could not be loaded."),
+			" ",
+			a("record.related.try_again", "Try again.")
+		]
 	})] });
-	if (c) return /* @__PURE__ */ X("div", { children: [m, /* @__PURE__ */ X("div", {
+	if (l) return /* @__PURE__ */ X("div", { children: [m, /* @__PURE__ */ X("div", {
 		style: {
 			display: "flex",
 			flexDirection: "column",
@@ -943,13 +952,13 @@ function tt({ config: e, parentEntity: t, parentId: n, schema: r }) {
 			} })
 		]
 	})] });
-	if (u.length === 0) return /* @__PURE__ */ X("div", { children: [m, /* @__PURE__ */ Y("div", {
+	if (d.length === 0) return /* @__PURE__ */ X("div", { children: [m, /* @__PURE__ */ Y("div", {
 		style: {
 			fontSize: 12.5,
 			color: "var(--text-3)",
 			padding: "12px 0"
 		},
-		children: "No records yet."
+		children: a("record.related.empty", "No records yet.")
 	})] });
 	let h = p.length > 0 ? i.display.display_field ?? p[0] : i.display.display_field;
 	return /* @__PURE__ */ X("div", { children: [m, /* @__PURE__ */ Y("div", {
@@ -957,8 +966,8 @@ function tt({ config: e, parentEntity: t, parentId: n, schema: r }) {
 			display: "flex",
 			flexDirection: "column"
 		},
-		children: u.map((e, t) => {
-			let n = typeof e.$display == "string" ? e[s] : "";
+		children: d.map((e, t) => {
+			let n = typeof e.$display == "string" ? e[b] : "";
 			return /* @__PURE__ */ Y("div", {
 				style: {
 					display: "flex",
@@ -979,15 +988,15 @@ function tt({ config: e, parentEntity: t, parentId: n, schema: r }) {
 							textOverflow: "ellipsis",
 							whiteSpace: "nowrap"
 						},
-						children: n || (h && i.fields.get(h) ? M({
+						children: n || (h && i.fields.get(h) ? C({
 							field: i.fields.get(h),
 							fieldName: h,
 							value: e[h],
 							mode: "display",
 							record: e,
 							refs: f,
-							locale: a
-						}) : h && e[h] != null ? T(e[h]) : null)
+							t: a
+						}) : h && e[h] != null ? v(e[h]) : null)
 					}), p.length > 1 && (() => {
 						let t = p.slice(1, 3).filter((t) => e[t] != null);
 						return t.length === 0 ? null : /* @__PURE__ */ Y("div", {
@@ -998,54 +1007,58 @@ function tt({ config: e, parentEntity: t, parentId: n, schema: r }) {
 								textOverflow: "ellipsis",
 								whiteSpace: "nowrap"
 							},
-							children: t.map((t, n) => /* @__PURE__ */ X("span", { children: [n > 0 && " · ", i.fields.get(t) ? M({
+							children: t.map((t, n) => /* @__PURE__ */ X("span", { children: [n > 0 && " · ", i.fields.get(t) ? C({
 								field: i.fields.get(t),
 								fieldName: t,
 								value: e[t],
 								mode: "display",
 								record: e,
 								refs: f,
-								locale: a
+								t: a
 							}) : String(e[t])] }, t))
 						});
 					})()]
 				})
-			}, T(e.id ?? t));
+			}, v(e.id ?? t));
 		})
 	})] });
 }
 //#endregion
 //#region src/components/detail-layout/ChildrenCards.tsx
-function nt({ config: e, parentEntity: t, parentId: n, schema: r }) {
-	let i = r.entities[e.entity], a = x(), { data: o, isLoading: s, isError: c } = d(t, n, e.entity, e.foreign_key, e.sort, e.limit), l = o?.data ?? [], u = o?.$refs, f = e.columns, p = e.cards, m = p?.header_field ?? f[0], h = p?.badge_field, g = p?.columns_count ?? 3;
+function rt({ config: e, parentEntity: t, parentId: n, schema: r }) {
+	let i = r.entities[e.entity], o = A(), s = A("errors"), { data: l, isLoading: u, isError: d } = c(t, n, e.entity, e.foreign_key, e.sort, e.limit), p = l?.data ?? [], m = l?.$refs, h = e.columns, g = e.cards, _ = g?.header_field ?? h[0], y = g?.badge_field, b = g?.columns_count ?? 3;
 	if (!i) return /* @__PURE__ */ Y("div", {
 		style: {
 			fontSize: 12.5,
 			color: "var(--text-3)",
 			padding: "8px 0"
 		},
-		children: "Entity not found."
+		children: s("record.related_entity_not_found", "The related record type is not declared in this deployment.")
 	});
-	let _ = {
+	let x = {
 		display: "grid",
-		gridTemplateColumns: `repeat(auto-fill, minmax(${g >= 4 ? 180 : 240}px, 1fr))`,
+		gridTemplateColumns: `repeat(auto-fill, minmax(${b >= 4 ? 180 : 240}px, 1fr))`,
 		gap: 12
-	}, v = /* @__PURE__ */ Y(Ye, {
+	}, S = /* @__PURE__ */ Y(Xe, {
 		config: e,
 		parentEntity: t,
 		parentId: n,
 		schema: r
 	});
-	if (c) return /* @__PURE__ */ X("div", { children: [v, /* @__PURE__ */ Y("div", {
+	if (d) return /* @__PURE__ */ X("div", { children: [S, /* @__PURE__ */ X("div", {
 		style: {
 			fontSize: 12.5,
 			color: "var(--danger)",
 			padding: "8px 0"
 		},
-		children: "Failed to load. Try again."
+		children: [
+			s("record.related_rows_unreadable", "The related records could not be loaded."),
+			" ",
+			o("record.related.try_again", "Try again.")
+		]
 	})] });
-	if (s) return /* @__PURE__ */ X("div", { children: [v, /* @__PURE__ */ Y("div", {
-		style: _,
+	if (u) return /* @__PURE__ */ X("div", { children: [S, /* @__PURE__ */ Y("div", {
+		style: x,
 		children: [
 			0,
 			1,
@@ -1056,18 +1069,18 @@ function nt({ config: e, parentEntity: t, parentId: n, schema: r }) {
 			borderRadius: 10
 		} }, e))
 	})] });
-	if (l.length === 0) return /* @__PURE__ */ X("div", { children: [v, /* @__PURE__ */ Y("div", {
+	if (p.length === 0) return /* @__PURE__ */ X("div", { children: [S, /* @__PURE__ */ Y("div", {
 		style: {
 			fontSize: 12.5,
 			color: "var(--text-3)",
 			padding: "12px 0"
 		},
-		children: "No records yet."
+		children: o("record.related.empty", "No records yet.")
 	})] });
-	let y = f.filter((e) => e !== m && e !== h);
-	return /* @__PURE__ */ X("div", { children: [v, /* @__PURE__ */ Y("div", {
-		style: _,
-		children: l.map((t, n) => /* @__PURE__ */ X("div", {
+	let w = h.filter((e) => e !== _ && e !== y);
+	return /* @__PURE__ */ X("div", { children: [S, /* @__PURE__ */ Y("div", {
+		style: x,
+		children: p.map((e, t) => /* @__PURE__ */ X("div", {
 			style: {
 				background: "var(--surface)",
 				border: "1px solid var(--border)",
@@ -1081,7 +1094,7 @@ function nt({ config: e, parentEntity: t, parentId: n, schema: r }) {
 					alignItems: "center",
 					justifyContent: "space-between",
 					gap: 8,
-					borderBottom: y.length > 0 ? "1px solid var(--divider)" : "none"
+					borderBottom: w.length > 0 ? "1px solid var(--divider)" : "none"
 				},
 				children: [/* @__PURE__ */ Y("div", {
 					style: {
@@ -1091,38 +1104,38 @@ function nt({ config: e, parentEntity: t, parentId: n, schema: r }) {
 						textOverflow: "ellipsis",
 						whiteSpace: "nowrap"
 					},
-					children: m && i.fields.get(m) ? M({
-						field: i.fields.get(m),
-						fieldName: m,
-						value: t[m],
+					children: _ && i.fields.get(_) ? C({
+						field: i.fields.get(_),
+						fieldName: _,
+						value: e[_],
 						mode: "display",
-						record: t,
-						refs: u,
-						locale: a
-					}) : `Record ${n + 1}`
-				}), h && t[h] != null && /* @__PURE__ */ Y(P, {
+						record: e,
+						refs: m,
+						t: o
+					}) : o("record.related.card_title", "Record {number}", { number: t + 1 })
+				}), y && e[y] != null && /* @__PURE__ */ Y(a, {
 					tone: "slate",
 					size: "xs",
-					children: i.fields.get(h) ? M({
-						field: i.fields.get(h),
-						fieldName: h,
-						value: t[h],
+					children: i.fields.get(y) ? C({
+						field: i.fields.get(y),
+						fieldName: y,
+						value: e[y],
 						mode: "display",
-						record: t,
-						refs: u,
-						locale: a
-					}) : T(t[h])
+						record: e,
+						refs: m,
+						t: o
+					}) : v(e[y])
 				})]
-			}), y.length > 0 && /* @__PURE__ */ Y("div", {
+			}), w.length > 0 && /* @__PURE__ */ Y("div", {
 				style: {
 					padding: "10px 14px",
 					display: "flex",
 					flexDirection: "column",
 					gap: 4
 				},
-				children: y.slice(0, 4).map((n) => {
-					let o = i.fields.get(n);
-					return o ? /* @__PURE__ */ X("div", {
+				children: w.slice(0, 4).map((t) => {
+					let n = i.fields.get(t);
+					return n ? /* @__PURE__ */ X("div", {
 						style: {
 							display: "flex",
 							alignItems: "baseline",
@@ -1134,41 +1147,41 @@ function nt({ config: e, parentEntity: t, parentId: n, schema: r }) {
 								color: "var(--text-3)",
 								flexShrink: 0
 							},
-							children: [r.entities[e.entity]?.fields.get(n)?.display?.name ? Object.values(r.entities[e.entity].fields.get(n).display.name)[0] : n, ":"]
+							children: [f(o, n, t, r.entities), ":"]
 						}), /* @__PURE__ */ Y("span", {
 							style: {
 								overflow: "hidden",
 								textOverflow: "ellipsis",
 								whiteSpace: "nowrap"
 							},
-							children: M({
-								field: o,
-								fieldName: n,
-								value: t[n],
+							children: C({
+								field: n,
+								fieldName: t,
+								value: e[t],
 								mode: "display",
-								record: t,
-								refs: u,
-								locale: a
+								record: e,
+								refs: m,
+								t: o
 							})
 						})]
-					}, n) : null;
+					}, t) : null;
 				})
 			})]
-		}, T(t.id ?? n)))
+		}, v(e.id ?? t)))
 	})] });
 }
 //#endregion
 //#region src/hooks/useTimelineData.ts
-var rt = 50;
-function it(e, t, n, r, i, a) {
-	let s = Array.isArray(r) ? r : [r], c = Array.isArray(r) ? S(t, s.length) : [t], l = a ?? rt, u = ye({
+var it = 50;
+function at(e, t, n, i, a, o) {
+	let s = Array.isArray(i) ? i : [i], c = Array.isArray(i) ? T(t, s.length) : [t], l = o ?? it, u = be({
 		queryKey: [
-			o,
+			r,
 			e,
 			t,
 			n,
 			"timeline",
-			i,
+			a,
 			l
 		],
 		queryFn: ({ pageParam: e }) => {
@@ -1179,14 +1192,14 @@ function it(e, t, n, r, i, a) {
 				op: "eq",
 				value: c[t]
 			}));
-			return t.set("filters", JSON.stringify(r)), i ? t.set("sort", `${i}:desc`) : typeof console < "u" && console.warn(`[useTimelineData] no time_field for ${n}; fetch order falls back to API default`), t.set("limit", String(l)), e && t.set("after", e), ee(`/api/data/${n}?${t.toString()}`);
+			return t.set("filters", JSON.stringify(r)), a ? t.set("sort", `${a}:desc`) : typeof console < "u" && console.warn(`[useTimelineData] no time_field for ${n}; fetch order falls back to API default`), t.set("limit", String(l)), e && t.set("after", e), O(`/api/data/${n}?${t.toString()}`);
 		},
 		getNextPageParam: (e) => e.meta?.has_more ? e.meta.cursor : void 0,
 		initialPageParam: void 0,
-		enabled: !!e && !!t && !!n && !!r && c !== null
+		enabled: !!e && !!t && !!n && !!i && c !== null
 	});
 	return {
-		rows: G(() => u.data?.pages.flatMap((e) => e.data) ?? [], [u.data?.pages]),
+		rows: ye(() => u.data?.pages.flatMap((e) => e.data) ?? [], [u.data?.pages]),
 		refs: u.data?.pages[0]?.$refs,
 		fetchNextPage: u.fetchNextPage,
 		hasOlder: !!u.hasNextPage,
@@ -1197,28 +1210,28 @@ function it(e, t, n, r, i, a) {
 }
 //#endregion
 //#region src/components/detail-layout/TimelineComposer.tsx
-var at = "quick_entry", ot = 100, st = 240, ct = 800, lt = 80;
-function ut({ config: t, parentEntity: n, parentId: r, schema: i }) {
-	let { values: a, quickAdd: o, childEntity: s, isPending: l, error: u, isReady: d, handleSubmit: f, handleFieldChange: p } = Je(t, n, r, i), m = x(), [h, _] = q(st), v = K(null), y = K(null), [b, S] = q(ct);
-	W(() => {
+var ot = "quick_entry", st = 100, ct = 240, lt = 800, ut = 80;
+function dt({ config: t, parentEntity: n, parentId: r, schema: i }) {
+	let { values: a, quickAdd: o, childEntity: s, isPending: c, error: u, isReady: d, handleSubmit: f, handleFieldChange: p } = Ye(t, n, r, i), m = A(), h = A("errors"), [g, _] = q(ct), v = K(null), y = K(null), [b, x] = q(lt);
+	G(() => {
 		let e = y.current?.parentElement;
 		if (!e) return;
 		let t = () => {
-			let t = Math.max(ot, e.clientHeight - lt);
-			S(Math.min(ct, t));
+			let t = Math.max(st, e.clientHeight - ut);
+			x(Math.min(lt, t));
 		};
 		t();
 		let n = new ResizeObserver(t);
 		return n.observe(e), () => n.disconnect();
-	}, []), W(() => {
+	}, []), G(() => {
 		_((e) => Math.min(e, b));
 	}, [b]);
-	let C = K(a);
-	C.current = a;
+	let S = K(a);
+	S.current = a;
 	let w = K(p);
 	w.current = p;
-	let T = K({}), E = G(() => ({
-		getField: (e) => C.current[e],
+	let T = K({}), E = ye(() => ({
+		getField: (e) => S.current[e],
 		setField: (e, t) => {
 			w.current(e, t);
 		},
@@ -1227,45 +1240,45 @@ function ut({ config: t, parentEntity: n, parentId: r, schema: i }) {
 			t && (t.querySelector("textarea, input, select, [contenteditable]") ?? t).focus();
 		}
 	}), []);
-	W(() => c(at, E), [E]);
-	let D = U((e) => {
+	G(() => D(ot, E), [E]);
+	let O = W((e) => {
 		e.preventDefault(), v.current = {
 			startY: e.clientY,
-			startHeight: h
+			startHeight: g
 		};
 		let t = (e) => {
 			if (!v.current) return;
-			let t = v.current.startY - e.clientY, n = Math.min(b, Math.max(ot, v.current.startHeight + t));
+			let t = v.current.startY - e.clientY, n = Math.min(b, Math.max(st, v.current.startHeight + t));
 			_(n);
 		}, n = () => {
 			v.current = null, document.removeEventListener("mousemove", t), document.removeEventListener("mouseup", n);
 		};
 		document.addEventListener("mousemove", t), document.addEventListener("mouseup", n);
-	}, [h, b]);
+	}, [g, b]);
 	if (!o || o.fields.length === 0 || !s) return null;
-	let O = o.fields.find((e) => {
+	let j = o.fields.find((e) => {
 		let t = s.fields.get(e);
 		return t && (t.type === "text" || t.type === "string");
-	}), k = [], A = [];
+	}), M = [], N = [];
 	for (let e of o.fields) {
-		if (e === O) continue;
+		if (e === j) continue;
 		let t = s.fields.get(e);
-		t && (t.type === "enum" ? k.push(e) : A.push(e));
+		t && (t.type === "enum" ? M.push(e) : N.push(e));
 	}
-	let j = (e) => {
+	let P = (e) => {
 		let t = s.fields.get(e);
 		return t ? /* @__PURE__ */ Y("div", {
 			ref: (t) => {
 				T.current[e] = t;
 			},
-			children: M({
+			children: C({
 				field: t,
 				fieldName: e,
 				value: a[e] ?? "",
 				mode: "edit",
 				onChange: (t) => p(e, t),
 				record: a,
-				locale: m
+				t: m
 			})
 		}, e) : null;
 	};
@@ -1277,11 +1290,11 @@ function ut({ config: t, parentEntity: n, parentId: r, schema: i }) {
 			background: "var(--surface)",
 			display: "flex",
 			flexDirection: "column",
-			height: `${h}px`
+			height: `${g}px`
 		},
 		children: [/* @__PURE__ */ Y("div", {
-			onMouseDown: D,
-			title: "Drag to resize",
+			onMouseDown: O,
+			title: m("record.layout.drag_to_resize", "Drag to resize"),
 			style: {
 				height: 12,
 				cursor: "row-resize",
@@ -1310,7 +1323,7 @@ function ut({ config: t, parentEntity: n, parentId: r, schema: i }) {
 				padding: "0 12px 8px"
 			},
 			children: [
-				k.length > 0 && /* @__PURE__ */ Y("div", {
+				M.length > 0 && /* @__PURE__ */ Y("div", {
 					style: {
 						display: "flex",
 						flexWrap: "wrap",
@@ -1318,26 +1331,26 @@ function ut({ config: t, parentEntity: n, parentId: r, schema: i }) {
 						gap: 6,
 						flexShrink: 0
 					},
-					children: k.map(j)
+					children: M.map(P)
 				}),
-				O && s.fields.get(O) && /* @__PURE__ */ Y("div", {
+				j && s.fields.get(j) && /* @__PURE__ */ Y("div", {
 					style: {
 						flex: 1,
 						minHeight: 0,
 						display: "flex"
 					},
 					ref: (e) => {
-						T.current[O] = e;
+						T.current[j] = e;
 					},
-					children: M({
-						field: s.fields.get(O),
-						fieldName: O,
-						value: a[O] ?? "",
+					children: C({
+						field: s.fields.get(j),
+						fieldName: j,
+						value: a[j] ?? "",
 						mode: "edit",
-						onChange: (e) => p(O, e),
+						onChange: (e) => p(j, e),
 						record: a,
 						fill: !0,
-						locale: m
+						t: m
 					})
 				}),
 				/* @__PURE__ */ X("div", {
@@ -1348,35 +1361,31 @@ function ut({ config: t, parentEntity: n, parentId: r, schema: i }) {
 						gap: 6,
 						flexShrink: 0
 					},
-					children: [A.map(j), /* @__PURE__ */ X("div", {
+					children: [N.map(P), /* @__PURE__ */ X("div", {
 						style: {
 							marginLeft: "auto",
 							display: "flex",
 							alignItems: "center",
 							gap: 8
 						},
-						children: [/* @__PURE__ */ X("span", {
+						children: [/* @__PURE__ */ Y("span", {
 							style: {
 								fontSize: 10.5,
 								color: "var(--text-4)"
 							},
-							children: [
-								/* @__PURE__ */ Y("span", {
-									className: "mono",
-									children: "⌘"
-								}),
-								/* @__PURE__ */ Y("span", {
-									className: "mono",
-									children: "↵"
-								}),
-								" to add"
-							]
-						}), /* @__PURE__ */ Y(g, {
+							children: k(m("record.related.shortcut_to_add", "{keys} to add"), { keys: /* @__PURE__ */ X(J, { children: [/* @__PURE__ */ Y("span", {
+								className: "mono",
+								children: "⌘"
+							}), /* @__PURE__ */ Y("span", {
+								className: "mono",
+								children: "↵"
+							})] }) })
+						}), /* @__PURE__ */ Y(l, {
 							type: "submit",
 							kind: "primary",
 							icon: /* @__PURE__ */ Y(e.plus, { size: 13 }),
-							disabled: l || !d,
-							children: "Add"
+							disabled: c || !d,
+							children: m("record.related.add", "Add")
 						})]
 					})]
 				}),
@@ -1387,7 +1396,7 @@ function ut({ config: t, parentEntity: n, parentId: r, schema: i }) {
 						margin: 0,
 						flexShrink: 0
 					},
-					children: u.message
+					children: U(h, u)
 				})
 			]
 		})]
@@ -1395,107 +1404,107 @@ function ut({ config: t, parentEntity: n, parentId: r, schema: i }) {
 }
 //#endregion
 //#region src/components/detail-layout/ChildrenTimeline.tsx
-var dt = 80, ft = 200, pt = 6, mt = 2e4, ht = 280;
-function gt(e) {
-	if (e.length > ht) return !0;
+var ft = 80, pt = 200, mt = 6, ht = 2e4, gt = 280;
+function _t(e) {
+	if (e.length > gt) return !0;
 	let t = 0;
-	for (let n of e) if (n === "\n" && ++t >= pt) return !0;
+	for (let n of e) if (n === "\n" && ++t >= mt) return !0;
 	return !1;
 }
-function _t(e, t) {
-	if (vt(t)) {
+function vt(e, t) {
+	if (yt(t)) {
 		let e = t.id;
-		return e == null ? "" : T(e);
+		return e == null ? "" : v(e);
 	}
-	return r(p(e, t));
+	return V(h(e, t));
 }
-function vt(e) {
+function yt(e) {
 	return e.__optimistic === !0;
 }
-function yt({ config: e, parentEntity: t, parentId: n, schema: r }) {
-	let i = r.entities[e.entity], { rows: a, refs: o, fetchNextPage: s, hasOlder: c, isFetchingOlder: l, isLoading: u, isError: d } = it(t, n, e.entity, e.foreign_key, e.timeline?.time_field, e.limit), p = e.timeline, m = p?.scroll ?? !1, h = (e.sort ?? "").endsWith(":asc"), _ = G(() => h ? [...a].reverse() : a, [a, h]), v = p?.auto_scroll ?? "none", y = K(null), b = K(null), x = K(!1), S = K(0), C = K(null), w = K(null), T = K(!0), D = K(null);
-	W(() => {
-		x.current = !1, S.current = 0, C.current = null, w.current = null, T.current = !0, D.current = null;
+function bt({ config: e, parentEntity: t, parentId: n, schema: r }) {
+	let i = A(), a = A("errors"), o = r.entities[e.entity], { rows: s, refs: c, fetchNextPage: u, hasOlder: d, isFetchingOlder: f, isLoading: p, isError: m } = at(t, n, e.entity, e.foreign_key, e.timeline?.time_field, e.limit), h = e.timeline, g = h?.scroll ?? !1, _ = (e.sort ?? "").endsWith(":asc"), v = ye(() => _ ? [...s].reverse() : s, [s, _]), y = h?.auto_scroll ?? "none", b = K(null), S = K(null), C = K(!1), w = K(0), T = K(null), E = K(null), D = K(!0), O = K(null);
+	G(() => {
+		C.current = !1, w.current = 0, T.current = null, E.current = null, D.current = !0, O.current = null;
 	}, [n]), ve(() => {
-		l && y.current && (D.current = {
-			scrollHeight: y.current.scrollHeight,
-			scrollTop: y.current.scrollTop
+		f && b.current && (O.current = {
+			scrollHeight: b.current.scrollHeight,
+			scrollTop: b.current.scrollTop
 		});
-	}, [l]), ve(() => {
-		let e = y.current;
-		if (!e || _.length === 0 || !i) {
-			S.current = _.length;
+	}, [f]), ve(() => {
+		let e = b.current;
+		if (!e || v.length === 0 || !o) {
+			w.current = v.length;
 			return;
 		}
-		let t = _t(i, _[0]), n = _t(i, _[_.length - 1]), r = !x.current, a = _.length > S.current && S.current > 0, o = a && (h && t !== C.current && n === w.current || !h && n !== w.current && t === C.current), s = a && !o;
-		if (r) h && v === "bottom" && (e.scrollTop = e.scrollHeight), x.current = !0;
-		else if (o && D.current) {
-			let t = D.current;
-			h && (e.scrollTop = t.scrollTop + (e.scrollHeight - t.scrollHeight)), D.current = null;
-		} else s && h && T.current && (e.scrollTop = e.scrollHeight);
-		S.current = _.length, C.current = t, w.current = n;
+		let t = vt(o, v[0]), n = vt(o, v[v.length - 1]), r = !C.current, i = v.length > w.current && w.current > 0, a = i && (_ && t !== T.current && n === E.current || !_ && n !== E.current && t === T.current), s = i && !a;
+		if (r) _ && y === "bottom" && (e.scrollTop = e.scrollHeight), C.current = !0;
+		else if (a && O.current) {
+			let t = O.current;
+			_ && (e.scrollTop = t.scrollTop + (e.scrollHeight - t.scrollHeight)), O.current = null;
+		} else s && _ && D.current && (e.scrollTop = e.scrollHeight);
+		w.current = v.length, T.current = t, E.current = n;
 	}, [
-		_,
 		v,
-		h,
-		i
+		y,
+		_,
+		o
 	]);
-	let O = U(() => {
-		let e = y.current;
-		e && (T.current = e.scrollHeight - e.scrollTop - e.clientHeight < dt);
-	}, []);
-	W(() => {
+	let k = W(() => {
 		let e = b.current;
+		e && (D.current = e.scrollHeight - e.scrollTop - e.clientHeight < ft);
+	}, []);
+	G(() => {
+		let e = S.current;
 		if (!e || typeof IntersectionObserver > "u") return;
 		let t = new IntersectionObserver((e) => {
-			for (let t of e) t.isIntersecting && c && !l && s();
+			for (let t of e) t.isIntersecting && d && !f && u();
 		}, {
-			root: y.current ?? null,
-			rootMargin: `${ft}px 0px 0px 0px`,
+			root: b.current ?? null,
+			rootMargin: `${pt}px 0px 0px 0px`,
 			threshold: 0
 		});
 		return t.observe(e), () => t.disconnect();
 	}, [
-		c,
-		l,
-		s
+		d,
+		f,
+		u
 	]);
-	let [k, A] = q(null);
-	if (!i) return /* @__PURE__ */ Y("div", {
+	let [j, M] = q(null);
+	if (!o) return /* @__PURE__ */ Y("div", {
 		style: {
 			fontSize: 12.5,
 			color: "var(--text-3)",
 			padding: "8px 0"
 		},
-		children: "Entity not found."
+		children: a("record.related_entity_not_found", "The related record type is not declared in this deployment.")
 	});
-	let j = e.quick_add?.fields ?? [p?.content_field].filter(Boolean), M = E(i.display?.name_plural) || E(i.display?.name) || e.entity, ee = c ? /* @__PURE__ */ Y("div", {
+	let N = e.quick_add?.fields ?? [h?.content_field].filter(Boolean), P = i(o.display?.name_plural) || i(o.display?.name) || e.entity, ee = d ? /* @__PURE__ */ Y("div", {
 		style: {
 			display: "flex",
 			justifyContent: "center",
 			padding: "6px 0"
 		},
-		children: /* @__PURE__ */ Y(g, {
+		children: /* @__PURE__ */ Y(l, {
 			size: "xs",
-			onClick: () => s(),
-			disabled: l,
-			icon: l ? /* @__PURE__ */ Y(f, { size: 11 }) : void 0,
-			children: l ? "Loading…" : "Load older"
+			onClick: () => u(),
+			disabled: f,
+			icon: f ? /* @__PURE__ */ Y(x, { size: 11 }) : void 0,
+			children: f ? i("record.loading", "Loading…") : i("record.timeline.load_older", "Load older")
 		})
-	}) : null, N = /* @__PURE__ */ Y("div", {
-		ref: b,
+	}) : null, F = /* @__PURE__ */ Y("div", {
+		ref: S,
 		"aria-hidden": "true",
 		style: { height: 1 }
-	}), P;
-	if (d) P = /* @__PURE__ */ Y("div", {
+	}), I;
+	if (m) I = /* @__PURE__ */ Y("div", {
 		style: {
 			fontSize: 12.5,
 			color: "var(--danger)",
 			padding: 12
 		},
-		children: "Failed to load."
+		children: a("record.related_rows_unreadable", "The related records could not be loaded.")
 	});
-	else if (u) P = /* @__PURE__ */ X("div", {
+	else if (p) I = /* @__PURE__ */ X("div", {
 		style: {
 			display: "flex",
 			flexDirection: "column",
@@ -1512,69 +1521,69 @@ function yt({ config: e, parentEntity: t, parentId: n, schema: r }) {
 			borderRadius: 8
 		} })]
 	});
-	else if (_.length === 0) P = /* @__PURE__ */ X(J, { children: [N, /* @__PURE__ */ Y("div", {
+	else if (v.length === 0) I = /* @__PURE__ */ X(J, { children: [F, /* @__PURE__ */ Y("div", {
 		style: {
 			fontSize: 12.5,
 			color: "var(--text-3)",
 			padding: 12
 		},
-		children: "No activity yet."
+		children: i("record.timeline.empty", "No activity yet.")
 	})] });
 	else {
-		let a = (a, s) => {
-			let c = _t(i, a) || String(s);
-			return /* @__PURE__ */ Y(bt, {
-				row: a,
-				rowId: c,
-				childEntity: i,
+		let a = (i, a) => {
+			let s = vt(o, i) || String(a);
+			return /* @__PURE__ */ Y(xt, {
+				row: i,
+				rowId: s,
+				childEntity: o,
 				entityCode: e.entity,
 				parentEntity: t,
 				parentId: n,
-				timeline: p,
-				editableFields: j,
-				refs: o,
-				isEditing: k === c,
-				onStartEdit: () => A(c),
-				onCancelEdit: () => A(null),
-				onSaved: () => A(null),
+				timeline: h,
+				editableFields: N,
+				refs: c,
+				isEditing: j === s,
+				onStartEdit: () => M(s),
+				onCancelEdit: () => M(null),
+				onSaved: () => M(null),
 				schema: r,
-				optimistic: vt(a)
-			}, c);
-		}, s = p?.time_field, c;
+				optimistic: yt(i)
+			}, s);
+		}, s = h?.time_field, l;
 		if (s) {
 			let e = [];
-			_.forEach((t, n) => {
-				let r = t[s], i = St(r), a = e[e.length - 1];
-				!a || a.key !== i ? e.push({
-					key: i,
-					label: Ct(r),
+			v.forEach((t, n) => {
+				let r = t[s], a = Ct(r), o = e[e.length - 1];
+				!o || o.key !== a ? e.push({
+					key: a,
+					label: wt(i, r),
 					rows: [{
 						row: t,
 						idx: n
 					}]
-				}) : a.rows.push({
+				}) : o.rows.push({
 					row: t,
 					idx: n
 				});
-			}), c = e.map((e) => /* @__PURE__ */ X("div", {
+			}), l = e.map((e) => /* @__PURE__ */ X("div", {
 				style: {
 					display: "flex",
 					flexDirection: "column",
 					gap: 8
 				},
-				children: [/* @__PURE__ */ Y(wt, {
+				children: [/* @__PURE__ */ Y(Tt, {
 					label: e.label,
 					count: e.rows.length
 				}), e.rows.map(({ row: e, idx: t }) => a(e, t))]
 			}, `day-${e.key}`));
-		} else c = _.map((e, t) => a(e, t));
-		P = /* @__PURE__ */ X(J, { children: [
-			N,
+		} else l = v.map((e, t) => a(e, t));
+		I = /* @__PURE__ */ X(J, { children: [
+			F,
 			ee,
-			c
+			l
 		] });
 	}
-	return m ? /* @__PURE__ */ X("div", {
+	return g ? /* @__PURE__ */ X("div", {
 		style: {
 			display: "flex",
 			flexDirection: "column",
@@ -1596,12 +1605,12 @@ function yt({ config: e, parentEntity: t, parentId: n, schema: r }) {
 						fontSize: 12.5,
 						fontWeight: 600
 					},
-					children: M
+					children: P
 				})
 			}),
 			/* @__PURE__ */ Y("div", {
-				ref: y,
-				onScroll: O,
+				ref: b,
+				onScroll: k,
 				style: {
 					flex: 1,
 					overflowY: "auto",
@@ -1610,9 +1619,9 @@ function yt({ config: e, parentEntity: t, parentId: n, schema: r }) {
 					flexDirection: "column",
 					gap: 8
 				},
-				children: P
+				children: I
 			}),
-			/* @__PURE__ */ Y(ut, {
+			/* @__PURE__ */ Y(dt, {
 				config: e,
 				parentEntity: t,
 				parentId: n,
@@ -1625,59 +1634,59 @@ function yt({ config: e, parentEntity: t, parentId: n, schema: r }) {
 			flexDirection: "column",
 			gap: 8
 		},
-		children: P
-	}), /* @__PURE__ */ Y(ut, {
+		children: I
+	}), /* @__PURE__ */ Y(dt, {
 		config: e,
 		parentEntity: t,
 		parentId: n,
 		schema: r
 	})] });
 }
-function bt({ row: t, rowId: r, childEntity: a, entityCode: s, parentEntity: c, parentId: l, timeline: u, editableFields: d, refs: p, isEditing: h, onStartEdit: _, onCancelEdit: v, onSaved: y, schema: b, optimistic: S = !1 }) {
-	let E = xe(), D = x(), [O, k] = q({}), A = U(() => {
-		E.invalidateQueries({ queryKey: [
-			o,
+function xt({ row: t, rowId: n, childEntity: i, entityCode: s, parentEntity: c, parentId: u, timeline: d, editableFields: p, refs: m, isEditing: h, onStartEdit: g, onCancelEdit: _, onSaved: b, schema: S, optimistic: w = !1 }) {
+	let T = A(), E = A("errors"), D = Se(), [O, j] = q({}), M = W(() => {
+		D.invalidateQueries({ queryKey: [
+			r,
 			c,
-			l,
+			u,
 			s
 		] });
 	}, [
-		E,
+		D,
 		c,
-		l,
+		u,
 		s
-	]), j = be({
+	]), N = xe({
 		mutationFn: (e) => {
-			let n = t.$row_version, i = typeof n == "string" && n !== "" ? {
+			let r = t.$row_version, i = typeof r == "string" && r !== "" ? {
 				...e,
-				$row_version: n
+				$row_version: r
 			} : e;
-			return w(s, r, i);
+			return ne(s, n, i);
 		},
 		onSuccess: () => {
-			A(), C.success("Updated"), y();
+			M(), y.success(T("record.timeline.updated", "Updated")), b();
 		},
-		onError: (e) => C.error(e.message)
-	}), ee = be({
-		mutationFn: () => m(s, r),
+		onError: (e) => y.error(U(E, e))
+	}), P = xe({
+		mutationFn: () => te(s, n),
 		onSuccess: () => {
-			A(), C.success("Deleted");
+			M(), y.success(T("record.timeline.deleted", "Deleted"));
 		},
-		onError: (e) => C.error(e.message)
-	}), N = U(() => {
+		onError: (e) => y.error(U(E, e))
+	}), ee = W(() => {
 		let e = {};
-		for (let n of d) e[n] = t[n] ?? "";
-		k(e), _();
+		for (let n of p) e[n] = t[n] ?? "";
+		j(e), g();
 	}, [
 		t,
-		d,
-		_
-	]), F = U((e, t) => {
-		k((n) => ({
+		p,
+		g
+	]), F = W((e, t) => {
+		j((n) => ({
 			...n,
 			[e]: t
 		}));
-	}, []), I = u?.time_field, L = u?.type_field, R = u?.summary_field, z = u?.content_field, B = u?.author_field, V = u?.direction_field, H = u?.intent_field;
+	}, []), I = d?.time_field, L = d?.type_field, R = d?.summary_field, z = d?.content_field, B = d?.author_field, V = d?.direction_field, H = d?.intent_field;
 	return h ? /* @__PURE__ */ X("div", {
 		style: {
 			borderRadius: 10,
@@ -1688,8 +1697,8 @@ function bt({ row: t, rowId: r, childEntity: a, entityCode: s, parentEntity: c,
 			flexDirection: "column",
 			gap: 8
 		},
-		children: [d.map((e) => {
-			let t = a.fields.get(e);
+		children: [p.map((e) => {
+			let t = i.fields.get(e);
 			return t ? /* @__PURE__ */ X("div", { children: [/* @__PURE__ */ Y("label", {
 				style: {
 					fontSize: 11,
@@ -1697,15 +1706,15 @@ function bt({ row: t, rowId: r, childEntity: a, entityCode: s, parentEntity: c,
 					marginBottom: 4,
 					display: "block"
 				},
-				children: n(t, e, b.entities)
-			}), M({
+				children: f(T, t, e, S.entities)
+			}), C({
 				field: t,
 				fieldName: e,
 				value: O[e] ?? "",
 				mode: "edit",
 				onChange: (t) => F(e, t),
 				record: O,
-				locale: D
+				t: T
 			})] }, e) : null;
 		}), /* @__PURE__ */ X("div", {
 			style: {
@@ -1714,33 +1723,33 @@ function bt({ row: t, rowId: r, childEntity: a, entityCode: s, parentEntity: c,
 				gap: 6,
 				paddingTop: 4
 			},
-			children: [/* @__PURE__ */ Y(g, {
+			children: [/* @__PURE__ */ Y(l, {
 				kind: "primary",
 				size: "xs",
-				icon: j.isPending ? /* @__PURE__ */ Y(f, { size: 12 }) : /* @__PURE__ */ Y(e.check, { size: 12 }),
-				onClick: () => j.mutate(O),
-				disabled: j.isPending,
-				children: j.isPending ? "Saving…" : "Save"
-			}), /* @__PURE__ */ Y(g, {
+				icon: N.isPending ? /* @__PURE__ */ Y(x, { size: 12 }) : /* @__PURE__ */ Y(e.check, { size: 12 }),
+				onClick: () => N.mutate(O),
+				disabled: N.isPending,
+				children: N.isPending ? T("dialog.saving", "Saving…") : T("dialog.save", "Save")
+			}), /* @__PURE__ */ Y(l, {
 				size: "xs",
 				icon: /* @__PURE__ */ Y(e.x, { size: 12 }),
 				onClick: () => {
-					k({}), v();
+					j({}), _();
 				},
-				disabled: j.isPending,
-				children: "Cancel"
+				disabled: N.isPending,
+				children: T("dialog.cancel", "Cancel")
 			})]
 		})]
 	}) : /* @__PURE__ */ X("div", {
 		className: "group",
-		"data-optimistic": S || void 0,
+		"data-optimistic": w || void 0,
 		style: {
 			borderRadius: 10,
 			border: "1px solid var(--border)",
 			background: "var(--surface)",
 			padding: 12,
 			transition: "border-color .12s",
-			opacity: S ? .6 : 1
+			opacity: w ? .6 : 1
 		},
 		onMouseEnter: (e) => e.currentTarget.style.borderColor = "var(--border-strong)",
 		onMouseLeave: (e) => e.currentTarget.style.borderColor = "var(--border)",
@@ -1755,135 +1764,131 @@ function bt({ row: t, rowId: r, childEntity: a, entityCode: s, parentEntity: c,
 					color: "var(--text-3)"
 				},
 				children: [
-					I && t[I] != null && a.fields.get(I) && /* @__PURE__ */ Y("span", {
+					I && t[I] != null && i.fields.get(I) && /* @__PURE__ */ Y("span", {
 						style: { fontWeight: 500 },
-						children: M({
-							field: a.fields.get(I),
+						children: C({
+							field: i.fields.get(I),
 							fieldName: I,
 							value: t[I],
 							mode: "display",
 							record: t,
-							refs: p,
-							locale: D
+							refs: m,
+							t: T
 						})
 					}),
-					L && t[L] != null && a.fields.get(L) && /* @__PURE__ */ Y(P, {
+					L && t[L] != null && i.fields.get(L) && /* @__PURE__ */ Y(a, {
 						tone: "slate",
 						size: "xs",
-						children: M({
-							field: a.fields.get(L),
+						children: C({
+							field: i.fields.get(L),
 							fieldName: L,
 							value: t[L],
 							mode: "display",
 							record: t,
-							refs: p,
-							locale: D
+							refs: m,
+							t: T
 						})
 					}),
-					V && t[V] != null && a.fields.get(V) && /* @__PURE__ */ Y(Tt, {
+					V && t[V] != null && i.fields.get(V) && /* @__PURE__ */ Y(Et, {
 						value: t[V],
-						field: a.fields.get(V)
+						field: i.fields.get(V)
 					}),
-					H && t[H] != null && a.fields.get(H) && /* @__PURE__ */ Y(P, {
+					H && t[H] != null && i.fields.get(H) && /* @__PURE__ */ Y(a, {
 						tone: "slate",
 						size: "xs",
-						children: M({
-							field: a.fields.get(H),
+						children: C({
+							field: i.fields.get(H),
 							fieldName: H,
 							value: t[H],
 							mode: "display",
 							record: t,
-							refs: p,
-							locale: D
+							refs: m,
+							t: T
 						})
 					}),
-					B && t[B] != null && a.fields.get(B) && /* @__PURE__ */ X("span", { children: [
-						"by",
-						" ",
-						M({
-							field: a.fields.get(B),
-							fieldName: B,
-							value: t[B],
-							mode: "display",
-							record: t,
-							refs: p,
-							locale: D
-						})
-					] }),
-					!S && /* @__PURE__ */ X("div", {
+					B && t[B] != null && i.fields.get(B) && /* @__PURE__ */ Y("span", { children: k(T("record.timeline.by_author", "by {author}"), { author: C({
+						field: i.fields.get(B),
+						fieldName: B,
+						value: t[B],
+						mode: "display",
+						record: t,
+						refs: m,
+						t: T
+					}) }) }),
+					!w && /* @__PURE__ */ X("div", {
 						style: {
 							marginLeft: "auto",
 							display: "flex",
 							alignItems: "center",
 							gap: 2
 						},
-						children: [/* @__PURE__ */ Y(i, {
+						children: [/* @__PURE__ */ Y(o, {
 							size: 22,
 							icon: /* @__PURE__ */ Y(e.edit, { size: 11 }),
-							onClick: N,
-							title: "Edit"
-						}), /* @__PURE__ */ Y(i, {
+							onClick: ee,
+							title: T("record.action.edit", "Edit")
+						}), /* @__PURE__ */ Y(o, {
 							size: 22,
 							icon: /* @__PURE__ */ Y(e.trash, { size: 11 }),
-							onClick: () => ee.mutate(),
-							title: "Delete"
+							onClick: () => P.mutate(),
+							title: T("record.action.delete", "Delete")
 						})]
 					})
 				]
 			}),
-			R && t[R] != null && a.fields.get(R) && /* @__PURE__ */ Y("div", {
+			R && t[R] != null && i.fields.get(R) && /* @__PURE__ */ Y("div", {
 				style: {
 					fontSize: 12.5,
 					fontWeight: 500,
 					marginTop: 6
 				},
-				children: M({
-					field: a.fields.get(R),
+				children: C({
+					field: i.fields.get(R),
 					fieldName: R,
 					value: t[R],
 					mode: "display",
 					record: t,
-					refs: p,
-					locale: D
+					refs: m,
+					t: T
 				})
 			}),
-			z && t[z] != null && z !== R && a.fields.get(z) && /* @__PURE__ */ Y(xt, {
-				rendered: M({
-					field: a.fields.get(z),
+			z && t[z] != null && z !== R && i.fields.get(z) && /* @__PURE__ */ Y(St, {
+				rendered: C({
+					field: i.fields.get(z),
 					fieldName: z,
 					value: t[z],
 					mode: "display",
 					record: t,
-					refs: p,
-					locale: D
+					refs: m,
+					t: T
 				}),
-				text: T(t[z])
+				text: v(t[z])
 			})
 		]
 	});
 }
-function xt({ rendered: e, text: t }) {
-	let n = {
+function St({ rendered: e, text: t }) {
+	let n = A(), r = {
 		fontSize: 12.5,
 		fontWeight: 400,
 		marginTop: 6
 	};
-	if (!gt(t)) return /* @__PURE__ */ Y("div", {
-		style: n,
+	if (!_t(t)) return /* @__PURE__ */ Y("div", {
+		style: r,
 		children: e
 	});
-	let r = t.length > mt, i = r ? t.slice(0, mt) : t;
+	let i = t.length > ht, a = i ? t.slice(0, ht) : t;
 	return /* @__PURE__ */ Y("div", {
 		style: {
-			...n,
+			...r,
 			display: "-webkit-box",
 			WebkitBoxOrient: "vertical",
-			WebkitLineClamp: pt,
+			WebkitLineClamp: mt,
 			overflow: "hidden",
 			whiteSpace: "pre-wrap",
 			overflowWrap: "anywhere"
 		},
-		children: /* @__PURE__ */ Y(l, {
+		children: /* @__PURE__ */ Y(s, {
 			width: 380,
 			content: /* @__PURE__ */ X("div", {
 				style: {
@@ -1891,38 +1896,38 @@ function xt({ rendered: e, text: t }) {
 					whiteSpace: "pre-wrap",
 					overflowWrap: "anywhere"
 				},
-				children: [i, r && /* @__PURE__ */ Y("div", {
+				children: [a, i && /* @__PURE__ */ Y("div", {
 					style: {
 						marginTop: 8,
 						fontSize: 11,
 						color: "var(--text-3)"
 					},
-					children: "Truncated for display - open the record for the full text."
+					children: n("record.timeline.truncated", "Truncated for display - open the record for the full text.")
 				})]
 			}),
 			children: e
 		})
 	});
 }
-function St(e) {
+function Ct(e) {
 	if (e == null) return "";
-	let t = new Date(T(e));
+	let t = new Date(v(e));
 	return Number.isNaN(t.getTime()) ? "" : `${t.getFullYear()}-${t.getMonth()}-${t.getDate()}`;
 }
-function Ct(e) {
-	if (e == null) return "—";
-	let t = new Date(T(e));
-	if (Number.isNaN(t.getTime())) return "—";
-	let n = /* @__PURE__ */ new Date(), r = /* @__PURE__ */ new Date();
-	r.setDate(n.getDate() - 1);
-	let i = (e, t) => e.toDateString() === t.toDateString();
-	return i(t, n) ? "Today" : i(t, r) ? "Yesterday" : t.toLocaleDateString(void 0, {
+function wt(e, t) {
+	if (t == null) return "—";
+	let n = new Date(v(t));
+	if (Number.isNaN(n.getTime())) return "—";
+	let r = /* @__PURE__ */ new Date(), i = /* @__PURE__ */ new Date();
+	i.setDate(r.getDate() - 1);
+	let a = (e, t) => e.toDateString() === t.toDateString();
+	return a(n, r) ? e("record.timeline.today", "Today") : a(n, i) ? e("record.timeline.yesterday", "Yesterday") : n.toLocaleDateString(e.language, {
 		weekday: "short",
 		month: "short",
 		day: "numeric"
 	});
 }
-function wt({ label: e, count: t }) {
+function Tt({ label: e, count: t }) {
 	return /* @__PURE__ */ X("div", {
 		style: {
 			position: "sticky",
@@ -1959,9 +1964,9 @@ function wt({ label: e, count: t }) {
 		]
 	});
 }
-function Tt({ value: t, field: n }) {
-	let r = Et(t, n);
-	return r === null ? null : /* @__PURE__ */ X("span", {
+function Et({ value: t, field: n }) {
+	let r = A(), i = Dt(t, n);
+	return i === null ? null : /* @__PURE__ */ X("span", {
 		style: {
 			display: "inline-flex",
 			alignItems: "center",
@@ -1970,13 +1975,13 @@ function Tt({ value: t, field: n }) {
 			borderRadius: 999,
 			fontSize: 10.5,
 			fontWeight: 600,
-			background: r ? "var(--accent-soft)" : "var(--info-soft)",
-			color: r ? "var(--accent)" : "var(--info)"
+			background: i ? "var(--accent-soft)" : "var(--info-soft)",
+			color: i ? "var(--accent)" : "var(--info)"
 		},
-		children: [Y(r ? e.arrowUp : e.arrowDown, { size: 10 }), r ? "Out" : "In"]
+		children: [Y(i ? e.arrowUp : e.arrowDown, { size: 10 }), i ? r("record.timeline.outbound", "Out") : r("record.timeline.inbound", "In")]
 	});
 }
-function Et(e, t) {
+function Dt(e, t) {
 	if (t.type === "bool") return e === !0;
 	if (typeof e == "string") {
 		let t = e.toLowerCase();
@@ -1987,71 +1992,71 @@ function Et(e, t) {
 }
 //#endregion
 //#region src/components/detail-layout/EditableChildrenTable.tsx
-function Dt({ config: t, childEntity: r, schema: a, rows: o, onChange: s, validationErrors: c, refs: l, forceTablePresentation: d = !1 }) {
-	let f = x(), p = u(), m = K(null), h = t.columns, _ = t.position_field, v = new Set(Array.isArray(t.foreign_key) ? t.foreign_key : [t.foreign_key]), y = h.filter((e) => {
-		if (v.has(e) || t.position_field && e === t.position_field) return !1;
-		let n = r.fields.get(e);
-		return !(!n || n.auto || n.primary || n.source);
+function Ot({ config: t, childEntity: n, schema: r, rows: i, onChange: a, validationErrors: s, refs: c, forceTablePresentation: u = !1 }) {
+	let d = A(), p = S(), m = K(null), h = t.columns, g = t.position_field, _ = new Set(Array.isArray(t.foreign_key) ? t.foreign_key : [t.foreign_key]), y = h.filter((e) => {
+		if (_.has(e) || t.position_field && e === t.position_field) return !1;
+		let r = n.fields.get(e);
+		return !(!r || r.auto || r.primary || r.source);
 	}), b = new Set(h.filter((e) => {
 		if (t.position_field && e === t.position_field) return !0;
-		let n = r.fields.get(e);
-		return n && (n.auto || n.primary || n.source);
-	})), S = U((e, t, n) => {
-		s(o.map((r) => r._key === e ? {
+		let r = n.fields.get(e);
+		return r && (r.auto || r.primary || r.source);
+	})), x = W((e, t, n) => {
+		a(i.map((r) => r._key === e ? {
 			...r,
 			[t]: n,
 			_dirty: !0
 		} : r));
-	}, [o, s]), C = U(() => {
+	}, [i, a]), w = W(() => {
 		let e = {
 			_key: crypto.randomUUID(),
 			_dirty: !0
 		};
-		if (_) {
-			let t = o.filter((e) => !e._deleted).reduce((e, t) => {
-				let n = typeof t[_] == "number" ? t[_] : -1;
+		if (g) {
+			let t = i.filter((e) => !e._deleted).reduce((e, t) => {
+				let n = typeof t[g] == "number" ? t[g] : -1;
 				return Math.max(e, n);
 			}, -1);
-			e[_] = t + 1;
+			e[g] = t + 1;
 		}
-		let n = t.quick_add?.defaults ?? {};
+		let r = t.quick_add?.defaults ?? {};
 		for (let t of y) {
-			let i = r.fields.get(t);
-			i && (n[t] === void 0 ? i.default === void 0 ? i.type === "bool" && (e[t] = !1) : e[t] = i.default : e[t] = n[t]);
+			let i = n.fields.get(t);
+			i && (r[t] === void 0 ? i.default === void 0 ? i.type === "bool" && (e[t] = !1) : e[t] = i.default : e[t] = r[t]);
 		}
-		s([...o, e]);
+		a([...i, e]);
 	}, [
-		o,
-		s,
+		i,
+		a,
 		y,
-		r,
+		n,
 		t.quick_add?.defaults,
-		_
-	]), w = U((e) => {
-		s(o.map((t) => t._key === e ? {
+		g
+	]), T = W((e) => {
+		a(i.map((t) => t._key === e ? {
 			...t,
 			_deleted: !0
 		} : t));
-	}, [o, s]), E = U((e) => {
-		s(o.map((t) => t._key === e ? {
+	}, [i, a]), E = W((e) => {
+		a(i.map((t) => t._key === e ? {
 			...t,
 			_deleted: !1
 		} : t));
-	}, [o, s]), D = U((e, t) => {
-		if (!_) return;
-		let n = o.filter((e) => !e._deleted), r = o.filter((e) => e._deleted), i = n.findIndex((t) => t._key === e), a = i + t;
-		if (i < 0 || a < 0 || a >= n.length) return;
-		let c = [...n], [l] = c.splice(i, 1);
-		c.splice(a, 0, l), s([...c.map((e, t) => ({
+	}, [i, a]), D = W((e, t) => {
+		if (!g) return;
+		let n = i.filter((e) => !e._deleted), r = i.filter((e) => e._deleted), o = n.findIndex((t) => t._key === e), s = o + t;
+		if (o < 0 || s < 0 || s >= n.length) return;
+		let c = [...n], [l] = c.splice(o, 1);
+		c.splice(s, 0, l), a([...c.map((e, t) => ({
 			...e,
-			[_]: t,
-			_dirty: e[_] !== t || e._dirty
+			[g]: t,
+			_dirty: e[g] !== t || e._dirty
 		})), ...r]);
 	}, [
-		o,
-		s,
-		_
-	]), O = U((e) => {
+		i,
+		a,
+		g
+	]), O = W((e) => {
 		let t = e.target, n = t.closest("td");
 		if (!n) return;
 		let r = n.closest("tr");
@@ -2075,7 +2080,7 @@ function Dt({ config: t, childEntity: r, schema: a, rows: o, onChange: s, valida
 			if (o < t.length - 1) {
 				let e = t[o + 1].cells[a]?.querySelector("input, select, textarea, [tabindex]");
 				e && e.focus();
-			} else C(), requestAnimationFrame(() => {
+			} else w(), requestAnimationFrame(() => {
 				let e = i.querySelectorAll("tr"), t = e[e.length - 1];
 				if (t) {
 					let e = t.querySelector("input, select, textarea, [tabindex]");
@@ -2083,21 +2088,21 @@ function Dt({ config: t, childEntity: r, schema: a, rows: o, onChange: s, valida
 				}
 			});
 		} else e.key === "Escape" && t.blur?.();
-	}, [C]), k = ue;
-	return p.isPhone && !d ? /* @__PURE__ */ X("div", { children: [/* @__PURE__ */ Y("div", {
+	}, [w]), k = fe;
+	return p.isPhone && !u ? /* @__PURE__ */ X("div", { children: [/* @__PURE__ */ Y("div", {
 		style: {
 			display: "flex",
 			flexDirection: "column",
 			gap: 10
 		},
-		children: o.map((t, s) => {
-			let u = !!t._deleted, d = c?.[t._key], p = _ ? o.filter((e) => !e._deleted) : [], m = _ ? p.findIndex((e) => e._key === t._key) : -1;
+		children: i.map((t, a) => {
+			let l = !!t._deleted, u = s?.[t._key], p = g ? i.filter((e) => !e._deleted) : [], m = g ? p.findIndex((e) => e._key === t._key) : -1;
 			return /* @__PURE__ */ X("div", {
 				style: {
 					border: "1px solid var(--border)",
 					borderRadius: 8,
 					background: "var(--surface)",
-					opacity: u ? .58 : 1,
+					opacity: l ? .58 : 1,
 					overflow: "hidden"
 				},
 				children: [/* @__PURE__ */ X("div", {
@@ -2110,41 +2115,41 @@ function Dt({ config: t, childEntity: r, schema: a, rows: o, onChange: s, valida
 						justifyContent: "space-between",
 						gap: 8
 					},
-					children: [/* @__PURE__ */ X("div", {
+					children: [/* @__PURE__ */ Y("div", {
 						style: {
 							fontSize: 12,
 							fontWeight: 600,
 							color: "var(--text-2)"
 						},
-						children: ["Row ", s + 1]
+						children: d("record.row.number", "Row {number}", { number: a + 1 })
 					}), /* @__PURE__ */ X("div", {
 						style: {
 							display: "flex",
 							alignItems: "center",
 							gap: 4
 						},
-						children: [_ && !u && /* @__PURE__ */ X(J, { children: [/* @__PURE__ */ Y(i, {
+						children: [g && !l && /* @__PURE__ */ X(J, { children: [/* @__PURE__ */ Y(o, {
 							size: 32,
 							icon: /* @__PURE__ */ Y(e.up, { size: 14 }),
 							onClick: () => D(t._key, -1),
 							disabled: m <= 0,
-							title: "Move row up"
-						}), /* @__PURE__ */ Y(i, {
+							title: d("record.row.move_up", "Move row up")
+						}), /* @__PURE__ */ Y(o, {
 							size: 32,
 							icon: /* @__PURE__ */ Y(e.down, { size: 14 }),
 							onClick: () => D(t._key, 1),
 							disabled: m === -1 || m >= p.length - 1,
-							title: "Move row down"
-						})] }), u ? /* @__PURE__ */ Y(i, {
+							title: d("record.row.move_down", "Move row down")
+						})] }), l ? /* @__PURE__ */ Y(o, {
 							size: 32,
 							icon: /* @__PURE__ */ Y(e.refresh, { size: 14 }),
 							onClick: () => E(t._key),
-							title: "Undo delete"
-						}) : /* @__PURE__ */ Y(i, {
+							title: d("record.row.undo_delete", "Undo delete")
+						}) : /* @__PURE__ */ Y(o, {
 							size: 32,
 							icon: /* @__PURE__ */ Y(e.trash, { size: 14 }),
-							onClick: () => w(t._key),
-							title: "Delete row"
+							onClick: () => T(t._key),
+							title: d("record.row.delete", "Delete row")
 						})]
 					})]
 				}), /* @__PURE__ */ Y("div", {
@@ -2155,58 +2160,58 @@ function Dt({ config: t, childEntity: r, schema: a, rows: o, onChange: s, valida
 						gap: 12
 					},
 					children: h.map((e) => {
-						let i = r.fields.get(e), o = d?.includes(e), s = b.has(e), c = i ? n(i, e, a.entities) : e, p = `child-${t._key}-${e}`, m = `${p}-label`, h = {
-							outline: o ? "1px solid var(--danger)" : "none",
+						let i = n.fields.get(e), a = u?.includes(e), o = b.has(e), s = i ? f(d, i, e, r.entities) : e, p = `child-${t._key}-${e}`, m = `${p}-label`, h = {
+							outline: a ? "1px solid var(--danger)" : "none",
 							outlineOffset: 3,
-							borderRadius: o ? 5 : 0
+							borderRadius: a ? 5 : 0
 						}, g = {
 							fontSize: 11.5,
 							fontWeight: 600,
 							color: "var(--text-3)"
-						}, _ = !u && !s && !!i;
+						}, _ = !l && !o && !!i;
 						return /* @__PURE__ */ X("div", {
 							style: {
 								display: "flex",
 								flexDirection: "column",
 								gap: 5,
 								minWidth: 0,
-								textDecoration: u ? "line-through" : "none"
+								textDecoration: l ? "line-through" : "none"
 							},
-							title: o ? `${e} is required` : void 0,
+							title: a ? d("record.row.field_required", "{field} is required", { field: e }) : void 0,
 							children: [_ ? /* @__PURE__ */ Y("label", {
 								id: m,
 								htmlFor: p,
 								style: g,
-								children: c
+								children: s
 							}) : /* @__PURE__ */ Y("div", {
 								id: m,
 								style: g,
-								children: c
+								children: s
 							}), /* @__PURE__ */ Y("div", {
 								style: h,
-								children: u || s ? i ? M({
+								children: l || o ? i ? C({
 									field: i,
 									fieldName: e,
 									value: t[e],
 									mode: "display",
 									record: t,
-									refs: l,
+									refs: c,
 									fieldId: p,
 									labelId: m,
-									locale: f
-								}) : T(t[e]) : i ? M({
+									t: d
+								}) : v(t[e]) : i ? C({
 									field: i,
 									fieldName: e,
 									value: t[e],
 									mode: "edit",
-									onChange: (n) => S(t._key, e, n),
+									onChange: (n) => x(t._key, e, n),
 									record: t,
-									refs: l,
+									refs: c,
 									compact: !0,
 									fieldId: p,
 									labelId: m,
-									locale: f
-								}) : T(t[e])
+									t: d
+								}) : v(t[e])
 							})]
 						}, e);
 					})
@@ -2215,51 +2220,51 @@ function Dt({ config: t, childEntity: r, schema: a, rows: o, onChange: s, valida
 		})
 	}), /* @__PURE__ */ Y("div", {
 		style: { marginTop: 10 },
-		children: /* @__PURE__ */ Y(g, {
+		children: /* @__PURE__ */ Y(l, {
 			kind: "ghost",
 			size: "sm",
 			icon: /* @__PURE__ */ Y(e.plus, { size: 14 }),
-			onClick: C,
-			children: "Add row"
+			onClick: w,
+			children: d("record.row.add", "Add row")
 		})
 	})] }) : /* @__PURE__ */ X("div", { children: [/* @__PURE__ */ Y("div", {
 		style: { overflowX: "auto" },
 		children: /* @__PURE__ */ X("table", {
 			ref: m,
-			style: de,
+			style: pe,
 			onKeyDown: O,
 			children: [/* @__PURE__ */ Y("thead", { children: /* @__PURE__ */ X("tr", { children: [h.map((e) => {
-				let t = r.fields.get(e);
+				let t = n.fields.get(e);
 				return /* @__PURE__ */ Y("th", {
 					style: k,
-					children: t ? n(t, e, a.entities) : e
+					children: t ? f(d, t, e, r.entities) : e
 				}, e);
 			}), /* @__PURE__ */ Y("th", { style: {
 				...k,
 				width: 40
-			} })] }) }), /* @__PURE__ */ Y("tbody", { children: o.map((t) => {
-				let n = !!t._deleted, a = c?.[t._key];
+			} })] }) }), /* @__PURE__ */ Y("tbody", { children: i.map((t) => {
+				let r = !!t._deleted, i = s?.[t._key];
 				return /* @__PURE__ */ X("tr", {
-					style: { opacity: n ? .5 : 1 },
+					style: { opacity: r ? .5 : 1 },
 					children: [h.map((e) => {
-						let i = r.fields.get(e), o = a?.includes(e), s = b.has(e);
-						return n || s ? /* @__PURE__ */ Y("td", {
+						let a = n.fields.get(e), o = i?.includes(e), s = b.has(e);
+						return r || s ? /* @__PURE__ */ Y("td", {
 							style: {
 								padding: "6px 12px",
 								borderBottom: "1px solid var(--divider)",
 								verticalAlign: "middle",
-								textDecoration: n ? "line-through" : "none",
+								textDecoration: r ? "line-through" : "none",
 								color: "var(--text-2)"
 							},
-							children: i ? M({
-								field: i,
+							children: a ? C({
+								field: a,
 								fieldName: e,
 								value: t[e],
 								mode: "display",
 								record: t,
-								refs: l,
-								locale: f
-							}) : T(t[e])
+								refs: c,
+								t: d
+							}) : v(t[e])
 						}, e) : /* @__PURE__ */ Y("td", {
 							style: {
 								padding: "4px 4px",
@@ -2269,18 +2274,18 @@ function Dt({ config: t, childEntity: r, schema: a, rows: o, onChange: s, valida
 								outlineOffset: -1,
 								borderRadius: o ? 4 : 0
 							},
-							title: o ? `${e} is required` : void 0,
-							children: i ? M({
-								field: i,
+							title: o ? d("record.row.field_required", "{field} is required", { field: e }) : void 0,
+							children: a ? C({
+								field: a,
 								fieldName: e,
 								value: t[e],
 								mode: "edit",
-								onChange: (n) => S(t._key, e, n),
+								onChange: (n) => x(t._key, e, n),
 								record: t,
-								refs: l,
+								refs: c,
 								compact: !0,
-								locale: f
-							}) : T(t[e])
+								t: d
+							}) : v(t[e])
 						}, e);
 					}), /* @__PURE__ */ Y("td", {
 						style: {
@@ -2288,16 +2293,16 @@ function Dt({ config: t, childEntity: r, schema: a, rows: o, onChange: s, valida
 							borderBottom: "1px solid var(--divider)",
 							verticalAlign: "middle"
 						},
-						children: n ? /* @__PURE__ */ Y(i, {
+						children: r ? /* @__PURE__ */ Y(o, {
 							size: 24,
 							icon: /* @__PURE__ */ Y(e.refresh, { size: 12 }),
 							onClick: () => E(t._key),
-							title: "Undo delete"
-						}) : /* @__PURE__ */ Y(i, {
+							title: d("record.row.undo_delete", "Undo delete")
+						}) : /* @__PURE__ */ Y(o, {
 							size: 24,
 							icon: /* @__PURE__ */ Y(e.trash, { size: 12 }),
-							onClick: () => w(t._key),
-							title: "Delete row"
+							onClick: () => T(t._key),
+							title: d("record.row.delete", "Delete row")
 						})
 					})]
 				}, t._key);
@@ -2305,285 +2310,148 @@ function Dt({ config: t, childEntity: r, schema: a, rows: o, onChange: s, valida
 		})
 	}), /* @__PURE__ */ Y("div", {
 		style: { marginTop: 8 },
-		children: /* @__PURE__ */ Y(g, {
+		children: /* @__PURE__ */ Y(l, {
 			kind: "ghost",
 			size: "xs",
 			icon: /* @__PURE__ */ Y(e.plus, { size: 12 }),
-			onClick: C,
-			children: "Add row"
+			onClick: w,
+			children: d("record.row.add", "Add row")
 		})
 	})] });
 }
 //#endregion
 //#region src/components/detail-layout/ChildrenBlock.tsx
-var Ot = he(() => import("./DraggableChildrenTable-BV5sb8Uo.js").then((e) => ({ default: e.DraggableChildrenTable })));
-function kt({ node: e, ctx: n }) {
-	let r = u(), i = e.children;
-	if (!i) return null;
-	let a = r.isPhone && n.relatedRecordsPresentation === "table";
+var kt = ge(() => import("./DraggableChildrenTable-4RZC351U.js").then((e) => ({ default: e.DraggableChildrenTable })));
+function At({ node: e, ctx: n }) {
+	let r = A(), i = A("errors"), a = S(), o = e.children;
+	if (!o) return null;
+	let s = a.isPhone && n.relatedRecordsPresentation === "table";
 	if (n.isNew && n.mode !== "edit") return null;
-	let o = Ge(n.entity, i);
-	if (!o) return /* @__PURE__ */ X("div", {
+	let c = Ke(n.entity, o);
+	if (!c) return /* @__PURE__ */ X("div", {
 		className: "text-sm text-muted-foreground py-2",
-		children: ["Unknown child relation: ", i]
+		children: [
+			i("record.child_relation_unknown", "This record type has no child relation by that name."),
+			" ",
+			/* @__PURE__ */ Y("code", { children: o })
+		]
 	});
-	let s = n.schema.entities[o.entity];
-	if (!s) return /* @__PURE__ */ X("div", {
+	let l = n.schema.entities[c.entity];
+	if (!l) return /* @__PURE__ */ X("div", {
 		className: "text-sm text-muted-foreground py-2",
-		children: ["Entity not found: ", o.entity]
+		children: [
+			i("record.related_entity_not_found", "The related record type is not declared in this deployment."),
+			" ",
+			/* @__PURE__ */ Y("code", { children: c.entity })
+		]
 	});
-	let c = Ne(o, s, e), l = ke(e, n), d = Ae(e, n), f = (e) => c.mode === "timeline" || n.withinCard ? e : /* @__PURE__ */ Y(L, {
-		title: l,
-		icon: d ? /* @__PURE__ */ Y(t, {
-			name: d,
+	let u = Pe(c, l, e), d = Ae(e, n, r), f = je(e, n), p = (e) => u.mode === "timeline" || n.withinCard ? e : /* @__PURE__ */ Y(P, {
+		title: d,
+		icon: f ? /* @__PURE__ */ Y(t, {
+			name: f,
 			size: 14
 		}) : void 0,
 		children: e
 	});
-	if (n.mode === "edit" && c.editable && c.interaction !== "navigate" && c.interaction !== "readonly" && _(s, "update") && c.mode === "table" && n.pendingChildren !== void 0 && n.onChildrenChange) {
-		let e = n.pendingChildren[i] ?? [], t = n.childValidationErrors?.[i], o = c.position_field ? r.isPhone && !a ? Dt : Ot : Dt;
-		return f(/* @__PURE__ */ Y(pe, {
-			fallback: /* @__PURE__ */ Y(le, {}),
-			children: /* @__PURE__ */ Y(o, {
-				config: c,
-				childEntity: s,
+	if (n.mode === "edit" && u.editable && u.interaction !== "navigate" && u.interaction !== "readonly" && g(l, "update") && u.mode === "table" && n.pendingChildren !== void 0 && n.onChildrenChange) {
+		let e = n.pendingChildren[o] ?? [], t = n.childValidationErrors?.[o], r = u.position_field ? a.isPhone && !s ? Ot : kt : Ot;
+		return p(/* @__PURE__ */ Y(he, {
+			fallback: /* @__PURE__ */ Y(oe, {}),
+			children: /* @__PURE__ */ Y(r, {
+				config: u,
+				childEntity: l,
 				schema: n.schema,
 				rows: e,
-				onChange: (e) => n.onChildrenChange(i, e),
+				onChange: (e) => n.onChildrenChange(o, e),
 				validationErrors: t,
 				refs: n.refs,
-				forceTablePresentation: a
+				forceTablePresentation: s
 			})
 		}));
 	}
 	if (n.isNew) return null;
-	let p = {
-		config: c,
+	let m = {
+		config: u,
 		parentEntity: n.entityCode,
 		parentId: n.recordId,
 		schema: n.schema
 	};
-	switch (c.mode) {
-		case "list": return f(/* @__PURE__ */ Y(tt, { ...p }));
-		case "cards": return f(/* @__PURE__ */ Y(nt, { ...p }));
-		case "timeline": return f(/* @__PURE__ */ Y(yt, { ...p }));
-		default: return r.isPhone && !a ? f(/* @__PURE__ */ Y(nt, { ...p })) : f(/* @__PURE__ */ Y(et, { ...p }));
+	switch (u.mode) {
+		case "list": return p(/* @__PURE__ */ Y(nt, { ...m }));
+		case "cards": return p(/* @__PURE__ */ Y(rt, { ...m }));
+		case "timeline": return p(/* @__PURE__ */ Y(bt, { ...m }));
+		default: return a.isPhone && !s ? p(/* @__PURE__ */ Y(rt, { ...m })) : p(/* @__PURE__ */ Y(tt, { ...m }));
 	}
 }
 //#endregion
-//#region src/components/detail-layout/FieldRow.tsx
-var At = 150, jt = 560, Mt = 270, Nt = "20px", Pt = 4, Ft = /* @__PURE__ */ new Set([
-	"text",
-	"rich_text",
-	"json",
-	"structure",
-	"multilang_text"
-]), It = me({
-	columns: 2,
-	stackPairs: !1
-});
-function Lt({ columns: e = 2, children: t }) {
-	let n = K(null), [r, i] = q(null);
-	W(() => {
-		let e = n.current;
-		if (!e || typeof ResizeObserver > "u") return;
-		let t = new ResizeObserver(([e]) => {
-			i(e.contentRect.width);
-		});
-		return t.observe(e), () => t.disconnect();
-	}, []);
-	let a = e === 1 || r !== null && r < jt ? 1 : e, o = r === null ? null : (r - (a - 1) * 24) / a, s = o !== null && o < Mt;
-	return /* @__PURE__ */ Y(It.Provider, {
-		value: {
-			columns: a,
-			stackPairs: s
-		},
-		children: /* @__PURE__ */ Y("div", {
-			ref: n,
-			style: {
-				display: "grid",
-				gridTemplateColumns: `repeat(${a}, minmax(0, 1fr))`,
-				columnGap: 24,
-				rowGap: 2
-			},
-			children: t
-		})
-	});
-}
-function Rt({ label: t, children: n, span: r = !1, required: i, error: a, hint: o, actions: s, copyValue: c, mode: l = "display", htmlFor: u, labelId: d, labelTitle: f, "data-testid": p }) {
-	let m = ge(It), g = r || m.stackPairs, _ = !!a;
-	return /* @__PURE__ */ X("div", {
-		className: "detail-row",
-		"data-error": _ || void 0,
-		"data-testid": p,
-		style: {
-			display: "flex",
-			flexDirection: g ? "column" : "row",
-			gap: g ? 4 : 16,
-			alignItems: g ? "stretch" : "flex-start",
-			padding: "6px 0",
-			...r ? { gridColumn: "1 / -1" } : null
-		},
-		children: [/* @__PURE__ */ X("div", {
-			style: {
-				width: g ? "auto" : At,
-				flexShrink: 0,
-				paddingTop: g ? 0 : Pt,
-				fontSize: 12,
-				lineHeight: Nt,
-				fontWeight: 500,
-				color: "var(--text-3)",
-				display: "flex",
-				alignItems: "flex-start",
-				gap: 2
-			},
-			children: [u ? /* @__PURE__ */ Y("label", {
-				id: d,
-				htmlFor: u,
-				title: f || void 0,
-				children: t
-			}) : /* @__PURE__ */ Y("span", {
-				id: d,
-				title: f || void 0,
-				children: t
-			}), i && l === "edit" && /* @__PURE__ */ Y("span", {
-				"aria-hidden": "true",
-				style: {
-					color: "var(--danger)",
-					marginLeft: 2
-				},
-				children: "*"
-			})]
-		}), /* @__PURE__ */ X("div", {
-			style: {
-				flex: 1,
-				minWidth: 0,
-				display: "flex",
-				flexDirection: "column",
-				gap: 3
-			},
-			children: [/* @__PURE__ */ X("div", {
-				style: {
-					display: "flex",
-					alignItems: "flex-start",
-					gap: 6,
-					minHeight: 24
-				},
-				children: [/* @__PURE__ */ Y("div", {
-					style: {
-						flex: 1,
-						minWidth: 0,
-						fontSize: 13,
-						lineHeight: Nt,
-						color: "var(--text)",
-						overflowWrap: "anywhere",
-						paddingTop: l === "display" && !g ? Pt : 0
-					},
-					children: _ && l === "edit" ? /* @__PURE__ */ Y("div", {
-						style: {
-							borderRadius: 6,
-							boxShadow: "0 0 0 1.5px var(--danger)"
-						},
-						children: n
-					}) : n
-				}), (c || s) && /* @__PURE__ */ X("div", {
-					className: "detail-row-action",
-					style: {
-						display: "flex",
-						gap: 2,
-						flexShrink: 0,
-						marginTop: -2
-					},
-					children: [c && /* @__PURE__ */ Y(h, {
-						value: c,
-						size: "sm",
-						title: "Copy value"
-					}), s]
-				})]
-			}), (_ || o != null) && /* @__PURE__ */ X("div", {
-				style: {
-					fontSize: 11.5,
-					lineHeight: 1.4,
-					color: _ ? "var(--danger)" : "var(--text-3)",
-					display: "flex",
-					alignItems: "center",
-					gap: 4
-				},
-				children: [_ && /* @__PURE__ */ Y(e.warning, { size: 11 }), /* @__PURE__ */ Y("span", { children: _ ? a : o })]
-			})]
-		})]
-	});
-}
-//#endregion
 //#region src/components/detail-layout/FieldsBlock.tsx
-function zt({ fields: e, ctx: t }) {
-	let { entity: n, entityCode: r, record: i, mode: a, onFieldChange: o, schema: s } = t, c = x(), l = t.columns ?? 2, u = l === 1 && e.length === 1;
-	return /* @__PURE__ */ Y(Lt, {
+function jt({ fields: e, ctx: t }) {
+	let n = A(), { entity: r, entityCode: i, record: a, mode: o, onFieldChange: s, schema: c } = t, l = t.columns ?? 2, u = l === 1 && e.length === 1;
+	return /* @__PURE__ */ Y(B, {
 		columns: l,
 		children: e.map((e) => {
-			let l = e.code, d = `${r ?? "field"}-${l}`, f = `${d}-label`, p = n.fields.get(l), m = !!(p?.auto || p?.readonly || p?.source), h = ie(n, l), g = h?.read === "denied", _ = h?.write === "denied", v = a === "display" ? g : _ || g, y = m || a === "edit" && _ ? "display" : a, b = v ? /* @__PURE__ */ Y(I, {
+			let l = e.code, d = `${i ?? "field"}-${l}`, f = `${d}-label`, p = r.fields.get(l), m = !!(p?.auto || p?.readonly || p?.source), h = se(r, l), g = h?.read === "denied", _ = h?.write === "denied", y = o === "display" ? g : _ || g, b = m || o === "edit" && _ ? "display" : o, x = y ? /* @__PURE__ */ Y(I, {
 				tier: h.classification,
-				tierDef: ae(s, n, l),
+				tierDef: ce(c, r, l),
 				requiredPermission: h?.required_permission,
-				locale: c,
-				variant: y === "edit" ? "input" : "value"
-			}) : ce({
-				entity: n,
-				entityCode: r,
+				variant: b === "edit" ? "input" : "value"
+			}) : de({
+				entity: r,
+				entityCode: i,
 				fieldName: l,
-				record: i,
-				mode: y,
-				onChange: o && !m ? (e) => o(l, e) : void 0,
+				record: a,
+				mode: b,
+				onChange: s && !m ? (e) => s(l, e) : void 0,
 				refs: t.refs,
-				entities: s?.entities,
-				screens: s?.screens,
-				locale: c,
+				entities: c?.entities,
+				screens: c?.screens,
+				t: n,
 				fieldId: d,
 				labelId: f,
 				structure: e.structure,
 				detailScreen: e.detail_screen
 			});
-			if (!b) return null;
-			let x = a === "display" && e.actions && e.actions.length > 0 ? /* @__PURE__ */ Y(J, { children: e.actions.map((e, t) => /* @__PURE__ */ Y(F, {
+			if (!x) return null;
+			let S = o === "display" && e.actions && e.actions.length > 0 ? /* @__PURE__ */ Y(J, { children: e.actions.map((e, t) => /* @__PURE__ */ Y(L, {
 				actionCode: `${l}.action[${t}]`,
 				action: e,
-				entityCode: r,
-				row: i,
+				entityCode: i,
+				row: a,
 				variant: "ghost",
 				size: "icon"
-			}, t)) }) : void 0, S = !!p && Ft.has(p.type), C = i?.[l], w = y === "display" && (p?.copyable || p?.type === "uuid") && C != null && C !== "" ? T(C) : void 0, D = E(p?.display?.description);
+			}, t)) }) : void 0, C = !!p && M.has(p.type), w = a?.[l], T = b === "display" && (p?.copyable || p?.type === "uuid") && w != null && w !== "" ? v(w) : void 0, E = n(p?.display?.description);
 			return u ? /* @__PURE__ */ X("div", {
 				style: { gridColumn: "1 / -1" },
-				children: [b, y === "edit" && D && /* @__PURE__ */ Y("div", {
+				children: [x, b === "edit" && E && /* @__PURE__ */ Y("div", {
 					style: {
 						fontSize: 11.5,
 						lineHeight: 1.4,
 						color: "var(--text-3)",
 						marginTop: 3
 					},
-					children: D
+					children: E
 				})]
-			}, l) : /* @__PURE__ */ Y(Rt, {
+			}, l) : /* @__PURE__ */ Y(F, {
 				"data-testid": `field-${l}`,
-				label: se(n, l, s.entities),
-				htmlFor: y === "edit" ? d : void 0,
+				label: ue(n, r, l, c.entities),
+				htmlFor: b === "edit" ? d : void 0,
 				labelId: f,
-				labelTitle: D || void 0,
+				labelTitle: E || void 0,
 				required: p?.required ?? !1,
-				mode: y,
-				span: S,
+				mode: b,
+				span: C,
 				error: t.fieldErrors?.[l],
-				hint: y === "edit" && D ? D : void 0,
-				actions: x,
-				copyValue: w,
-				children: b
+				hint: b === "edit" && E ? E : void 0,
+				actions: S,
+				copyValue: T,
+				children: x
 			}, l);
 		})
 	});
 }
 //#endregion
 //#region src/components/detail-layout/PropertiesBlock.tsx
-var Bt = /* @__PURE__ */ new Set([
+var Mt = /* @__PURE__ */ new Set([
 	"string",
 	"text",
 	"int",
@@ -2591,16 +2459,16 @@ var Bt = /* @__PURE__ */ new Set([
 	"decimal",
 	"email",
 	"url"
-]), Vt = 500;
-function Ht({ node: e, ctx: t }) {
+]), Nt = 500;
+function Pt({ node: e, ctx: t }) {
 	let { entity: n, objectProperties: r, onSetProperty: i, isNew: a, mode: o, refs: s } = t, c = n.properties ?? {};
 	if (a) return null;
 	let l = e.properties === !0 || e.properties, u = l === !0 ? Object.entries(c).sort(([e], [t]) => e.localeCompare(t)) : l.filter((e) => c[e] != null).map((e) => [e, c[e]]);
-	return u.length === 0 ? null : /* @__PURE__ */ Y(Lt, {
+	return u.length === 0 ? null : /* @__PURE__ */ Y(B, {
 		columns: 2,
 		children: u.map(([e, a]) => {
-			let c = r?.find((t) => t.property_code === e), l = A(a), u = a.readonly || !i ? "display" : o;
-			return /* @__PURE__ */ Y(Ut, {
+			let c = r?.find((t) => t.property_code === e), l = w(a), u = a.readonly || !i ? "display" : o;
+			return /* @__PURE__ */ Y(Ft, {
 				propCode: e,
 				prop: a,
 				field: l,
@@ -2614,42 +2482,41 @@ function Ht({ node: e, ctx: t }) {
 		})
 	});
 }
-function Ut({ propCode: e, prop: t, field: n, value: r, mode: i, onSetProperty: a, refs: o, entity: s, schema: c }) {
-	let l = x(), u = K(null);
-	W(() => () => {
+function Ft({ propCode: e, prop: t, field: n, value: r, mode: i, onSetProperty: a, refs: o, entity: s, schema: c }) {
+	let l = A(), u = K(null);
+	G(() => () => {
 		u.current && clearTimeout(u.current);
 	}, []);
-	let d = U((n) => {
-		a && (Bt.has(t.type) ? (u.current && clearTimeout(u.current), u.current = setTimeout(() => a(e, n), Vt)) : a(e, n));
+	let d = W((n) => {
+		a && (Mt.has(t.type) ? (u.current && clearTimeout(u.current), u.current = setTimeout(() => a(e, n), Nt)) : a(e, n));
 	}, [
 		e,
 		t.type,
 		a
-	]), f = ie(s, e), p = f?.read === "denied", m = f?.write === "denied", h = i === "display" ? p : m || p, g = i === "edit" && m ? "display" : i;
-	return /* @__PURE__ */ Y(Rt, {
-		label: E(t.display?.name ?? t.name),
+	]), f = se(s, e), p = f?.read === "denied", m = f?.write === "denied", h = i === "display" ? p : m || p, g = i === "edit" && m ? "display" : i;
+	return /* @__PURE__ */ Y(F, {
+		label: l(t.display?.name ?? t.name),
 		mode: g,
-		span: Ft.has(t.type),
+		span: M.has(t.type),
 		children: h ? /* @__PURE__ */ Y(I, {
 			tier: f.classification,
-			tierDef: ae(c, s, e),
+			tierDef: ce(c, s, e),
 			requiredPermission: f?.required_permission,
-			locale: l,
 			variant: g === "edit" ? "input" : "value"
-		}) : M({
+		}) : C({
 			field: n,
 			fieldName: e,
 			value: r,
 			mode: g,
 			onChange: g === "edit" ? d : void 0,
 			refs: o,
-			locale: l
+			t: l
 		})
 	});
 }
 //#endregion
 //#region src/components/shared/StatusStepper.tsx
-function Wt({ stages: t, current: n, selectable: r, onSelect: i, compact: a = !1 }) {
+function It({ stages: t, current: n, selectable: r, onSelect: i, compact: a = !1 }) {
 	let o = t.findIndex((e) => e.code === n);
 	return /* @__PURE__ */ Y("div", {
 		role: "list",
@@ -2716,7 +2583,8 @@ function Wt({ stages: t, current: n, selectable: r, onSelect: i, compact: a = !1
 }
 //#endregion
 //#region src/components/shared/StatusGroupsDisplay.tsx
-function Gt({ statusGroups: e, objectStatuses: t, onSetStatus: n, isPending: r, mode: i = "edit" }) {
+function Lt({ statusGroups: e, objectStatuses: t, onSetStatus: n, isPending: r, mode: i = "edit" }) {
+	let o = A();
 	return /* @__PURE__ */ Y("div", {
 		style: {
 			display: "flex",
@@ -2724,10 +2592,10 @@ function Gt({ statusGroups: e, objectStatuses: t, onSetStatus: n, isPending: r,
 			alignItems: "center",
 			gap: 16
 		},
-		children: Object.entries(e).map(([e, o]) => {
-			let s = t?.find((t) => t.group_code === e)?.status_code, c = s ? o.statuses.find((e) => e.code === s) : void 0;
-			if (o.display_mode === "stepper") {
-				let t = i === "edit", a = t ? o.transitions && s ? /* @__PURE__ */ new Set([s, ...o.transitions[s] ?? []]) : new Set(o.statuses.map((e) => e.code)) : void 0;
+		children: Object.entries(e).map(([e, s]) => {
+			let c = t?.find((t) => t.group_code === e)?.status_code, l = c ? s.statuses.find((e) => e.code === c) : void 0;
+			if (s.display_mode === "stepper") {
+				let t = i === "edit", a = t ? s.transitions && c ? /* @__PURE__ */ new Set([c, ...s.transitions[c] ?? []]) : new Set(s.statuses.map((e) => e.code)) : void 0;
 				return /* @__PURE__ */ X("div", {
 					style: {
 						display: "flex",
@@ -2741,19 +2609,19 @@ function Gt({ statusGroups: e, objectStatuses: t, onSetStatus: n, isPending: r,
 							color: "var(--text-3)",
 							flexShrink: 0
 						},
-						children: [E(o.name), ":"]
+						children: [o(s.name), ":"]
 					}), /* @__PURE__ */ Y("div", {
 						style: {
 							minWidth: 240,
 							opacity: r ? .6 : 1,
 							pointerEvents: r ? "none" : "auto"
 						},
-						children: /* @__PURE__ */ Y(Wt, {
-							stages: o.statuses.map((e) => ({
+						children: /* @__PURE__ */ Y(It, {
+							stages: s.statuses.map((e) => ({
 								code: e.code,
-								label: E(e.name)
+								label: o(e.name)
 							})),
-							current: s,
+							current: c,
 							selectable: a,
 							onSelect: t ? (t) => n(e, t) : void 0,
 							compact: !0
@@ -2772,11 +2640,11 @@ function Gt({ statusGroups: e, objectStatuses: t, onSetStatus: n, isPending: r,
 						fontSize: 12,
 						color: "var(--text-3)"
 					},
-					children: [E(o.name), ":"]
-				}), c ? /* @__PURE__ */ Y(P, {
-					tone: c.color ?? "slate",
+					children: [o(s.name), ":"]
+				}), l ? /* @__PURE__ */ Y(a, {
+					tone: l.color ?? "slate",
 					size: "xs",
-					children: E(c.name)
+					children: o(l.name)
 				}) : /* @__PURE__ */ Y("span", {
 					style: {
 						fontSize: 12.5,
@@ -2785,7 +2653,7 @@ function Gt({ statusGroups: e, objectStatuses: t, onSetStatus: n, isPending: r,
 					children: "—"
 				})]
 			}, e);
-			let l = (o.transitions && s ? o.statuses.filter((e) => e.code === s || (o.transitions[s]?.includes(e.code) ?? !1)) : o.statuses).map((e) => ({
+			let u = (s.transitions && c ? s.statuses.filter((e) => e.code === c || (s.transitions[c]?.includes(e.code) ?? !1)) : s.statuses).map((e) => ({
 				value: e.code,
 				label: /* @__PURE__ */ X("span", {
 					style: {
@@ -2799,7 +2667,7 @@ function Gt({ statusGroups: e, objectStatuses: t, onSetStatus: n, isPending: r,
 						borderRadius: 999,
 						background: `var(--pill-${e.color}, ${e.color})`,
 						display: "inline-block"
-					} }), E(e.name)]
+					} }), o(e.name)]
 				})
 			}));
 			return /* @__PURE__ */ X("div", {
@@ -2813,18 +2681,17 @@ function Gt({ statusGroups: e, objectStatuses: t, onSetStatus: n, isPending: r,
 						fontSize: 12,
 						color: "var(--text-3)"
 					},
-					children: [E(o.name), ":"]
+					children: [o(s.name), ":"]
 				}), /* @__PURE__ */ Y("div", {
 					style: {
 						minWidth: 180,
 						opacity: r ? .6 : 1,
 						pointerEvents: r ? "none" : "auto"
 					},
-					children: /* @__PURE__ */ Y(a, {
-						value: s ?? "",
-						options: l,
-						onChange: (t) => n(e, t),
-						placeholder: "Select…"
+					children: /* @__PURE__ */ Y(d, {
+						value: c ?? "",
+						options: u,
+						onChange: (t) => n(e, t)
 					})
 				})]
 			}, e);
@@ -2833,31 +2700,31 @@ function Gt({ statusGroups: e, objectStatuses: t, onSetStatus: n, isPending: r,
 }
 //#endregion
 //#region src/components/detail-layout/StatusesBlock.tsx
-var Kt = () => {};
-function qt({ node: e, ctx: t }) {
+var Rt = () => {};
+function zt({ node: e, ctx: t }) {
 	let { entity: n, objectStatuses: r, onSetStatus: i, isStatusPending: a, isNew: o } = t, s = n.status_groups ?? {};
 	if (o) return null;
 	let c = e.statuses === !0 || e.statuses, l = Object.fromEntries(Object.entries(s).filter(([e]) => c === !0 || c.includes(e)));
-	return Object.keys(l).length === 0 ? null : /* @__PURE__ */ Y(Gt, {
+	return Object.keys(l).length === 0 ? null : /* @__PURE__ */ Y(Lt, {
 		statusGroups: l,
 		objectStatuses: r,
-		onSetStatus: i ?? Kt,
+		onSetStatus: i ?? Rt,
 		isPending: a ?? !1,
 		mode: t.mode
 	});
 }
 //#endregion
 //#region src/components/detail-layout/widgets/canonicalizeJson.ts
-function Jt(e) {
-	if (Array.isArray(e)) return e.map(Jt);
+function Bt(e) {
+	if (Array.isArray(e)) return e.map(Bt);
 	if (typeof e == "object" && e) {
 		let t = e, n = {};
-		for (let e of Object.keys(t).sort()) n[e] = Jt(t[e]);
+		for (let e of Object.keys(t).sort()) n[e] = Bt(t[e]);
 		return n;
 	}
 	return e;
 }
-function Yt(e) {
+function Vt(e) {
 	switch (typeof e) {
 		case "string": return e;
 		case "number":
@@ -2869,39 +2736,44 @@ function Yt(e) {
 		default: return "";
 	}
 }
-function Xt(e) {
+function Ht(e) {
 	if (e == null) return "";
 	try {
-		return JSON.stringify(Jt(e), null, 2) ?? Yt(e);
+		return JSON.stringify(Bt(e), null, 2) ?? Vt(e);
 	} catch {
-		return Yt(e);
+		return Vt(e);
 	}
 }
 //#endregion
 //#region src/components/detail-layout/widgets/JsonDiffWidget.tsx
-var Zt = "Audit change diff", Qt = he(() => import("./MonacoJson-BG3S3GHX.js").then((e) => ({ default: e.MonacoJsonDiff }))), $t = he(() => import("./MonacoJson-BG3S3GHX.js").then((e) => ({ default: e.MonacoJsonSource }))), en = he(() => import("./JsonEditor-Dz1PQHC8.js").then((e) => ({ default: e.JsonEditor })));
-function tn() {
+function Ut(e) {
+	return e("record.diff.editor", "Audit change diff");
+}
+var Wt = ge(() => import("./MonacoJson-BG3S3GHX.js").then((e) => ({ default: e.MonacoJsonDiff }))), Gt = ge(() => import("./MonacoJson-BG3S3GHX.js").then((e) => ({ default: e.MonacoJsonSource }))), Kt = ge(() => import("./JsonEditor-Dz1PQHC8.js").then((e) => ({ default: e.JsonEditor })));
+function qt() {
+	let e = A();
 	return /* @__PURE__ */ Y("div", {
 		className: "flex h-full w-full items-center justify-center text-sm text-muted-foreground",
-		children: "Loading editor…"
+		children: e("record.diff.loading_editor", "Loading editor…")
 	});
 }
-function nn({ before: e, after: t }) {
-	return /* @__PURE__ */ Y(pe, {
-		fallback: /* @__PURE__ */ Y(tn, {}),
+function Jt({ before: e, after: t }) {
+	let n = A();
+	return /* @__PURE__ */ Y(he, {
+		fallback: /* @__PURE__ */ Y(qt, {}),
 		children: /* @__PURE__ */ X("div", {
 			className: "flex h-full w-full gap-2",
 			role: "group",
-			"aria-label": Zt,
+			"aria-label": Ut(n),
 			children: [/* @__PURE__ */ Y("div", {
 				className: "min-w-0 flex-1",
-				children: /* @__PURE__ */ Y(en, {
+				children: /* @__PURE__ */ Y(Kt, {
 					value: e,
 					readOnly: !0
 				})
 			}), /* @__PURE__ */ Y("div", {
 				className: "min-w-0 flex-1",
-				children: /* @__PURE__ */ Y(en, {
+				children: /* @__PURE__ */ Y(Kt, {
 					value: t,
 					readOnly: !0
 				})
@@ -2909,62 +2781,63 @@ function nn({ before: e, after: t }) {
 		})
 	});
 }
-function rn({ mode: e, onChange: t }) {
+function Yt({ mode: e, onChange: t }) {
+	let n = A();
 	return /* @__PURE__ */ X("div", {
 		className: "inline-flex gap-1",
 		role: "group",
-		"aria-label": "Diff view mode",
+		"aria-label": n("record.diff.view_mode", "Diff view mode"),
 		children: [/* @__PURE__ */ Y("button", {
 			type: "button",
 			"aria-pressed": e === "diff",
 			onClick: () => t("diff"),
 			className: `rounded px-2 py-0.5 text-xs ${e === "diff" ? "bg-accent text-accent-foreground" : "text-muted-foreground"}`,
-			children: "Diff"
+			children: n("record.diff.diff", "Diff")
 		}), /* @__PURE__ */ Y("button", {
 			type: "button",
 			"aria-pressed": e === "source",
 			onClick: () => t("source"),
 			className: `rounded px-2 py-0.5 text-xs ${e === "source" ? "bg-accent text-accent-foreground" : "text-muted-foreground"}`,
-			children: "Source"
+			children: n("record.diff.source", "Source")
 		})]
 	});
 }
-function an({ values: e, options: t }) {
-	let n = e.before, r = e.after, i = t?.default_mode === "source" ? "source" : "diff", [a, o] = q(i), s = Xt(n), c = Xt(r);
+function Xt({ values: e, options: t }) {
+	let n = A(), r = e.before, i = e.after, a = t?.default_mode === "source" ? "source" : "diff", [o, s] = q(a), c = Ht(r), l = Ht(i);
 	return /* @__PURE__ */ X("div", {
 		className: "flex flex-col gap-2",
 		children: [/* @__PURE__ */ X("div", {
 			className: "flex items-center justify-between",
-			children: [/* @__PURE__ */ Y(rn, {
-				mode: a,
-				onChange: o
-			}), s === c && /* @__PURE__ */ Y("span", {
+			children: [/* @__PURE__ */ Y(Yt, {
+				mode: o,
+				onChange: s
+			}), c === l && /* @__PURE__ */ Y("span", {
 				className: "text-xs text-muted-foreground",
 				role: "status",
-				children: "No field changes"
+				children: n("record.diff.no_changes", "No field changes")
 			})]
 		}), /* @__PURE__ */ Y("div", {
 			className: "h-[480px] w-full overflow-hidden rounded border",
 			role: "group",
-			"aria-label": Zt,
-			children: /* @__PURE__ */ Y(z, {
-				fallback: /* @__PURE__ */ Y(nn, {
-					before: n,
-					after: r
+			"aria-label": Ut(n),
+			children: /* @__PURE__ */ Y(ee, {
+				fallback: /* @__PURE__ */ Y(Jt, {
+					before: r,
+					after: i
 				}),
-				children: /* @__PURE__ */ Y(pe, {
-					fallback: /* @__PURE__ */ Y(tn, {}),
-					children: a === "diff" ? /* @__PURE__ */ Y(Qt, {
-						before: s,
-						after: c
+				children: /* @__PURE__ */ Y(he, {
+					fallback: /* @__PURE__ */ Y(qt, {}),
+					children: o === "diff" ? /* @__PURE__ */ Y(Wt, {
+						before: c,
+						after: l
 					}) : /* @__PURE__ */ X("div", {
 						className: "flex h-full w-full gap-2",
 						children: [/* @__PURE__ */ Y("div", {
 							className: "min-w-0 flex-1",
-							children: /* @__PURE__ */ Y($t, { value: s })
+							children: /* @__PURE__ */ Y(Gt, { value: c })
 						}), /* @__PURE__ */ Y("div", {
 							className: "min-w-0 flex-1",
-							children: /* @__PURE__ */ Y($t, { value: c })
+							children: /* @__PURE__ */ Y(Gt, { value: l })
 						})]
 					})
 				})
@@ -2983,7 +2856,7 @@ function $(e) {
 	let n = Object.entries(t).filter((e) => typeof e[1] == "string");
 	return n.length > 0 ? Object.fromEntries(n) : void 0;
 }
-function on(e) {
+function Zt(e) {
 	return Array.isArray(e) ? e.flatMap((e) => {
 		let t = Q(e);
 		return !t || typeof t.field != "string" ? [] : [{
@@ -2993,7 +2866,7 @@ function on(e) {
 		}];
 	}) : [];
 }
-function sn(e) {
+function Qt(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 = Q(e);
@@ -3028,7 +2901,7 @@ function sn(e) {
 		filter_label: $(r.filter_label),
 		all_label: $(r.all_label),
 		empty_label: $(r.empty_label),
-		columns: on(r.columns),
+		columns: Zt(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 = Q(e.drillthrough), o = a && typeof a.route == "string" && typeof a.scope_field == "string" && typeof a.window_field == "string" ? {
@@ -3053,134 +2926,143 @@ function sn(e) {
 		drillthrough: o
 	};
 }
-function cn(e, t, n) {
-	if (e == null || e === "") return "N/A";
-	if (t === "number") return new Intl.NumberFormat(n).format(Number(e));
-	if (t === "percent_ratio") return new Intl.NumberFormat(n, {
+function $t(e, t) {
+	let n = (e, n) => new Intl.NumberFormat(t, {
+		style: "unit",
+		unit: e,
+		unitDisplay: "narrow"
+	}).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 en(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, {
 		style: "percent",
 		maximumFractionDigits: 2
-	}).format(Number(e));
-	if (t === "duration_seconds") {
-		let t = Number(e);
-		return Number.isFinite(t) ? t >= 86400 ? `${Math.floor(t / 86400)}d` : t >= 3600 ? `${Math.floor(t / 3600)}h` : t >= 60 ? `${Math.floor(t / 60)}m` : `${Math.max(0, Math.floor(t))}s` : "N/A";
+	}).format(Number(t));
+	if (n === "duration_seconds") {
+		let e = Number(t);
+		return Number.isFinite(e) ? $t(e, i) : r;
 	}
-	if (t === "timestamp") {
-		if (typeof e != "string" && typeof e != "number" && !(e instanceof Date)) return "N/A";
-		let t = new Date(e);
-		return Number.isNaN(t.getTime()) ? "N/A" : t.toLocaleString(n, { timeZoneName: "short" });
+	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" });
 	}
-	return typeof e == "string" ? e : typeof e == "number" || typeof e == "bigint" || typeof e == "boolean" ? String(e) : "N/A";
+	return typeof t == "string" ? t : typeof t == "number" || typeof t == "bigint" || typeof t == "boolean" ? String(t) : r;
 }
-function ln(e, t) {
+function tn(e, t) {
 	return typeof e.id == "string" || typeof e.id == "number" ? String(e.id) : `row-${t}`;
 }
-function un(e, t) {
+function nn(e, t) {
 	return !t || Object.entries(t).every(([t, n]) => e[t] === n);
 }
-function dn({ values: e, options: t }) {
-	let n = G(() => sn(t), [t]), r = x(), i = ne(), a = e.scope, o = n?.windows.some((e) => e.code === n.default_window) ? n.default_window : n?.windows[0]?.code ?? "", [s, c] = q(o), [l, u] = q("");
-	W(() => {
-		c(o);
-	}, [o]), W(() => {
-		u("");
-	}, [s]);
-	let d = n ? [{
-		field: n.scope_field,
+function rn({ values: e, options: t }) {
+	let n = A(), r = A("errors"), a = ye(() => Qt(t), [t]), o = ie(), s = e.scope, c = a?.windows.some((e) => e.code === a.default_window) ? a.default_window : a?.windows[0]?.code ?? "", [l, u] = q(c), [d, f] = q("");
+	G(() => {
+		u(c);
+	}, [c]), G(() => {
+		f("");
+	}, [l]);
+	let p = a ? [{
+		field: a.scope_field,
 		op: "eq",
-		value: a
+		value: s
 	}, {
-		field: n.window_field,
+		field: a.window_field,
 		op: "eq",
-		value: s
-	}] : [], f = N(n?.entity, {
+		value: l
+	}] : [], m = i(a?.entity, {
 		per_page: 1,
-		filters: d
-	}, !!(n && a && s)), p = n?.breakdown, m = p ? [{
-		field: p.scope_field,
+		filters: p
+	}, !!(a && s && l)), h = a?.breakdown, g = h ? [{
+		field: h.scope_field,
 		op: "eq",
-		value: a
+		value: s
 	}, {
-		field: p.window_field,
+		field: h.window_field,
 		op: "eq",
-		value: s
-	}] : [], h = N(p?.entity, {
-		per_page: p?.limit ?? 200,
-		sort: p?.sort,
-		filters: m
-	}, !!(p && a && s));
-	if (!n || !a) return /* @__PURE__ */ Y("div", {
+		value: l
+	}] : [], _ = i(h?.entity, {
+		per_page: h?.limit ?? 200,
+		sort: h?.sort,
+		filters: g
+	}, !!(h && s && l));
+	if (!a || !s) return /* @__PURE__ */ Y("div", {
 		role: "alert",
 		className: "rounded border border-destructive p-3 text-sm text-destructive",
-		children: "Invalid entity_scorecard configuration."
+		children: r("record.scorecard_config_invalid", "Invalid entity_scorecard configuration.")
 	});
-	let g = f.data?.data?.[0], _ = h.data?.data ?? [], v = p?.filter_field ? Array.from(new Set(_.map((e) => e[p.filter_field]).filter((e) => typeof e == "string" && e !== ""))).sort() : [], y = l && p?.filter_field ? _.filter((e) => e[p.filter_field] === l) : _, b = (e) => !l || !e.filtered || !p?.filter_field ? g?.[e.field] : _.find((t) => t[p.filter_field] === l && un(t, e.filtered?.where))?.[e.filtered.field], S = (e) => {
-		let t = n.drillthrough;
+	let v = m.data?.data?.[0], y = _.data?.data ?? [], b = h?.filter_field ? Array.from(new Set(y.map((e) => e[h.filter_field]).filter((e) => typeof e == "string" && e !== ""))).sort() : [], x = d && h?.filter_field ? y.filter((e) => e[h.filter_field] === d) : y, S = (e) => !d || !e.filtered || !h?.filter_field ? v?.[e.field] : y.find((t) => t[h.filter_field] === d && nn(t, e.filtered?.where))?.[e.filtered.field], C = (e) => {
+		let t = a.drillthrough;
 		if (!t || !e.drillthrough_value) return;
-		let r = [{
+		let n = [{
 			field: t.scope_field,
 			op: "eq",
-			value: a
+			value: s
 		}, {
 			field: t.window_field,
 			op: "eq",
-			value: s
+			value: l
 		}];
-		t.filter_field && l && e.drillthrough_filter !== !1 && r.push({
+		t.filter_field && d && e.drillthrough_filter !== !1 && n.push({
 			field: t.filter_field,
 			op: "eq",
-			value: l
-		}), t.metric_field && r.push({
+			value: d
+		}), t.metric_field && n.push({
 			field: t.metric_field,
 			op: "eq",
 			value: e.drillthrough_value
-		}), i(t.route, { search: new URLSearchParams({ filters: JSON.stringify(r) }).toString() });
-	}, C = f.error ?? h.error;
+		}), o(t.route, { search: new URLSearchParams({ filters: JSON.stringify(n) }).toString() });
+	}, w = m.error ?? _.error, T = n(h?.filter_label) || n("record.scorecard.filter", "Filter");
 	return /* @__PURE__ */ X("div", {
 		className: "flex min-w-0 flex-col gap-4",
-		"aria-label": E(n.title, r) || "Scorecard",
+		"aria-label": n(a.title) || n("record.scorecard.title", "Scorecard"),
 		children: [
 			/* @__PURE__ */ X("div", {
 				className: "flex flex-wrap items-start justify-between gap-3",
 				children: [/* @__PURE__ */ X("div", {
 					className: "min-w-0",
 					children: [
-						n.title && /* @__PURE__ */ Y("h3", {
+						a.title && /* @__PURE__ */ Y("h3", {
 							className: "text-base font-semibold text-foreground",
-							children: E(n.title, r)
+							children: n(a.title)
 						}),
-						n.description && /* @__PURE__ */ Y("p", {
+						a.description && /* @__PURE__ */ Y("p", {
 							className: "mt-1 text-sm text-muted-foreground",
-							children: E(n.description, r)
+							children: n(a.description)
 						}),
-						n.intended_note && /* @__PURE__ */ Y("p", {
+						a.intended_note && /* @__PURE__ */ Y("p", {
 							className: "mt-1 text-xs text-muted-foreground",
-							children: E(n.intended_note, r)
+							children: n(a.intended_note)
 						})
 					]
 				}), /* @__PURE__ */ X("div", {
 					className: "flex flex-wrap items-center gap-2",
 					children: [/* @__PURE__ */ Y("div", {
 						role: "group",
-						"aria-label": "Scorecard window",
+						"aria-label": n("record.scorecard.window", "Scorecard window"),
 						className: "inline-flex rounded border border-border p-1",
-						children: n.windows.map((e) => /* @__PURE__ */ Y("button", {
+						children: a.windows.map((e) => /* @__PURE__ */ Y("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: E(e.label, r) || e.code
+							"aria-pressed": l === e.code,
+							onClick: () => u(e.code),
+							className: `rounded px-3 py-1.5 text-xs font-medium ${l === e.code ? "bg-accent text-accent-foreground" : "text-muted-foreground"}`,
+							children: n(e.label) || e.code
 						}, e.code))
-					}), p?.filter_field && /* @__PURE__ */ X("label", {
+					}), h?.filter_field && /* @__PURE__ */ X("label", {
 						className: "flex items-center gap-2 text-xs text-muted-foreground",
-						children: [E(p.filter_label, r) || "Filter", /* @__PURE__ */ X("select", {
-							"aria-label": E(p.filter_label, r) || "Filter",
-							value: l,
-							onChange: (e) => u(e.target.value),
+						children: [T, /* @__PURE__ */ X("select", {
+							"aria-label": T,
+							value: d,
+							onChange: (e) => f(e.target.value),
 							className: "rounded border border-border bg-background px-2 py-1.5 text-foreground",
 							children: [/* @__PURE__ */ Y("option", {
 								value: "",
-								children: E(p.all_label, r) || "All"
-							}), v.map((e) => /* @__PURE__ */ Y("option", {
+								children: n(h.all_label) || n("record.scorecard.all", "All")
+							}), b.map((e) => /* @__PURE__ */ Y("option", {
 								value: e,
 								children: e
 							}, e))]
@@ -3188,63 +3070,63 @@ function dn({ values: e, options: t }) {
 					})]
 				})]
 			}),
-			C && /* @__PURE__ */ Y("div", {
+			w && /* @__PURE__ */ Y("div", {
 				role: "alert",
 				className: "rounded border border-destructive p-3 text-sm text-destructive",
-				children: C instanceof Error ? C.message : "Scorecard data could not be loaded."
+				children: U(r, w)
 			}),
-			!C && !f.isLoading && !g && /* @__PURE__ */ Y("div", {
+			!w && !m.isLoading && !v && /* @__PURE__ */ Y("div", {
 				className: "rounded border border-border p-6 text-center text-sm text-muted-foreground",
-				children: E(n.empty_label, r) || "No scorecard data."
+				children: n(a.empty_label) || n("record.scorecard.empty", "No scorecard data.")
 			}),
-			g && /* @__PURE__ */ Y("div", {
+			v && /* @__PURE__ */ Y("div", {
 				className: "grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-4",
-				children: n.metrics.map((e) => {
-					let t = b(e), i = !!(n.drillthrough && e.drillthrough_value), a = /* @__PURE__ */ X(J, { children: [
+				children: a.metrics.map((e) => {
+					let t = S(e), r = !!(a.drillthrough && e.drillthrough_value), i = /* @__PURE__ */ X(J, { children: [
 						/* @__PURE__ */ Y("span", {
 							className: "text-xs font-medium text-muted-foreground",
-							children: E(e.label, r) || e.field
+							children: n(e.label) || e.field
 						}),
 						/* @__PURE__ */ Y("strong", {
 							className: `mt-2 block text-2xl font-semibold ${e.attention && Number(t) > 0 ? "text-destructive" : "text-foreground"}`,
-							children: cn(t, e.format, r)
+							children: en(n, t, e.format)
 						}),
 						e.help && /* @__PURE__ */ Y("span", {
 							className: "mt-1 block text-xs text-muted-foreground",
-							children: E(e.help, r)
+							children: n(e.help)
 						})
 					] });
-					return i ? /* @__PURE__ */ Y("button", {
+					return r ? /* @__PURE__ */ Y("button", {
 						type: "button",
-						onClick: () => S(e),
+						onClick: () => C(e),
 						className: "rounded border border-border bg-card p-3 text-left hover:bg-surface",
-						children: a
+						children: i
 					}, e.field) : /* @__PURE__ */ Y("article", {
 						className: "rounded border border-border bg-card p-3",
-						children: a
+						children: i
 					}, e.field);
 				})
 			}),
-			p && /* @__PURE__ */ Y("div", {
+			h && /* @__PURE__ */ Y("div", {
 				className: "min-w-0 overflow-x-auto rounded border border-border",
 				children: /* @__PURE__ */ X("table", {
 					className: "w-full border-collapse text-sm",
 					children: [/* @__PURE__ */ Y("thead", {
 						className: "bg-surface text-left text-xs text-muted-foreground",
-						children: /* @__PURE__ */ Y("tr", { children: p.columns.map((e) => /* @__PURE__ */ Y("th", {
+						children: /* @__PURE__ */ Y("tr", { children: h.columns.map((e) => /* @__PURE__ */ Y("th", {
 							className: "border-b border-divider px-3 py-2 font-medium",
-							children: E(e.label, r) || e.field
+							children: n(e.label) || e.field
 						}, e.field)) })
-					}), /* @__PURE__ */ X("tbody", { children: [y.map((e, t) => /* @__PURE__ */ Y("tr", {
+					}), /* @__PURE__ */ X("tbody", { children: [x.map((e, t) => /* @__PURE__ */ Y("tr", {
 						className: "border-b border-divider last:border-0",
-						children: p.columns.map((t) => /* @__PURE__ */ Y("td", {
+						children: h.columns.map((t) => /* @__PURE__ */ Y("td", {
 							className: "px-3 py-2 text-foreground",
-							children: cn(e[t.field], t.format, r)
+							children: en(n, e[t.field], t.format)
 						}, t.field))
-					}, ln(e, t))), !h.isLoading && y.length === 0 && /* @__PURE__ */ Y("tr", { children: /* @__PURE__ */ Y("td", {
-						colSpan: Math.max(1, p.columns.length),
+					}, tn(e, t))), !_.isLoading && x.length === 0 && /* @__PURE__ */ Y("tr", { children: /* @__PURE__ */ Y("td", {
+						colSpan: Math.max(1, h.columns.length),
 						className: "px-3 py-6 text-center text-muted-foreground",
-						children: E(p.empty_label, r) || "No breakdown rows."
+						children: n(h.empty_label) || n("record.scorecard.breakdown_empty", "No breakdown rows.")
 					}) })] })]
 				})
 			})
@@ -3253,21 +3135,25 @@ function dn({ values: e, options: t }) {
 }
 //#endregion
 //#region src/components/detail-layout/widgets/builtins.ts
-var fn = !1;
-function pn() {
-	fn ||= (B("json_diff", an), B("entity_scorecard", dn), !0);
+var an = !1;
+function on() {
+	an ||= (R("json_diff", Xt), R("entity_scorecard", rn), !0);
 }
 //#endregion
 //#region src/components/detail-layout/widgets/WidgetHost.tsx
-pn();
-function mn({ config: e, ctx: t }) {
-	let n = H(e.type);
-	if (!n) return /* @__PURE__ */ Y("span", {
+on();
+function sn({ config: e, ctx: t }) {
+	let n = A("errors"), r = z(e.type);
+	if (!r) return /* @__PURE__ */ X("span", {
 		className: "text-sm text-muted-foreground",
-		children: `unknown widget: ${e.type}`
+		children: [
+			n("record.widget_unknown", "This page names a widget this deployment does not have."),
+			" ",
+			/* @__PURE__ */ Y("code", { children: e.type })
+		]
 	});
-	let r = e.inputs ?? {}, i = t.record, a = {};
-	for (let [e, t] of Object.entries(r)) a[e] = i[t];
+	let i = e.inputs ?? {}, a = t.record, o = {};
+	for (let [e, t] of Object.entries(i)) o[e] = a[t];
 	return /* @__PURE__ */ Y("div", {
 		style: {
 			minWidth: 0,
@@ -3275,10 +3161,10 @@ function mn({ config: e, ctx: t }) {
 			overflowX: "auto",
 			WebkitOverflowScrolling: "touch"
 		},
-		children: /* @__PURE__ */ Y(n, {
-			inputs: r,
-			values: a,
-			record: i,
+		children: /* @__PURE__ */ Y(r, {
+			inputs: i,
+			values: o,
+			record: a,
 			options: e.options,
 			ctx: t
 		})
@@ -3286,45 +3172,45 @@ function mn({ config: e, ctx: t }) {
 }
 //#endregion
 //#region src/components/detail-layout/LayoutRenderer.tsx
-function hn({ nodes: e, ctx: t }) {
-	return /* @__PURE__ */ Y(J, { children: e.map((e, n) => /* @__PURE__ */ Y(gn, {
+function cn({ nodes: e, ctx: t }) {
+	return /* @__PURE__ */ Y(J, { children: e.map((e, n) => /* @__PURE__ */ Y(ln, {
 		node: e,
 		ctx: t
 	}, n)) });
 }
-function gn({ node: e, ctx: t }) {
-	return e.row ? /* @__PURE__ */ Y(we, {
+function ln({ node: e, ctx: t }) {
+	return e.row ? /* @__PURE__ */ Y(Te, {
 		config: e.row,
 		ctx: t
-	}) : e.column ? /* @__PURE__ */ Y(De, {
+	}) : e.column ? /* @__PURE__ */ Y(Oe, {
 		config: e.column,
 		node: e,
 		ctx: t
-	}) : e.tabs ? /* @__PURE__ */ Y(je, {
+	}) : e.tabs ? /* @__PURE__ */ Y(Me, {
 		config: e.tabs,
 		ctx: t
-	}) : e.section ? /* @__PURE__ */ Y(Me, {
+	}) : e.section ? /* @__PURE__ */ Y(Ne, {
 		config: e.section,
 		ctx: t
-	}) : e.children ? /* @__PURE__ */ Y(kt, {
+	}) : e.children ? /* @__PURE__ */ Y(At, {
 		node: e,
 		ctx: t
-	}) : e.associated ? /* @__PURE__ */ Y(V, {
+	}) : e.associated ? /* @__PURE__ */ Y(j, {
 		node: e,
 		ctx: t
-	}) : e.fields ? /* @__PURE__ */ Y(zt, {
+	}) : e.fields ? /* @__PURE__ */ Y(jt, {
 		fields: e.fields,
 		ctx: t
-	}) : e.properties == null ? e.statuses == null ? e.widget ? /* @__PURE__ */ Y(mn, {
+	}) : e.properties == null ? e.statuses == null ? e.widget ? /* @__PURE__ */ Y(sn, {
 		config: e.widget,
 		ctx: t
-	}) : null : /* @__PURE__ */ Y(qt, {
+	}) : null : /* @__PURE__ */ Y(zt, {
 		node: e,
 		ctx: t
-	}) : /* @__PURE__ */ Y(Ht, {
+	}) : /* @__PURE__ */ Y(Pt, {
 		node: e,
 		ctx: t
 	});
 }
 //#endregion
-export { Gt as n, hn as t };
+export { Lt as n, cn as t };