@declarion/react 0.81.0 → 0.82.0

package/dist-lib/components/pages/SmartRecordListPage.impl.js

@@ -1,5 +1,5 @@
 import { coerceDisplayString as e } from "../../lib/display-value.js";
-import { entityAllowsMutation as t, fieldDisplayName as n, getDisplayValue as r, singlePkValues as i } from "../../types/schema.js";
+import { fieldDisplayName as t, getDisplayValue as n, rowAllowsMutation as r, singlePkValues as i } from "../../types/schema.js";
 import { useFirstScreenSettled as a } from "../../lib/capabilityPrefetch.js";
 import { useSchema as o } from "../../hooks/useSchema.js";
 import { textWithNodes as s } from "../../lib/language.js";
@@ -7,110 +7,111 @@ import { Icon as c } from "../primitives/Icons.js";
 import { Btn as l } from "../primitives/Btn.js";
 import { IconBtn as u } from "../primitives/IconBtn.js";
 import { useText as d } from "../../hooks/useText.js";
-import { useResponsiveMode as f } from "../../hooks/useResponsiveMode.js";
-import { Spinner as p } from "../primitives/Spinner.js";
-import { TextInput as m } from "../primitives/Fields.js";
-import { pageInsetX as ee } from "../../lib/page-inset.js";
-import { readableSort as te } from "../../lib/field-classification.js";
-import { stripUnsupportedSortSegments as ne } from "../../lib/sort.js";
-import { useObject as re } from "../../hooks/useObject.js";
-import { useDebounce as ie } from "../../hooks/useDebounce.js";
-import { FileDraftScope as h, useFileDraftScope as ae } from "../file-widgets/draft-scope.js";
-import { getEntityFileField as g, getSchemaFieldValue as _, renderSchemaField as v, schemaFieldHasValue as y, serializeSchemaFieldValue as b } from "../file-widgets/host.js";
-import { buildFilesPayload as x, collectCommittedFileIds as oe } from "../file-widgets/payload.js";
-import { useUpdateObject as se } from "../../hooks/useMutations.js";
-import { useSetStatus as S } from "../../hooks/useObjectStatus.js";
-import { useSetProperty as C } from "../../hooks/useProperties.js";
-import { countActiveFilters as ce, parseFilterURLState as le, removeFilterAtPath as w, setFiltersInURL as T } from "../../lib/filters.js";
-import { useScreenBack as E } from "../../hooks/useScreenBack.js";
-import { useRegisterScreenTab as D } from "../../hooks/useRegisterScreenTab.js";
-import { useTabSearchMirror as O } from "../../hooks/useTabSearchMirror.js";
-import { DetailSkeleton as k } from "../shared/LoadingSkeleton.js";
-import { FilterDrawer as A } from "../filters/FilterDrawer.js";
-import { FilterChips as j } from "../filters/FilterChips.js";
-import { LayoutRenderer as ue } from "../detail-layout/LayoutRenderer.js";
-import { resolveCard as de, resolveListProjection as fe } from "./list/cardProjection.js";
-import { useListFilterPresentation as M } from "./list/useListFilterPresentation.js";
+import { useResponsiveMode as ee } from "../../hooks/useResponsiveMode.js";
+import { Spinner as f } from "../primitives/Spinner.js";
+import { TextInput as p } from "../primitives/Fields.js";
+import { pageInsetX as te } from "../../lib/page-inset.js";
+import { readableSort as ne } from "../../lib/field-classification.js";
+import { stripUnsupportedSortSegments as re } from "../../lib/sort.js";
+import { useObject as ie } from "../../hooks/useObject.js";
+import { useDebounce as ae } from "../../hooks/useDebounce.js";
+import { FileDraftScope as m, useFileDraftScope as oe } from "../file-widgets/draft-scope.js";
+import { getEntityFileField as h, getSchemaFieldValue as g, renderSchemaField as _, schemaFieldHasValue as v, serializeSchemaFieldValue as se } from "../file-widgets/host.js";
+import { buildFilesPayload as y, collectCommittedFileIds as b } from "../file-widgets/payload.js";
+import { useUpdateObject as ce } from "../../hooks/useMutations.js";
+import { useSetStatus as x } from "../../hooks/useObjectStatus.js";
+import { useSetProperty as S } from "../../hooks/useProperties.js";
+import { countActiveFilters as le, parseFilterURLState as ue, removeFilterAtPath as C, setFiltersInURL as w } from "../../lib/filters.js";
+import { useScreenBack as T } from "../../hooks/useScreenBack.js";
+import { useRegisterScreenTab as E } from "../../hooks/useRegisterScreenTab.js";
+import { useTabSearchMirror as D } from "../../hooks/useTabSearchMirror.js";
+import { DetailSkeleton as O } from "../shared/LoadingSkeleton.js";
+import { FilterDrawer as k } from "../filters/FilterDrawer.js";
+import { FilterChips as A } from "../filters/FilterChips.js";
+import { useRowTenant as de } from "../../hooks/useRowTenant.js";
+import { LayoutRenderer as j } from "../detail-layout/LayoutRenderer.js";
+import { resolveCard as M, resolveListProjection as fe } from "./list/cardProjection.js";
+import { useListFilterPresentation as pe } from "./list/useListFilterPresentation.js";
 import { FilterOmittedNotice as N } from "../filters/FilterOmittedNotice.js";
 import { useListQuery as P } from "./list/useListQuery.js";
-import { listLoadErrorDescription as pe } from "./list/ListNoRows.js";
+import { listLoadErrorDescription as F } from "./list/ListNoRows.js";
 import { useFilterValueLabels as me } from "./list/use-filter-value-labels.js";
-import { useCallback as F, useEffect as I, useMemo as L, useRef as R, useState as z } from "react";
-import { Fragment as B, jsx as V, jsxs as H } from "react/jsx-runtime";
-import { useSearchParams as he } from "react-router";
+import { useCallback as I, useEffect as L, useMemo as R, useRef as z, useState as B } from "react";
+import { Fragment as he, jsx as V, jsxs as H } from "react/jsx-runtime";
+import { useSearchParams as ge } from "react-router";
 //#region src/components/pages/SmartRecordListPage.impl.tsx
-var ge = 200, _e = "items:";
+var _e = 200, ve = "items:";
 function U({ screenCode: t }) {
-	let n = d(), r = d("errors"), [i, s] = he(), { data: p, refetch: re } = o(), h = f(), [ae, g] = z(!1), _ = p?.screens[t], v = _?.entity ? p?.entities[_.entity] : void 0, y = _?.entity;
-	D(_, v, i.toString()), O(_?.route);
-	let b = E(), x = i.get("selected") ?? null, oe = i.get("search") ?? "", se = ie(oe, 300), S = i.get("sort") ?? te(v, _?.sort_default) ?? "", C = L(() => le(i), [i]), { visibleFilterState: k, filterFieldMeta: ue, allFilterFieldMeta: _e, filterFieldName: U } = M(_, v, p?.entities, C.filters), W = k.filters, G = F((e) => {
+	let n = d(), r = d("errors"), [i, s] = ge(), { data: f, refetch: ie } = o(), m = ee(), [oe, h] = B(!1), g = f?.screens[t], _ = g?.entity ? f?.entities[g.entity] : void 0, v = g?.entity;
+	E(g, _, i.toString()), D(g?.route);
+	let se = T(), y = i.get("selected") ?? null, b = i.get("search") ?? "", ce = ae(b, 300), x = i.get("sort") ?? ne(_, g?.sort_default) ?? "", S = R(() => ue(i), [i]), { visibleFilterState: O, filterFieldMeta: de, allFilterFieldMeta: j, filterFieldName: ve } = pe(g, _, f?.entities, S.filters), U = O.filters, G = I((e) => {
 		s((t) => {
 			let n = new URLSearchParams(t);
-			return T(e, n), n;
+			return w(e, n), n;
 		}, { replace: !0 });
-	}, [s]), K = L(() => _?.columns ?? v?.fields.names().filter((e) => !v.fields.get(e)?.primary && !v.fields.get(e)?.auto && v.fields.get(e)?.display?.is_listable !== !1).slice(0, 4) ?? [], [_?.columns, v]), q = L(() => {
-		let e = _?.responsive?.[h.category]?.presentation;
-		return h.category === "phone" ? "drilldown" : e === "split" || e === "drilldown" || e === "stacked" ? e : "split";
-	}, [_?.responsive, h.category]), J = L(() => {
-		let e = _?.responsive?.[h.category];
-		return e?.list?.presentation === "table" || e?.list?.presentation === "cards" ? e.list.presentation : e?.presentation === "table" || e?.presentation === "cards" ? e.presentation : h.category === "phone" ? "cards" : "table";
-	}, [_?.responsive, h.category]), be = _?.responsive?.[h.category]?.layout?.related_records, xe = L(() => de({
-		entity: v,
-		screen: _
-	}), [v, _]), Se = L(() => fe({
-		entity: v,
-		screen: _,
+	}, [s]), K = R(() => g?.columns ?? _?.fields.names().filter((e) => !_.fields.get(e)?.primary && !_.fields.get(e)?.auto && _.fields.get(e)?.display?.is_listable !== !1).slice(0, 4) ?? [], [g?.columns, _]), q = R(() => {
+		let e = g?.responsive?.[m.category]?.presentation;
+		return m.category === "phone" ? "drilldown" : e === "split" || e === "drilldown" || e === "stacked" ? e : "split";
+	}, [g?.responsive, m.category]), J = R(() => {
+		let e = g?.responsive?.[m.category];
+		return e?.list?.presentation === "table" || e?.list?.presentation === "cards" ? e.list.presentation : e?.presentation === "table" || e?.presentation === "cards" ? e.presentation : m.category === "phone" ? "cards" : "table";
+	}, [g?.responsive, m.category]), be = g?.responsive?.[m.category]?.layout?.related_records, xe = R(() => M({
+		entity: _,
+		screen: g
+	}), [_, g]), Se = R(() => fe({
+		entity: _,
+		screen: g,
 		presentation: J,
 		visibleColumns: K,
 		card: xe,
-		sort: S
+		sort: x
 	}), [
-		v,
 		_,
+		g,
 		J,
 		K,
 		xe,
-		S
+		x
 	]), Y = P({
-		entity: v,
-		entityCode: y,
-		screen: _,
+		entity: _,
+		entityCode: v,
+		screen: g,
 		screenCode: t,
 		page: 1,
-		perPage: ge,
-		sortForRequest: ne(S),
-		debouncedSearch: se,
-		filters: W,
+		perPage: _e,
+		sortForRequest: re(x),
+		debouncedSearch: ce,
+		filters: U,
 		includeDeleted: !1,
 		expand: Se.expandFields,
 		select: Se.selectFields,
-		isHeld: !v,
+		isHeld: !_,
 		retryHeld: () => {
-			re();
+			ie();
 		},
 		runCountQuery: !1,
-		urlKey: `${y ?? ""}|${i.toString()}`
+		urlKey: `${v ?? ""}|${i.toString()}`
 	}), Ce = Y.rows, we = Y.refs, Te = Y.isLoading;
 	a(!Te);
-	let { labelFor: Ee, refs: De } = me(_e, W, we, p?.entities), Oe = L(() => v?.fields.names().find((e) => v.fields.get(e)?.primary) ?? "id", [v]), ke = F((e, t) => {
+	let { labelFor: Ee, refs: De } = me(j, U, we, f?.entities), Oe = R(() => _?.fields.names().find((e) => _.fields.get(e)?.primary) ?? "id", [_]), ke = I((e, t) => {
 		s((t) => {
 			let n = new URLSearchParams(t);
 			return e ? n.set("selected", e) : n.delete("selected"), n;
 		}, { replace: t?.replace ?? !0 });
-	}, [s]), Ae = F((e) => {
+	}, [s]), Ae = I((e) => {
 		s((t) => {
 			let n = new URLSearchParams(t);
 			return e ? n.set("search", e) : n.delete("search"), n;
 		}, { replace: !0 });
-	}, [s]), X = (_?.list_resizable ?? !1) && q === "split" && h.category !== "phone" && !h.touch, je = R(null), [Z, Q] = z(null), Me = R(!1), $ = _?.list_width;
-	I(() => {
+	}, [s]), X = (g?.list_resizable ?? !1) && q === "split" && m.category !== "phone" && !m.touch, je = z(null), [Z, Q] = B(null), Me = z(!1), $ = g?.list_width;
+	L(() => {
 		X && $?.endsWith("%") && Q(null);
 	}, [
 		X,
 		$,
-		h.width,
-		h.height
-	]), I(() => {
+		m.width,
+		m.height
+	]), L(() => {
 		if (!X || Z !== null) return;
 		let e = je.current;
 		if (e) {
@@ -123,13 +124,13 @@ function U({ screenCode: t }) {
 		X,
 		$,
 		Z,
-		v
+		_
 	]);
-	let Ne = R(null);
-	I(() => () => {
+	let Ne = z(null);
+	L(() => () => {
 		Ne.current?.();
 	}, []);
-	let Pe = F((e) => {
+	let Pe = I((e) => {
 		e.preventDefault(), Me.current = !0;
 		let t = e.clientX, n = Z ?? 320, r = (e) => {
 			if (!Me.current) return;
@@ -140,8 +141,8 @@ function U({ screenCode: t }) {
 		};
 		document.body.style.cursor = "col-resize", document.body.style.userSelect = "none", document.addEventListener("mousemove", r), document.addEventListener("mouseup", i), Ne.current = i;
 	}, [Z]);
-	if (!p || !_ || !v) return null;
-	let Fe = ce(W), Ie = q === "split" || q === "stacked" || !x, Le = q === "split" || q === "stacked" || !!x, Re = q !== "split" && x ? () => ke(null, { replace: !0 }) : void 0, ze = q === "split" ? X && Z !== null ? Z : _.list_width ?? "320px" : "100%";
+	if (!f || !g || !_) return null;
+	let Fe = le(U), Ie = q === "split" || q === "stacked" || !y, Le = q === "split" || q === "stacked" || !!y, Re = q !== "split" && y ? () => ke(null, { replace: !0 }) : void 0, ze = q === "split" ? X && Z !== null ? Z : g.list_width ?? "320px" : "100%";
 	return /* @__PURE__ */ H("div", {
 		ref: je,
 		"data-record-list-presentation": q,
@@ -170,14 +171,14 @@ function U({ screenCode: t }) {
 					style: {
 						paddingTop: 12,
 						paddingBottom: 12,
-						...ee(12),
+						...te(12),
 						display: "flex",
 						flexDirection: "column",
 						gap: 8,
 						borderBottom: "1px solid var(--divider)"
 					},
 					children: [
-						b.hasOriginBack && /* @__PURE__ */ H("div", {
+						se.hasOriginBack && /* @__PURE__ */ H("div", {
 							style: {
 								display: "flex",
 								alignItems: "center",
@@ -186,23 +187,23 @@ function U({ screenCode: t }) {
 							children: [/* @__PURE__ */ V(u, {
 								icon: /* @__PURE__ */ V(c.back, { size: 14 }),
 								title: n("list.header.back", "Back"),
-								onClick: b.goBack
+								onClick: se.goBack
 							}), /* @__PURE__ */ V("span", {
 								style: {
 									fontSize: 12.5,
 									fontWeight: 600,
 									color: "var(--text)"
 								},
-								children: n(_.display?.name) || n(v.display.name_plural)
+								children: n(g.display?.name) || n(_.display.name_plural)
 							})]
 						}),
-						/* @__PURE__ */ V(m, {
-							value: oe,
+						/* @__PURE__ */ V(p, {
+							value: b,
 							onChange: Ae,
-							placeholder: n("list.toolbar.search_placeholder", "Search {name}…", { name: n(v.display.name_plural) }),
+							placeholder: n("list.toolbar.search_placeholder", "Search {name}…", { name: n(_.display.name_plural) }),
 							prefix: /* @__PURE__ */ V(c.search, { size: 13 })
 						}),
-						C.error && /* @__PURE__ */ H("div", {
+						S.error && /* @__PURE__ */ H("div", {
 							role: "alert",
 							"data-testid": "record-list-filter-url-error",
 							style: {
@@ -213,7 +214,7 @@ function U({ screenCode: t }) {
 								fontSize: 11.5
 							},
 							children: [
-								r(C.errorCode ?? "", C.error),
+								r(S.errorCode ?? "", S.error),
 								" ",
 								n("list.filters.invalid_suffix", "Showing this list without URL filters.")
 							]
@@ -221,17 +222,17 @@ function U({ screenCode: t }) {
 						/* @__PURE__ */ H(l, {
 							size: "xs",
 							icon: /* @__PURE__ */ V(c.filter, { size: 12 }),
-							onClick: () => g(!0),
+							onClick: () => h(!0),
 							children: [n("filter.drawer.title", "Filters"), Fe > 0 ? ` (${Fe})` : ""]
 						}),
-						k.omitted && /* @__PURE__ */ V(N, {}),
-						/* @__PURE__ */ V(j, {
-							filters: W,
+						O.omitted && /* @__PURE__ */ V(N, {}),
+						/* @__PURE__ */ V(A, {
+							filters: U,
 							resolveValue: Ee,
-							fieldLabel: U,
-							onRemoveAtPath: (e) => G(w(W, e)),
+							fieldLabel: ve,
+							onRemoveAtPath: (e) => G(C(U, e)),
 							onClearAll: () => G([]),
-							onChipClick: () => g(!0)
+							onChipClick: () => h(!0)
 						}),
 						/* @__PURE__ */ V("div", {
 							style: {
@@ -243,7 +244,7 @@ function U({ screenCode: t }) {
 							},
 							children: /* @__PURE__ */ V("span", { children: Te ? n("list.records.loading", "Loading…") : Y.isError ? r("list.rows_unreadable", "The records could not be loaded.") : n("list.records.count", "{count} {name}", {
 								count: Ce.length,
-								name: n(v.display.name_plural)
+								name: n(_.display.name_plural)
 							}) })
 						})
 					]
@@ -274,7 +275,7 @@ function U({ screenCode: t }) {
 							padding: 16,
 							color: "var(--text-2)"
 						},
-						children: [pe(n, r, v, Y.error), /* @__PURE__ */ V(l, {
+						children: [F(n, r, _, Y.error), /* @__PURE__ */ V(l, {
 							size: "xs",
 							onClick: () => {
 								Y.retry();
@@ -289,16 +290,16 @@ function U({ screenCode: t }) {
 							color: "var(--text-3)"
 						},
 						children: n("list.records.none", "No records found")
-					}) : /* @__PURE__ */ H(B, { children: [Ce.map((t) => {
+					}) : /* @__PURE__ */ H(he, { children: [Ce.map((t) => {
 						let n = e(t[Oe]);
-						return /* @__PURE__ */ V(ve, {
+						return /* @__PURE__ */ V(W, {
 							record: t,
-							entity: v,
+							entity: _,
 							columns: K,
 							card: xe,
 							presentation: J,
 							refs: we,
-							isSelected: n === x,
+							isSelected: n === y,
 							onClick: () => ke(n, { replace: q === "split" })
 						}, n);
 					}), Y.isCursor && Y.hasMorePages && /* @__PURE__ */ V("button", {
@@ -343,21 +344,21 @@ function U({ screenCode: t }) {
 					overflow: "hidden",
 					height: q === "stacked" ? "50%" : "100%"
 				},
-				children: [!Ie && k.omitted && /* @__PURE__ */ V(N, { className: "p-4" }), /* @__PURE__ */ V("div", {
+				children: [!Ie && O.omitted && /* @__PURE__ */ V(N, { className: "p-4" }), /* @__PURE__ */ V("div", {
 					style: {
 						flex: 1,
 						minHeight: 0
 					},
-					children: x ? /* @__PURE__ */ V(ye, {
-						entityCode: y,
-						recordId: x,
-						items: _.items,
-						schema: p,
-						entity: v,
+					children: y ? /* @__PURE__ */ V(ye, {
+						entityCode: v,
+						recordId: y,
+						items: g.items,
+						schema: f,
+						entity: _,
 						onBackToList: Re,
-						onOpenFilters: Ie ? void 0 : () => g(!0),
+						onOpenFilters: Ie ? void 0 : () => h(!0),
 						relatedRecordsPresentation: be
-					}, x) : /* @__PURE__ */ V("div", {
+					}, y) : /* @__PURE__ */ V("div", {
 						style: {
 							display: "flex",
 							alignItems: "center",
@@ -367,30 +368,30 @@ function U({ screenCode: t }) {
 						},
 						children: /* @__PURE__ */ V("p", {
 							style: { fontSize: 12.5 },
-							children: n("list.detail.select_prompt", "Select a {name} to view details", { name: n(v.display.name) })
+							children: n("list.detail.select_prompt", "Select a {name} to view details", { name: n(_.display.name) })
 						})
 					})
 				})]
 			}),
-			/* @__PURE__ */ V(A, {
-				open: ae,
-				onClose: () => g(!1),
-				filters: W,
+			/* @__PURE__ */ V(k, {
+				open: oe,
+				onClose: () => h(!1),
+				filters: U,
 				onApply: G,
-				availableFields: ue,
-				allFields: _e,
-				fieldLabel: U,
+				availableFields: de,
+				allFields: j,
+				fieldLabel: ve,
 				resolveValue: Ee,
-				defaultFilters: _.default_filters,
+				defaultFilters: g.default_filters,
 				refs: De
 			})
 		]
 	});
 }
-function ve({ record: e, entity: t, columns: n, card: r, presentation: i, refs: a, isSelected: o, onClick: s }) {
+function W({ record: e, entity: t, columns: n, card: r, presentation: i, refs: a, isSelected: o, onClick: s }) {
 	let c = d();
 	if (i === "cards") {
-		let n = r.badgeFields.filter((n) => y(t, e, n)), i = r.bodyFields.filter((n) => y(t, e, n)), l = r.metaFields.filter((n) => y(t, e, n));
+		let n = r.badgeFields.filter((n) => v(t, e, n)), i = r.bodyFields.filter((n) => v(t, e, n)), l = r.metaFields.filter((n) => v(t, e, n));
 		return /* @__PURE__ */ H("button", {
 			type: "button",
 			"data-testid": "record-list-card",
@@ -411,7 +412,7 @@ function ve({ record: e, entity: t, columns: n, card: r, presentation: i, refs:
 				boxShadow: o ? "inset 3px 0 0 var(--accent)" : "none"
 			},
 			children: [
-				/* @__PURE__ */ V(W, {
+				/* @__PURE__ */ V(G, {
 					entity: t,
 					record: e,
 					field: r.titleField,
@@ -423,7 +424,7 @@ function ve({ record: e, entity: t, columns: n, card: r, presentation: i, refs:
 						color: "var(--text-3)",
 						overflowWrap: "anywhere"
 					},
-					children: v({
+					children: _({
 						entity: t,
 						fieldName: r.subtitleField,
 						record: e,
@@ -448,7 +449,7 @@ function ve({ record: e, entity: t, columns: n, card: r, presentation: i, refs:
 							maxWidth: "100%",
 							overflowWrap: "anywhere"
 						},
-						children: v({
+						children: _({
 							entity: t,
 							fieldName: n,
 							record: e,
@@ -465,7 +466,7 @@ function ve({ record: e, entity: t, columns: n, card: r, presentation: i, refs:
 						gap: "5px 10px",
 						margin: 0
 					},
-					children: i.map((n) => /* @__PURE__ */ V(G, {
+					children: i.map((n) => /* @__PURE__ */ V(K, {
 						entity: t,
 						record: e,
 						fieldName: n,
@@ -485,7 +486,7 @@ function ve({ record: e, entity: t, columns: n, card: r, presentation: i, refs:
 							minWidth: 0,
 							overflowWrap: "anywhere"
 						},
-						children: v({
+						children: _({
 							entity: t,
 							fieldName: n,
 							record: e,
@@ -498,7 +499,7 @@ function ve({ record: e, entity: t, columns: n, card: r, presentation: i, refs:
 			]
 		});
 	}
-	let l = n[0], u = n[1], f = n.slice(2, 4);
+	let l = n[0], u = n[1], ee = n.slice(2, 4);
 	return /* @__PURE__ */ H("button", {
 		onClick: s,
 		style: {
@@ -531,7 +532,7 @@ function ve({ record: e, entity: t, columns: n, card: r, presentation: i, refs:
 				whiteSpace: "nowrap",
 				color: "var(--text)"
 			},
-			children: v({
+			children: _({
 				entity: t,
 				fieldName: l,
 				record: e,
@@ -554,7 +555,7 @@ function ve({ record: e, entity: t, columns: n, card: r, presentation: i, refs:
 					textOverflow: "ellipsis",
 					whiteSpace: "nowrap"
 				},
-				children: v({
+				children: _({
 					entity: t,
 					fieldName: u,
 					record: e,
@@ -569,9 +570,9 @@ function ve({ record: e, entity: t, columns: n, card: r, presentation: i, refs:
 					gap: 4,
 					flexShrink: 0
 				},
-				children: f.map((n) => _(t, e, n) == null ? null : /* @__PURE__ */ V("div", {
+				children: ee.map((n) => g(t, e, n) == null ? null : /* @__PURE__ */ V("div", {
 					style: { fontSize: 11 },
-					children: v({
+					children: _({
 						entity: t,
 						fieldName: n,
 						record: e,
@@ -584,10 +585,10 @@ function ve({ record: e, entity: t, columns: n, card: r, presentation: i, refs:
 		})]
 	});
 }
-function W({ entity: e, record: t, field: n, refs: i }) {
-	let a = d(), o = r(a, t, e), s = n ? v({
+function G({ entity: e, record: t, field: r, refs: i }) {
+	let a = d(), o = n(a, t, e), s = r ? _({
 		entity: e,
-		fieldName: n,
+		fieldName: r,
 		record: t,
 		mode: "display",
 		refs: i,
@@ -603,18 +604,18 @@ function W({ entity: e, record: t, field: n, refs: i }) {
 		children: s || a(e.display.name)
 	});
 }
-function G({ entity: e, record: t, fieldName: r, refs: i }) {
-	let a = d(), o = _(e, t, r);
+function K({ entity: e, record: n, fieldName: r, refs: i }) {
+	let a = d(), o = g(e, n, r);
 	if (o == null || o === "") return null;
 	let s = e.fields.get(r);
-	return s ? /* @__PURE__ */ H(B, { children: [/* @__PURE__ */ V("dt", {
+	return s ? /* @__PURE__ */ H(he, { children: [/* @__PURE__ */ V("dt", {
 		style: {
 			color: "var(--text-3)",
 			fontSize: 11.5,
 			minWidth: 0,
 			overflowWrap: "anywhere"
 		},
-		children: n(a, s, r)
+		children: t(a, s, r)
 	}), /* @__PURE__ */ V("dd", {
 		style: {
 			margin: 0,
@@ -623,10 +624,10 @@ function G({ entity: e, record: t, fieldName: r, refs: i }) {
 			minWidth: 0,
 			overflowWrap: "anywhere"
 		},
-		children: v({
+		children: _({
 			entity: e,
 			fieldName: r,
-			record: t,
+			record: n,
 			mode: "display",
 			refs: i,
 			t: a
@@ -634,7 +635,7 @@ function G({ entity: e, record: t, fieldName: r, refs: i }) {
 	})] }) : null;
 }
 function ye({ entityCode: e, recordId: t, items: n, schema: r, entity: i, onBackToList: a, onOpenFilters: o, relatedRecordsPresentation: s }) {
-	return /* @__PURE__ */ V(h, { children: /* @__PURE__ */ V(K, {
+	return /* @__PURE__ */ V(m, { children: /* @__PURE__ */ V(q, {
 		entityCode: e,
 		recordId: t,
 		items: n,
@@ -645,82 +646,82 @@ function ye({ entityCode: e, recordId: t, items: n, schema: r, entity: i, onBack
 		relatedRecordsPresentation: s
 	}) });
 }
-function K({ entityCode: n, recordId: a, items: o, schema: f, entity: m, onBackToList: te, onOpenFilters: ne, relatedRecordsPresentation: ie }) {
-	let h = d(), v = t(m, "update"), y = L(() => a ? i(m, a) : void 0, [a, m]), { data: ce, isLoading: le } = re(n, y), w = se(n), T = ae(), [E, D] = z(!1), [O, A] = z({}), j = ce?.data, de = j?.$statuses, fe = j?.$properties, M = S(n, a), N = C(n, a), P = L(() => {
+function q({ entityCode: t, recordId: a, items: o, schema: ee, entity: p, onBackToList: ne, onOpenFilters: re, relatedRecordsPresentation: ae }) {
+	let m = d(), _ = de(p), v = R(() => a ? i(p, a) : void 0, [a, p]), { data: le, isLoading: ue } = ie(t, v), C = ce(t), w = oe(), [T, E] = B(!1), [D, k] = B({}), A = le?.data, M = r(p, "update", A, _.tenantId), fe = A?.$statuses, pe = A?.$properties, N = x(t, a), P = S(t, a), F = R(() => {
 		let e = /* @__PURE__ */ new Set();
-		for (let [t, n] of m.fields) !n.auto && !n.primary && e.add(t);
-		for (let [t] of m.files ?? []) e.add(t);
+		for (let [t, n] of p.fields) !n.auto && !n.primary && e.add(t);
+		for (let [t] of p.files ?? []) e.add(t);
 		return e;
-	}, [m]), pe = F(() => {
-		if (j) {
+	}, [p]), me = I(() => {
+		if (A) {
 			let e = {};
-			P.forEach((t) => {
-				let n = _(m, j, t);
-				e[t] = g(m, t) ? n ?? null : n ?? "";
-			}), A(e);
+			F.forEach((t) => {
+				let n = g(p, A, t);
+				e[t] = h(p, t) ? n ?? null : n ?? "";
+			}), k(e);
 		}
-		D(!0);
+		E(!0);
 	}, [
-		j,
-		P,
-		m
-	]), me = F(async () => {
-		await T.flushAllDrafts(), D(!1), A({});
-	}, [T]), I = F(() => {
-		let e = {}, t = x({
-			entity: m,
-			formData: O,
-			record: j,
+		A,
+		F,
+		p
+	]), L = I(async () => {
+		await w.flushAllDrafts(), E(!1), k({});
+	}, [w]), z = I(() => {
+		let e = {}, t = y({
+			entity: p,
+			formData: D,
+			record: A,
 			isNew: !1
-		}), n = oe(t);
-		for (let [t, n] of Object.entries(O)) m.files?.has(t) || (e[t] = b(m, t, n));
-		Object.keys(t).length > 0 && (e.$files = t), Object.keys(e).length === 0 ? (D(!1), A({})) : w.mutate({
+		}), n = b(t);
+		for (let [t, n] of Object.entries(D)) p.files?.has(t) || (e[t] = se(p, t, n));
+		Object.keys(t).length > 0 && (e.$files = t), Object.keys(e).length === 0 ? (E(!1), k({})) : C.mutate({
 			pkValues: a,
 			data: e
 		}, { onSuccess: () => {
-			n.forEach((e) => T.markCommitted(e)), D(!1), A({});
+			n.forEach((e) => w.markCommitted(e)), E(!1), k({});
 		} });
 	}, [
-		T,
 		w,
+		C,
 		a,
-		m,
-		O,
-		j
-	]), R = F((e, t) => {
-		A((n) => ({
+		p,
+		D,
+		A
+	]), ge = I((e, t) => {
+		k((n) => ({
 			...n,
 			[e]: t
 		}));
 	}, []);
-	if (le) return /* @__PURE__ */ V(k, {});
-	if (!j) return null;
-	let he = r(h, j, m), ge = m.display?.display_field, U = he ? void 0 : ge ? j[ge] : j[m.fields.names()[0]], ve = he || (U != null && typeof U != "object" ? e(U) : h(m.display.name)), W = j?.$refs, G = {
-		schema: f,
-		entity: m,
-		entityCode: n,
+	if (ue) return /* @__PURE__ */ V(O, {});
+	if (!A) return null;
+	let _e = n(m, A, p), U = p.display?.display_field, W = _e ? void 0 : U ? A[U] : A[p.fields.names()[0]], G = _e || (W != null && typeof W != "object" ? e(W) : m(p.display.name)), K = A?.$refs, ye = {
+		schema: ee,
+		entity: p,
+		entityCode: t,
 		recordId: a,
-		record: E ? {
-			...j,
-			...O
-		} : j,
+		record: T ? {
+			...A,
+			...D
+		} : A,
 		isNew: !1,
-		mode: E ? "edit" : "display",
-		onFieldChange: E ? R : void 0,
-		refs: W,
-		objectProperties: fe ?? void 0,
-		onSetProperty: v ? (e, t) => N.mutate({
+		mode: T ? "edit" : "display",
+		onFieldChange: T ? ge : void 0,
+		refs: K,
+		objectProperties: pe ?? void 0,
+		onSetProperty: M ? (e, t) => P.mutate({
 			propertyCode: e,
 			value: t
 		}) : void 0,
-		isPropertyPending: N.isPending,
-		objectStatuses: de ?? void 0,
-		onSetStatus: v ? (e, t) => M.mutate({
+		isPropertyPending: P.isPending,
+		objectStatuses: fe ?? void 0,
+		onSetStatus: M ? (e, t) => N.mutate({
 			groupCode: e,
 			statusCode: t
 		}) : void 0,
-		isStatusPending: M.isPending,
-		relatedRecordsPresentation: ie
+		isStatusPending: N.isPending,
+		relatedRecordsPresentation: ae
 	};
 	return /* @__PURE__ */ H("div", {
 		style: {
@@ -735,7 +736,7 @@ function K({ entityCode: n, recordId: a, items: o, schema: f, entity: m, onBackT
 				justifyContent: "space-between",
 				paddingTop: 10,
 				paddingBottom: 10,
-				...ee(16),
+				...te(16),
 				borderBottom: "1px solid var(--divider)",
 				position: "sticky",
 				top: 0,
@@ -752,7 +753,7 @@ function K({ entityCode: n, recordId: a, items: o, schema: f, entity: m, onBackT
 					whiteSpace: "nowrap",
 					color: "var(--text)"
 				},
-				children: ve
+				children: G
 			}), /* @__PURE__ */ H("div", {
 				style: {
 					display: "flex",
@@ -760,33 +761,33 @@ function K({ entityCode: n, recordId: a, items: o, schema: f, entity: m, onBackT
 					gap: 6
 				},
 				children: [
-					te && /* @__PURE__ */ V(u, {
+					ne && /* @__PURE__ */ V(u, {
 						icon: /* @__PURE__ */ V(c.back, { size: 14 }),
-						title: h("list.detail.back_to_list", "Back to list"),
-						onClick: te
+						title: m("list.detail.back_to_list", "Back to list"),
+						onClick: ne
 					}),
-					ne && /* @__PURE__ */ V(u, {
+					re && /* @__PURE__ */ V(u, {
 						icon: /* @__PURE__ */ V(c.filter, { size: 14 }),
-						title: h("filter.drawer.title", "Filters"),
-						onClick: ne
+						title: m("filter.drawer.title", "Filters"),
+						onClick: re
 					}),
-					v && (E ? /* @__PURE__ */ H(B, { children: [/* @__PURE__ */ V(l, {
+					M && (T ? /* @__PURE__ */ H(he, { children: [/* @__PURE__ */ V(l, {
 						size: "xs",
 						icon: /* @__PURE__ */ V(c.x, { size: 12 }),
-						onClick: me,
-						children: h("dialog.cancel", "Cancel")
+						onClick: L,
+						children: m("dialog.cancel", "Cancel")
 					}), /* @__PURE__ */ V(l, {
 						kind: "primary",
 						size: "xs",
-						icon: w.isPending ? /* @__PURE__ */ V(p, { size: 12 }) : /* @__PURE__ */ V(c.save, { size: 12 }),
-						onClick: I,
-						disabled: w.isPending,
-						children: w.isPending ? h("dialog.saving", "Saving…") : h("dialog.save", "Save")
+						icon: C.isPending ? /* @__PURE__ */ V(f, { size: 12 }) : /* @__PURE__ */ V(c.save, { size: 12 }),
+						onClick: z,
+						disabled: C.isPending,
+						children: C.isPending ? m("dialog.saving", "Saving…") : m("dialog.save", "Save")
 					})] }) : /* @__PURE__ */ V(l, {
 						size: "xs",
 						icon: /* @__PURE__ */ V(c.edit, { size: 12 }),
-						onClick: pe,
-						children: h("list.record.edit", "Edit")
+						onClick: me,
+						children: m("list.record.edit", "Edit")
 					}))
 				]
 			})]
@@ -796,20 +797,20 @@ function K({ entityCode: n, recordId: a, items: o, schema: f, entity: m, onBackT
 				overflowY: "auto",
 				paddingTop: 16,
 				paddingBottom: 16,
-				...ee(16),
+				...te(16),
 				display: "flex",
 				flexDirection: "column",
 				gap: 12
 			},
-			children: o && o.length > 0 ? /* @__PURE__ */ V(ue, {
+			children: o && o.length > 0 ? /* @__PURE__ */ V(j, {
 				nodes: o,
-				ctx: G
+				ctx: ye
 			}) : /* @__PURE__ */ V("p", {
 				style: {
 					fontSize: 12.5,
 					color: "var(--text-3)"
 				},
-				children: s(h("list.detail.no_layout", "No layout configured. Add {key} to the screen definition."), { key: /* @__PURE__ */ V("code", { children: _e }) })
+				children: s(m("list.detail.no_layout", "No layout configured. Add {key} to the screen definition."), { key: /* @__PURE__ */ V("code", { children: ve }) })
 			})
 		})]
 	});