@declarion/react 0.87.0 → 0.88.0

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

@@ -1,19 +1,19 @@
 import { coerceDisplayString as e } from "../../lib/display-value.js";
-import { buildDetailHrefFromId as t, entityAllowsMutation as n, pkValuesToDetailId as ee } from "../../types/schema.js";
-import { useEmbed as r } from "../../embed/EmbedContext.js";
-import { useFirstScreenSettled as i } from "../../lib/capabilityPrefetch.js";
-import { useAuthStore as a } from "../../stores/auth.js";
-import { useSchema as te } from "../../hooks/useSchema.js";
-import { useText as ne } from "../../hooks/useText.js";
-import { useResponsiveMode as re } from "../../hooks/useResponsiveMode.js";
+import { buildDetailHrefFromId as t, entityAllowsMutation as n, getDisplayValue as ee, pkValuesToDetailId as r } from "../../types/schema.js";
+import { useEmbed as i } from "../../embed/EmbedContext.js";
+import { useFirstScreenSettled as a } from "../../lib/capabilityPrefetch.js";
+import { usePreferencesStore as te } from "../../stores/preferences.js";
+import { useAuthStore as ne } from "../../stores/auth.js";
+import { useSchema as re } from "../../hooks/useSchema.js";
 import { executeAction as ie } from "../../api/data.js";
-import { usePreferencesStore as ae } from "../../stores/preferences.js";
-import { useTabStore as oe } from "../../stores/tabs.js";
-import { useTabNavigate as se } from "../../hooks/useTabNavigate.js";
-import { filterUnavailableMutationActions as ce, getScreenActions as le } from "../../lib/actions.js";
+import { useText as ae } from "../../hooks/useText.js";
+import { useResponsiveMode as oe } from "../../hooks/useResponsiveMode.js";
+import { useTabStore as se } from "../../stores/tabs.js";
+import { useTabNavigate as ce } from "../../hooks/useTabNavigate.js";
+import { filterUnavailableMutationActions as o, getScreenActions as le } from "../../lib/actions.js";
 import { useScreenIsLive as ue } from "../../stores/realtime.js";
 import { useDebounce as de } from "../../hooks/useDebounce.js";
-import { FileDraftScope as o, useFileDraftScope as fe } from "../file-widgets/draft-scope.js";
+import { FileDraftScope as s, useFileDraftScope as fe } from "../file-widgets/draft-scope.js";
 import { getSchemaFieldValue as pe, serializeSchemaFieldValue as me } from "../file-widgets/host.js";
 import { buildFilesPayload as he, collectCommittedFileIds as ge } from "../file-widgets/payload.js";
 import { resolveCellRenderer as _e } from "../fields/cells/registry.js";
@@ -55,156 +55,157 @@ import { ListFloatbar as it } from "./list/ListFloatbar.js";
 import { buildListColumns as at } from "./list/columns.js";
 import { RowContextMenu as ot } from "./list/RowContextMenu.js";
 import { useHeaderReorder as st } from "./list/useHeaderReorder.js";
-import { Suspense as ct, lazy as s, useCallback as c, useEffect as l, useMemo as u, useRef as d, useState as f } from "react";
-import { Fragment as lt, jsx as p, jsxs as ut } from "react/jsx-runtime";
-import { useSearchParams as dt } from "react-router";
-import { useTable as ft } from "@tanstack/react-table";
-import { useVirtualizer as pt } from "@tanstack/react-virtual";
+import { Suspense as ct, lazy as c, useCallback as l, useEffect as u, useMemo as d, useRef as f, useState as lt } from "react";
+import { Fragment as ut, jsx as p, jsxs as dt } from "react/jsx-runtime";
+import { useSearchParams as ft } from "react-router";
+import { useTable as pt } from "@tanstack/react-table";
+import { useVirtualizer as mt } from "@tanstack/react-virtual";
 //#region src/components/pages/SmartListPage.impl.tsx
-var mt = s(() => import("./list/ListCardsBody.js").then((e) => ({ default: e.ListCardsBody })));
-function ht({ screenCode: e }) {
-	return /* @__PURE__ */ p(o, { children: /* @__PURE__ */ p(m, { screenCode: e }) });
+var ht = c(() => import("./list/ListCardsBody.js").then((e) => ({ default: e.ListCardsBody })));
+function gt({ screenCode: e }) {
+	return /* @__PURE__ */ p(s, { children: /* @__PURE__ */ p(m, { screenCode: e }) });
 }
-var gt = [];
-function m({ screenCode: o }) {
-	let s = ne(), ht = ne("errors"), m = se(), [h, g] = dt(), { data: _ } = te(), [_t, v] = f(!1), [vt, y] = f(!1), [yt, bt] = f(null), xt = a((e) => e.user), St = a((e) => e.activeTenant), Ct = fe(), b = _?.screens[o], x = b?.entity ? _?.entities[b.entity] : void 0, S = b?.entity, wt = n(x, "create"), C = n(x, "update"), Tt = n(x, "delete"), w = _?.actions, T = u(() => ce(le(x?.actions, b?.actions, "list_toolbar", w), x), [
+var _t = [];
+function m({ screenCode: s }) {
+	let c = ae(), gt = ae("errors"), m = ce(), [h, g] = ft(), { data: _ } = re(), [vt, v] = lt(!1), [yt, y] = lt(!1), [bt, xt] = lt(null), St = ne((e) => e.user), Ct = ne((e) => e.activeTenant), wt = fe(), b = _?.screens[s], x = b?.entity ? _?.entities[b.entity] : void 0, S = b?.entity, Tt = n(x, "create"), Et = n(x, "update"), Dt = n(x, "delete"), C = _?.actions, w = d(() => o(le(x?.actions, b?.actions, "list_toolbar", C), x), [
 		x,
 		b?.actions,
-		w
-	]), E = u(() => ce(le(x?.actions, void 0, "list_floatbar", w), x), [x, w]), D = u(() => {
+		C
+	]), T = d(() => o(le(x?.actions, void 0, "list_floatbar", C), x), [x, C]), E = d(() => {
 		let e = /* @__PURE__ */ new Map(), t = (t) => {
-			for (let n of le(x?.actions, t, "list_row", w)) e.set(n.code, n);
+			for (let n of le(x?.actions, t, "list_row", C)) e.set(n.code, n);
 		};
 		t(b?.row_actions);
 		for (let e of b?.variants?.items() ?? []) e.row_actions !== void 0 && t(e.row_actions);
-		return ce([...e.values()], x);
+		return o([...e.values()], x);
 	}, [
 		x,
 		b,
-		w
-	]), Et = b?.row_actions !== void 0, Dt = u(() => E.length > 0 || x?.export?.enabled !== !1 && b?.export?.enabled !== !1, [
-		E,
+		C
+	]), Ot = b?.row_actions !== void 0, kt = d(() => T.length > 0 || x?.export?.enabled !== !1 && b?.export?.enabled !== !1, [
+		T,
 		x?.export?.enabled,
 		b?.export?.enabled
-	]), Ot = !!x?.soft_delete, kt = Ot && (xt?.permissions ?? []).some((e) => e === "feature:view_deleted" || e === "feature:*" || e === "*"), At = kt && h.get("include_deleted") === "true", jt = r(), { openTab: Mt, updateTabSearch: Nt, findTabByPathname: Pt } = oe();
+	]), At = !!x?.soft_delete, jt = At && (St?.permissions ?? []).some((e) => e === "feature:view_deleted" || e === "feature:*" || e === "*"), Mt = jt && h.get("include_deleted") === "true", Nt = i(), { openTab: Pt, updateTabSearch: Ft, findTabByPathname: It } = se();
 	Ce(b, x, h.toString()), we(b?.route);
-	let Ft = c((e) => {
-		if (!b?.route || !x || jt.enabled) return;
-		let t = Pt(b.route);
-		t ? Nt(t.id, e) : Mt({
+	let Lt = l((e) => {
+		if (!b?.route || !x || Nt.enabled) return;
+		let t = It(b.route);
+		t ? Ft(t.id, e) : Pt({
 			pathname: b.route,
 			search: e,
-			title: s(b.display?.name) || s(x.display.name_plural),
+			title: c(b.display?.name) || c(x.display.name_plural),
 			icon: b.display?.icon || x.display.icon,
 			closable: !0
 		});
 	}, [
-		s,
+		c,
 		b,
 		x,
-		jt.enabled,
-		Pt,
-		Nt,
-		Mt
-	]), O = parseInt(h.get("page") ?? "1", 10), k = (() => {
+		Nt.enabled,
+		It,
+		Ft,
+		Pt
+	]), D = parseInt(h.get("page") ?? "1", 10), O = (() => {
 		let e = parseInt(h.get("per_page") ?? "", 10);
 		return !Number.isFinite(e) || e <= 0 || e > 1e3 ? 200 : e;
-	})(), It = h.get("search") ?? "", Lt = u(() => {
+	})(), Rt = h.get("search") ?? "", zt = d(() => {
 		let e = be(h);
-		return e.error === null ? null : ht(e.errorCode ?? "", e.error);
-	}, [ht, h]), A = Fe({
-		screenCode: o,
+		return e.error === null ? null : gt(e.errorCode ?? "", e.error);
+	}, [gt, h]), k = Fe({
+		screenCode: s,
 		screen: b,
 		entity: x,
 		searchParams: h,
 		setSearchParams: g,
-		userId: xt?.id,
-		tenantId: St?.id,
-		filterError: !!Lt
-	}), { filters: Rt, columns: zt, sort: Bt } = A.defaults, { filters: Vt, setFilters: j, clearFilters: Ht } = Se({ defaults: Rt }), { visibleFilterState: Ut, filterFieldMeta: Wt, allFilterFieldMeta: Gt, filterFieldName: Kt } = Le(b, x, _?.entities, Vt), M = Ut.filters, qt = ye(M), Jt = c(() => j(gt), [j]), Yt = Be({
+		userId: St?.id,
+		tenantId: Ct?.id,
+		filterError: !!zt
+	}), { filters: Bt, columns: Vt, sort: Ht } = k.defaults, { filters: Ut, setFilters: A, clearFilters: Wt } = Se({ defaults: Bt }), { visibleFilterState: Gt, filterFieldMeta: Kt, allFilterFieldMeta: qt, filterFieldName: Jt } = Le(b, x, _?.entities, Ut), j = Gt.filters, Yt = ye(j), Xt = l(() => A(_t), [A]), Zt = Be({
 		searchParams: h,
 		setSearchParams: g,
-		defaultSort: Bt,
-		commitScreenTabSearch: Ft
-	}), { cols: Xt, nullsByField: Zt, value: Qt, forRequest: $t, tableSorting: en, write: tn, applyColumn: nn, shiftClickColumn: rn, appendColumn: an, clearColumn: on, clearAll: sn } = Yt, cn = Ue({
-		screenCode: o,
+		defaultSort: Ht,
+		commitScreenTabSearch: Lt
+	}), { cols: Qt, nullsByField: $t, value: en, forRequest: tn, tableSorting: nn, write: rn, applyColumn: an, shiftClickColumn: on, appendColumn: sn, clearColumn: cn, clearAll: ln } = Zt, un = Ue({
+		screenCode: s,
 		screen: b,
 		searchParams: h,
 		setSearchParams: g,
-		defaultColumns: zt
-	}), { visible: N, sizing: ln, setSizing: un, apply: dn, commitResize: fn } = cn, pn = Qe({
-		screenCode: o,
+		defaultColumns: Vt
+	}), { visible: M, sizing: dn, setSizing: fn, apply: pn, commitResize: mn } = un, hn = Qe({
+		screenCode: s,
 		screen: b,
 		entity: x,
 		searchParams: h,
 		setSearchParams: g,
-		userId: xt?.id,
-		tenantId: St?.id,
-		all: A.all,
-		activeId: A.activeId,
-		active: A.active,
-		clearedKey: A.clearedKey,
-		filters: Vt,
-		visibleColumns: N,
-		sort: Qt
-	}), { active: P, saveAsNew: mn, overwriteActive: hn, isSaving: gn } = pn, _n = de(It, 300), F = re(), I = u(() => {
-		let e = b?.responsive?.[F.category]?.presentation;
-		return e === "table" || e === "cards" ? e : F.category === "phone" ? "cards" : "table";
-	}, [b?.responsive, F.category]), vn = u(() => Me({
+		userId: St?.id,
+		tenantId: Ct?.id,
+		all: k.all,
+		activeId: k.activeId,
+		active: k.active,
+		clearedKey: k.clearedKey,
+		filters: Ut,
+		visibleColumns: M,
+		sort: en
+	}), { active: N, saveAsNew: gn, overwriteActive: _n, isSaving: vn } = hn, yn = de(Rt, 300), P = oe(), F = d(() => {
+		let e = b?.responsive?.[P.category]?.presentation;
+		return e === "table" || e === "cards" ? e : P.category === "phone" ? "cards" : "table";
+	}, [b?.responsive, P.category]), bn = d(() => Me({
 		entity: x,
 		screen: b,
-		savedViewColumns: P?.columns
+		savedViewColumns: N?.columns
 	}), [
 		x,
 		b,
-		P?.columns
-	]), yn = u(() => Ne({
+		N?.columns
+	]), xn = d(() => Ne({
 		entity: x,
 		screen: b,
-		presentation: I,
-		visibleColumns: N,
-		card: vn,
-		rowActions: D,
-		toolbarActions: T,
-		bulkActions: E,
-		sort: Xt,
+		presentation: F,
+		visibleColumns: M,
+		card: bn,
+		rowActions: E,
+		toolbarActions: w,
+		bulkActions: T,
+		sort: Qt,
 		screens: _?.screens
 	}), [
 		x,
 		b,
-		I,
-		N,
-		vn,
-		D,
-		T,
+		F,
+		M,
+		bn,
 		E,
-		Xt,
+		w,
+		T,
+		Qt,
 		_?.screens
-	]), bn = ze({
+	]), Sn = ze({
 		entity: x,
 		entityCode: S,
 		screen: b,
-		screenCode: o,
-		page: O,
-		perPage: k,
-		sortForRequest: $t,
-		debouncedSearch: _n,
-		filters: M,
-		isHeld: A.isHeld,
-		retryHeld: A.retryViews,
-		includeDeleted: At,
-		expand: yn.expandFields,
-		select: yn.selectFields,
+		screenCode: s,
+		page: D,
+		perPage: O,
+		sortForRequest: tn,
+		debouncedSearch: yn,
+		filters: j,
+		isHeld: k.isHeld,
+		prefetchWhileHeld: k.prefetchWhileHeld,
+		retryHeld: k.retryViews,
+		includeDeleted: Mt,
+		expand: xn.expandFields,
+		select: xn.selectFields,
 		runCountQuery: !0,
 		urlKey: `${S ?? ""}|${h.toString()}`
-	}), { rows: L, meta: xn, refs: Sn, isLoading: Cn, isFetching: wn, isShowingPreviousRows: Tn, isError: En, error: Dn, isLoadingStale: On, retry: kn, countTotal: An, countStrategy: jn, countLoading: Mn, countError: Nn, totalPages: R, hasMorePages: Pn, isCursor: Fn, fetchNextPage: In, isFetchingNextPage: Ln } = bn;
-	i(!Cn);
-	let Rn = He(x, L, wn), { state: zn, setState: z, ids: B, pkValues: Bn, rows: Vn, keyOf: V } = Rn, Hn = ue(x?.realtime, S ?? ""), Un = ve(S ?? ""), H = d(Sn);
-	H.current = Sn;
-	let Wn = u(() => {
+	}), { rows: I, meta: Cn, refs: wn, isLoading: L, isFetching: Tn, isShowingPreviousRows: En, isError: Dn, error: On, isLoadingStale: kn, retry: An, countTotal: jn, countStrategy: Mn, countLoading: Nn, countError: Pn, totalPages: R, hasMorePages: Fn, isCursor: In, fetchNextPage: Ln, isFetchingNextPage: Rn } = Sn;
+	a(!L);
+	let zn = He(x, I, Tn), { state: Bn, setState: z, ids: B, pkValues: Vn, rows: Hn, keyOf: V } = zn, Un = ue(x?.realtime, S ?? ""), Wn = ve(S ?? ""), H = f(wn);
+	H.current = wn;
+	let Gn = d(() => {
 		let e = /* @__PURE__ */ new Map();
 		if (!x) return e;
-		for (let t of Pe(x, b, P?.columns)) {
+		for (let t of Pe(x, b, N?.columns)) {
 			if (t.startsWith("$") || x.files?.get(t)) continue;
 			let n = x.fields.get(t);
 			n && e.set(t, _e({
@@ -216,7 +217,7 @@ function m({ screenCode: o }) {
 				entities: _?.entities,
 				screens: _?.screens,
 				refs: () => H.current,
-				t: s
+				t: c
 			}));
 		}
 		return e;
@@ -224,39 +225,39 @@ function m({ screenCode: o }) {
 		x,
 		S,
 		b,
-		P?.columns,
+		N?.columns,
 		_?.entities,
 		_?.screens,
 		H,
-		s
-	]), { labelFor: Gn, refs: Kn } = tt(Gt, M, Sn, _?.entities), U = We({
+		c
+	]), { labelFor: Kn, refs: qn } = tt(qt, j, wn, _?.entities), U = We({
 		entity: x,
 		screen: b,
 		screens: _?.screens,
 		entities: _?.entities,
 		searchParams: h,
 		tabNavigate: m,
-		commitScreenTabSearch: Ft,
-		isPhone: F.category === "phone",
-		canUpdate: C
-	}), { peekAllowed: W, peekRow: G, setPeekRow: K, peekFields: qn, peekActions: Jn, peekExecute: Yn, contextMenu: q, setContextMenu: Xn } = U, J = u(() => !b || !x ? !1 : t(b, "_", x, _?.screens) !== null, [
+		commitScreenTabSearch: Lt,
+		isPhone: P.category === "phone",
+		canUpdate: Et
+	}), { peekAllowed: W, peekRow: G, setPeekRow: K, peekFields: Jn, peekActions: Yn, peekExecute: Xn, contextMenu: q, setContextMenu: Zn } = U, J = d(() => !b || !x ? !1 : t(b, "_", x, _?.screens) !== null, [
 		b,
 		x,
 		_?.screens
-	]), Zn = u(() => at({
-		visibleCols: N,
+	]), Qn = d(() => at({
+		visibleCols: M,
 		entity: x,
 		screen: b,
 		schema: _,
 		entityCode: S,
-		rowActions: D,
-		hasBatchActions: Dt,
-		hasExplicitRowActions: Et,
-		canUpdate: C,
-		canDelete: Tt,
+		rowActions: E,
+		hasBatchActions: kt,
+		hasExplicitRowActions: Ot,
+		canUpdate: Et,
+		canDelete: Dt,
 		peekEnabled: W,
 		hasDetailTarget: J,
-		t: s,
+		t: c,
 		tabNavigate: m,
 		refsRef: H,
 		rowSelectionKey: Ve,
@@ -264,132 +265,132 @@ function m({ screenCode: o }) {
 	}), [
 		b,
 		x,
-		N,
+		M,
 		m,
-		Dt,
-		D,
-		Et,
+		kt,
+		E,
+		Ot,
 		S,
 		W,
 		J,
 		_,
-		s,
-		C,
-		Tt,
+		c,
+		Et,
+		Dt,
 		H,
 		K
-	]), Y = ft({
+	]), Y = pt({
 		features: Ie,
-		data: L,
-		columns: Zn,
+		data: I,
+		columns: Qn,
 		manualSorting: !0,
 		enableColumnResizing: !0,
 		columnResizeMode: "onChange",
-		onColumnSizingChange: un,
+		onColumnSizingChange: fn,
 		state: {
-			sorting: en,
-			rowSelection: zn,
-			columnSizing: ln
+			sorting: nn,
+			rowSelection: Bn,
+			columnSizing: dn
 		},
 		onSortingChange: (e) => {
-			let t = (typeof e == "function" ? e(en) : e).slice(0, 5);
+			let t = (typeof e == "function" ? e(nn) : e).slice(0, 5);
 			if (t.length === 0) {
-				tn([]);
+				rn([]);
 				return;
 			}
 			let n = t.map((e) => {
-				let t = Zt.get(e.id);
+				let t = $t.get(e.id);
 				return {
 					field: e.id,
 					dir: e.desc ? "desc" : "asc",
 					...t ? { nulls: t } : {}
 				};
 			});
-			tn(n);
+			rn(n);
 		},
 		onRowSelectionChange: z,
 		getRowId: V
-	}), X = Y.state.columnResizing.isResizingColumn, Qn = d(!1);
-	l(() => {
-		let e = !!Qn.current && !X;
-		Qn.current = X, e && fn(Y.state.columnSizing);
+	}), X = Y.state.columnResizing.isResizingColumn, $n = f(!1);
+	u(() => {
+		let e = !!$n.current && !X;
+		$n.current = X, e && mn(Y.state.columnSizing);
 	}, [
 		X,
-		fn,
+		mn,
 		Y
 	]);
-	let $n = Ge(Y), er = Y.getTotalSize();
-	l(() => {
+	let er = Ge(Y), tr = Y.getTotalSize();
+	u(() => {
 		let e = (e) => {
 			let t = e.target?.tagName;
 			t === "INPUT" || t === "TEXTAREA" || t === "SELECT" ? e.key === "Escape" && (e.target.blur(), v(!1)) : (e.key === "/" && !e.metaKey && !e.ctrlKey && (e.preventDefault(), document.querySelector("[placeholder*=\"Search\"]")?.focus()), e.key === "f" && !e.metaKey && !e.ctrlKey && (e.preventDefault(), v((e) => !e)), e.key === "Escape" && v(!1));
 		};
 		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
 	}, []);
-	let Z = d(null), { rows: Q } = Y.getRowModel(), tr = d(null), nr = st({
-		visibleCols: N,
-		onReorder: dn,
+	let Z = f(null), { rows: Q } = Y.getRowModel(), nr = f(null), rr = st({
+		visibleCols: M,
+		onReorder: pn,
 		scrollElRef: Z,
-		theadRef: tr
-	}), rr = ae((e) => e.density), ir = ae((e) => e.zebra), ar = Te(), $ = pt({
+		theadRef: nr
+	}), ir = te((e) => e.density), ar = te((e) => e.zebra), or = Te(), $ = mt({
 		count: Q.length,
 		getScrollElement: () => Z.current,
-		estimateSize: () => I === "cards" ? 142 : 48,
+		estimateSize: () => F === "cards" ? 142 : 48,
 		overscan: 10,
-		initialOffset: ar
-	}), or = u(() => Q.map((e) => e.id), [Q]);
+		initialOffset: or
+	}), sr = d(() => Q.map((e) => e.id), [Q]);
 	Ee({
 		virtualizer: $,
 		scrollElementRef: Z,
-		rowKeys: or
-	}), l(() => {
+		rowKeys: sr
+	}), u(() => {
 		$.measure();
-	}, [rr, $]), l(() => {
+	}, [ir, $]), u(() => {
 		$.measure();
 	}, [
-		F.width,
-		F.height,
-		I,
+		P.width,
+		P.height,
+		F,
 		$
 	]);
-	let sr = c((e) => {
+	let cr = l((e) => {
 		g((t) => {
 			let n = new URLSearchParams(t);
 			return e ? n.set("search", e) : n.delete("search"), n.set("page", "1"), n;
 		});
-	}, [g]), cr = c(() => {
+	}, [g]), lr = l(() => {
 		g((e) => {
 			let t = new URLSearchParams(e);
 			return t.get("include_deleted") ? t.delete("include_deleted") : t.set("include_deleted", "true"), t.set("page", "1"), t;
 		});
-	}, [g]), lr = c((e) => {
+	}, [g]), ur = l((e) => {
 		g((t) => {
 			let n = new URLSearchParams(t);
 			return n.set("page", String(e)), n;
 		});
 	}, [g]);
-	l(() => {
-		R !== void 0 && O > R && lr(R);
+	u(() => {
+		R !== void 0 && D > R && ur(R);
 	}, [
 		R,
-		O,
-		lr
+		D,
+		ur
 	]);
-	let ur = c((e) => {
+	let dr = l((e) => {
 		g((t) => {
 			let n = new URLSearchParams(t);
 			return n.set("per_page", String(e)), n.set("page", "1"), n;
 		});
 	}, [g]);
 	if (!b || !x) return null;
-	let dr = x.display, fr = s(b.display?.name) || s(dr.name), pr = b.display?.icon || dr.icon, mr = s(b.display?.description) || s(dr.description), hr = F.category === "phone", gr = I === "cards", _r = Bn.map((e) => ee(x, e)), vr = {
+	let fr = x.display, pr = c(b.display?.name) || c(fr.name), mr = b.display?.icon || fr.icon, hr = c(b.display?.description) || c(fr.description), gr = P.category === "phone", _r = F === "cards", vr = Vn.map((e) => r(x, e)), yr = {
 		entity: x,
 		entityCode: S ?? "",
 		screen: b,
 		screenRoute: b.route,
-		selectedRows: Vn,
-		selectedIds: _r,
-		t: s,
+		selectedRows: Hn,
+		selectedIds: vr,
+		t: c,
 		tabNavigate: (e, t) => m(e, {
 			title: t?.title,
 			icon: t?.icon,
@@ -397,7 +398,7 @@ function m({ screenCode: o }) {
 		}),
 		runActionApi: (e, t) => ie(e, t)
 	};
-	return /* @__PURE__ */ ut("div", {
+	return /* @__PURE__ */ dt("div", {
 		style: {
 			display: "flex",
 			flexDirection: "column",
@@ -405,86 +406,86 @@ function m({ screenCode: o }) {
 			background: "var(--background)"
 		},
 		children: [
-			/* @__PURE__ */ ut(lt, { children: [
+			/* @__PURE__ */ dt(ut, { children: [
 				/* @__PURE__ */ p(rt, {
-					title: fr,
-					description: mr,
-					toolbarActions: T,
+					title: pr,
+					description: hr,
+					toolbarActions: w,
 					screenActionLayout: b.action_layout,
 					entityActionLayout: x.action_layout,
 					selectedIds: B,
-					data: L,
+					data: I,
 					rowKey: V,
 					onActionSuccess: () => z({}),
-					widgetContext: vr
+					widgetContext: yr
 				}),
 				/* @__PURE__ */ p(Xe, {
 					screen: b,
 					entity: x,
 					entityCode: S,
 					schema: _,
-					screenCode: o,
-					screenName: fr,
-					isPhone: hr,
-					isCardsPresentation: gr,
-					sort: Yt,
-					columns: cn,
-					views: pn,
-					query: bn,
-					selection: Rn,
+					screenCode: s,
+					screenName: pr,
+					isPhone: gr,
+					isCardsPresentation: _r,
+					sort: Zt,
+					columns: un,
+					views: hn,
+					query: Sn,
+					selection: zn,
 					filters: {
-						json: M,
-						debouncedSearch: _n,
-						count: qt,
+						json: j,
+						debouncedSearch: yn,
+						count: Yt,
 						onOpen: () => v(!0)
 					},
-					searchValue: It,
-					onSearchChange: sr,
+					searchValue: Rt,
+					onSearchChange: cr,
 					onSaveView: () => y(!0),
-					onDeleteView: bt,
-					page: O,
-					perPage: k,
-					includeDeleted: At,
-					canViewDeleted: kt,
-					onToggleDeleted: cr,
+					onDeleteView: xt,
+					page: D,
+					perPage: O,
+					includeDeleted: Mt,
+					canViewDeleted: jt,
+					onToggleDeleted: lr,
 					realtime: x?.realtime === !0,
-					isLive: Hn
+					isLive: Un
 				}),
 				/* @__PURE__ */ p(et, {
-					filterError: Lt,
-					unresolvedViewId: A.isUnresolved ? A.activeId : null,
-					onClearFilters: Ht,
-					onClearView: A.clearActiveView
+					filterError: zt,
+					unresolvedViewId: k.isUnresolved ? k.activeId : null,
+					onClearFilters: Wt,
+					onClearView: k.clearActiveView
 				}),
-				Ut.omitted && /* @__PURE__ */ p(Re, { className: "px-5 pb-2.5" }),
-				M.length > 0 && /* @__PURE__ */ p("div", {
+				Gt.omitted && /* @__PURE__ */ p(Re, { className: "px-5 pb-2.5" }),
+				j.length > 0 && /* @__PURE__ */ p("div", {
 					style: { padding: "0 20px 10px" },
 					children: /* @__PURE__ */ p(Oe, {
-						filters: M,
-						resolveValue: Gn,
-						onRemoveAtPath: (e) => j(xe(M, e)),
-						onClearAll: Jt,
+						filters: j,
+						resolveValue: Kn,
+						onRemoveAtPath: (e) => A(xe(j, e)),
+						onClearAll: Xt,
 						onChipClick: () => v(!0),
-						fieldLabel: Kt
+						fieldLabel: Jt
 					})
 				})
 			] }),
 			/* @__PURE__ */ p(Je, {
-				isLoading: Cn,
-				tableLoadingStale: On,
-				isError: En,
-				error: Dn,
-				rowCount: L.length,
+				isLoading: L,
+				tableLoadingStale: kn,
+				isError: Dn,
+				error: On,
+				rowCount: I.length,
 				entity: x,
 				screen: b,
-				screenName: fr,
-				screenIcon: pr,
-				isFiltered: !!_n || qt > 0,
-				canCreate: wt,
-				toolbarActions: T,
-				onRetry: kn
+				screenName: pr,
+				screenIcon: mr,
+				isFiltered: !!yn || Yt > 0,
+				canCreate: Tt,
+				toolbarActions: w,
+				onRetry: An
 			}),
-			Cn || En || L.length === 0 ? null : /* @__PURE__ */ p("div", {
+			L || Dn || I.length === 0 ? null : /* @__PURE__ */ p("div", {
 				style: {
 					flex: 1,
 					minHeight: 0,
@@ -492,7 +493,7 @@ function m({ screenCode: o }) {
 					display: "flex",
 					flexDirection: "column"
 				},
-				children: /* @__PURE__ */ ut("div", {
+				children: /* @__PURE__ */ dt("div", {
 					style: {
 						background: "var(--surface)",
 						border: "1px solid var(--border)",
@@ -507,58 +508,58 @@ function m({ screenCode: o }) {
 					children: [/* @__PURE__ */ p("div", {
 						ref: Z,
 						"data-testid": "list-scroll",
-						"data-presentation": I,
+						"data-presentation": F,
 						style: {
 							overflow: "auto",
 							flex: 1,
 							minHeight: 0
 						},
-						children: I === "cards" ? /* @__PURE__ */ p(ct, {
+						children: F === "cards" ? /* @__PURE__ */ p(ct, {
 							fallback: null,
-							children: /* @__PURE__ */ p(mt, {
+							children: /* @__PURE__ */ p(ht, {
 								rows: Q,
 								virtualizer: $,
 								entity: x,
 								screen: b,
 								entityCode: S,
 								entities: _?.entities,
-								savedViewColumns: P?.columns,
+								savedViewColumns: N?.columns,
 								refs: H.current,
-								renderers: Wn,
-								rowActions: D,
+								renderers: Gn,
+								rowActions: E,
 								tabNavigate: m,
 								interaction: U,
-								hasSoftDelete: Ot,
-								zebra: ir,
-								hasBatchActions: Dt,
+								hasSoftDelete: At,
+								zebra: ar,
+								hasBatchActions: kt,
 								hasDetailTarget: J,
 								rowKey: V
 							})
 						}) : /* @__PURE__ */ p(Ke, {
-							showsPreviousRows: Tn,
+							showsPreviousRows: En,
 							table: Y,
-							columns: Zn,
+							columns: Qn,
 							rows: Q,
 							entity: x,
-							columnSizeVars: $n,
-							totalColumnsWidth: er,
-							theadRef: tr,
+							columnSizeVars: er,
+							totalColumnsWidth: tr,
+							theadRef: nr,
 							virtualizer: $,
-							visibleCols: N,
-							headerReorder: nr,
-							sortCols: Xt,
-							sortNullsMap: Zt,
-							shiftClickColumn: rn,
-							applyColumnSort: nn,
-							appendColumnSort: an,
-							clearColumnSort: on,
-							clearAllSorts: sn,
+							visibleCols: M,
+							headerReorder: rr,
+							sortCols: Qt,
+							sortNullsMap: $t,
+							shiftClickColumn: on,
+							applyColumnSort: an,
+							appendColumnSort: sn,
+							clearColumnSort: cn,
+							clearAllSorts: ln,
 							renderRow: (e, t) => /* @__PURE__ */ p(qe, {
 								row: e,
 								rowIndex: t,
 								entity: x,
-								hasSoftDelete: Ot,
-								zebra: ir,
+								hasSoftDelete: At,
+								zebra: ar,
 								hasDetailTarget: J,
 								interaction: U,
 								measureElement: $.measureElement
@@ -566,70 +567,70 @@ function m({ screenCode: o }) {
 							isResizingColumn: X
 						})
 					}), /* @__PURE__ */ p(Ye, {
-						meta: xn,
-						isCursor: Fn,
-						isPhone: hr,
-						rowsLoaded: L.length,
+						meta: Cn,
+						isCursor: In,
+						isPhone: gr,
+						rowsLoaded: I.length,
 						selectedCount: B.length,
-						countTotal: An,
-						countStrategy: jn,
-						countLoading: Mn,
-						countError: Nn,
-						page: O,
+						countTotal: jn,
+						countStrategy: Mn,
+						countLoading: Nn,
+						countError: Pn,
+						page: D,
 						totalPages: R,
-						goToPage: lr,
-						perPage: k,
-						setPerPage: ur,
-						hasMorePages: Pn,
-						fetchNextPage: In,
-						isFetchingNextPage: Ln
+						goToPage: ur,
+						perPage: O,
+						setPerPage: dr,
+						hasMorePages: Fn,
+						fetchNextPage: Ln,
+						isFetchingNextPage: Rn
 					})]
 				})
 			}),
 			/* @__PURE__ */ p(De, {
-				open: _t,
+				open: vt,
 				onClose: () => v(!1),
-				filters: M,
-				onApply: j,
-				availableFields: Wt,
-				allFields: Gt,
-				fieldLabel: Kt,
-				resolveValue: Gn,
+				filters: j,
+				onApply: A,
+				availableFields: Kt,
+				allFields: qt,
+				fieldLabel: Jt,
+				resolveValue: Kn,
 				defaultFilters: b?.default_filters,
-				refs: Kn
+				refs: qn
 			}),
 			/* @__PURE__ */ p($e, {
-				view: yt,
-				onCancel: () => bt(null),
+				view: bt,
+				onCancel: () => xt(null),
 				onConfirm: (e) => {
-					pn.deleteView(e).catch(() => void 0).finally(() => bt(null));
+					hn.deleteView(e).catch(() => void 0).finally(() => xt(null));
 				}
 			}),
 			/* @__PURE__ */ p(nt, {
-				open: vt,
-				pending: gn,
+				open: yt,
+				pending: vn,
 				onClose: () => y(!1),
-				overwriteViewName: Ze(s, P),
+				overwriteViewName: Ze(c, N),
 				onOverwrite: async () => {
-					await hn(), y(!1);
+					await _n(), y(!1);
 				},
 				onSave: async (e) => {
-					await mn(e), y(!1);
+					await gn(e), y(!1);
 				}
 			}),
 			B.length > 0 && /* @__PURE__ */ p(it, {
 				selectedIds: B,
-				floatbarActions: E,
+				floatbarActions: T,
 				screenActionLayout: b.action_layout,
 				entityActionLayout: x.action_layout,
-				data: L,
+				data: I,
 				rowKey: V,
 				entityCode: S,
 				entity: x,
 				screen: b,
 				onClear: () => z({}),
 				onActionSuccess: () => z({}),
-				widgetContext: vr
+				widgetContext: yr
 			}),
 			q && x && b && /* @__PURE__ */ p(ot, {
 				x: q.x,
@@ -640,31 +641,28 @@ function m({ screenCode: o }) {
 				fullScreen: b,
 				entity: x,
 				entityCode: S,
-				rowActions: D,
+				rowActions: E,
 				tabNavigate: m,
 				peekAllowed: W,
 				hasDetailTarget: J,
 				onPeek: K,
-				onClose: () => Xn(null)
+				onClose: () => Zn(null)
 			}),
 			W && G && x && /* @__PURE__ */ p(Ae, {
 				entity: x,
 				entityCode: S,
 				record: G,
-				title: (() => {
-					let t = b.columns?.find((e) => !e.startsWith("$status.") && !e.startsWith("$property."));
-					return t ? e(G[t] ?? s(x.display.name)) : s(x.display.name);
-				})(),
+				title: ee(c, G, x) || c(x.display.name),
 				recordId: (() => {
 					let t = x.fields.names()?.find((e) => x.fields.get(e)?.primary);
-					return t ? e(G[t]) : void 0;
+					return t && x.fields.get(t)?.type !== "uuid" ? e(G[t]) : void 0;
 				})(),
-				fields: qn,
+				fields: Jn,
 				screen: ke(x, b, G),
-				actions: Jn,
+				actions: Yn,
 				screenActionLayout: ke(x, b, G)?.action_layout,
 				entityActionLayout: x.action_layout,
-				executeAction: Yn,
+				executeAction: Xn,
 				onClose: () => {
 					if (x && G) {
 						let t = x.fields.names()?.find((e) => x.fields.get(e)?.primary);
@@ -693,11 +691,11 @@ function m({ screenCode: o }) {
 					});
 					if (Object.keys(i).length > 0 && (r.$files = i), Object.keys(r).length === 0) return;
 					let a = ge(i);
-					Un.mutate({
+					Wn.mutate({
 						pkValues: ee,
 						data: r
 					}, { onSuccess: () => {
-						a.forEach((e) => Ct.markCommitted(e));
+						a.forEach((e) => wt.markCommitted(e));
 					} });
 				}
 			})
@@ -705,4 +703,4 @@ function m({ screenCode: o }) {
 	});
 }
 //#endregion
-export { ht as SmartListPage };
+export { gt as SmartListPage };