@declarion/react 0.48.2 → 0.49.0

package/dist-lib/SmartListPage.impl-CPhhXT5S.js

@@ -0,0 +1,2849 @@
+import { s as e } from "./DynamicIcon-Dc2j-rg_.js";
+import { $n as t, A as n, An as r, At as i, Cn as a, Ct as o, Dn as s, En as c, F as l, M as u, N as d, Pn as f, S as p, Sn as m, Tn as h, Zn as g, _, _n as v, bn as y, bt as b, cr as x, dr as S, er as C, fr as w, gt as T, h as E, i as D, jt as ee, lr as te, m as O, mt as k, pt as ne, q as re, rr as ie, rt as A, tt as ae, un as j, ur as oe, v as M, vn as N, w as se, wn as ce, x as P, xt as F, y as le, zn as I } from "./useCurrentScreen-C5Oio-1G.js";
+import { a as ue, i as de, m as fe, s as pe, t as me } from "./RefreshControl-B_2eW53M.js";
+import { t as he } from "./Check-DAfMbQIw.js";
+import { E as ge, F as _e, L as ve, O as ye, c as be, f as xe, j as Se, l as Ce, m as we, n as Te, p as Ee, w as De } from "./field-classification-DTgUnbzd.js";
+import { a as Oe, c as ke, f as Ae, h as je, l as Me, m as Ne, n as Pe, o as Fe, p as Ie, r as Le, t as Re } from "./action-dispatch-CYOw7nkP.js";
+import { a as ze, c as Be, f as Ve, i as He, l as Ue, m as We, n as Ge, o as Ke, p as qe, r as Je, s as Ye, t as Xe, u as L } from "./cardProjection-D-AufCh-.js";
+import { l as Ze, m as Qe, n as $e, t as et } from "./useTabSearchMirror-sIuYEFaq.js";
+import { a as tt, c as nt, d as rt, f as it, l as at, o as ot, p as st, s as ct, t as R, u as lt } from "./format-count-DAHCcHZO.js";
+import { a as ut, c as dt, i as ft, n as z, o as B, s as pt, t as mt } from "./peekDraftStore-CnxqkoWN.js";
+import { t as ht } from "./useListQuery-Dc2vbxqs.js";
+import { Suspense as gt, createElement as V, lazy as _t, memo as H, useCallback as U, useEffect as W, useMemo as G, useRef as K, useState as q } from "react";
+import { useSearchParams as vt } from "react-router";
+import { useQueries as yt, useQueryClient as bt } from "@tanstack/react-query";
+import { Fragment as J, jsx as Y, jsxs as X } from "react/jsx-runtime";
+import { flexRender as xt, getCoreRowModel as St, useReactTable as Ct } from "@tanstack/react-table";
+import { useVirtualizer as wt } from "@tanstack/react-virtual";
+var Tt = [
+	25,
+	50,
+	100,
+	200,
+	500,
+	1e3
+];
+//#endregion
+//#region src/components/pages/list/filter-meta.ts
+function Et(e, t, n) {
+	if (!e || !t) return [];
+	let r = e.filters ?? t.fields.names(), i = e.filter_operators ?? {}, a = [];
+	for (let o of r) {
+		let r = i[o];
+		if (!r || r.length === 0) continue;
+		if (o.startsWith("$status.")) {
+			let e = o.slice(8), n = t.status_groups?.[e];
+			if (!n) continue;
+			a.push({
+				code: o,
+				label: s(n.name) || e,
+				type: "status",
+				operators: r,
+				options: n.statuses.map((e) => ({
+					value: e.code,
+					label: s(e.name) || e.code,
+					color: e.color
+				}))
+			});
+			continue;
+		}
+		if (o.startsWith("$property.")) {
+			let e = o.slice(10), n = t.properties?.[e];
+			if (!n) continue;
+			a.push({
+				code: o,
+				label: s(n.name) || e,
+				type: "property",
+				operators: r
+			});
+			continue;
+		}
+		let c = t.fields.get(o);
+		if (!c) continue;
+		let l = ce(c, o, n), u = c.values?.map((e) => ({
+			value: e.code,
+			label: s(e.name) || e.code,
+			color: e.color
+		})), d = y(c.filter_special_values, e?.filter_special_values?.[o]);
+		a.push({
+			code: o,
+			label: l,
+			type: c.type,
+			operators: r,
+			options: u,
+			ref: c.ref,
+			specialValues: d.length > 0 ? d : void 0
+		});
+	}
+	return a;
+}
+//#endregion
+//#region src/components/pages/list/useListSort.ts
+function Dt({ searchParams: e, setSearchParams: t, screenSortDefault: n, commitScreenTabSearch: r }) {
+	let i = e.get("sort") ?? n ?? "", a = G(() => Ye(i), [i]), o = G(() => {
+		let e = /* @__PURE__ */ new Map();
+		for (let t of a) t.nulls && e.set(t.field, t.nulls);
+		return e;
+	}, [a]), s = G(() => L(i), [i]), c = G(() => a.map((e) => ({
+		id: e.field,
+		desc: e.dir === "desc"
+	})), [a]), l = U((n) => {
+		let i = n.slice(0, 5), a = new URLSearchParams(e);
+		i.length === 0 ? a.delete("sort") : a.set("sort", Ue(i)), a.set("page", "1"), r(a.toString()), t(a);
+	}, [
+		e,
+		r,
+		t
+	]);
+	return {
+		cols: a,
+		nullsByField: o,
+		forRequest: s,
+		tableSorting: c,
+		write: l,
+		applyColumn: U((e, t, n) => l([{
+			field: e,
+			dir: t,
+			...n ? { nulls: n } : {}
+		}]), [l]),
+		shiftClickColumn: U((e) => l(Ke(a, e)), [a, l]),
+		appendColumn: U((e, t, n) => l(ze(a, {
+			field: e,
+			dir: t,
+			...n ? { nulls: n } : {}
+		})), [a, l]),
+		clearColumn: U((e) => l(Be(a, e)), [a, l]),
+		clearAll: U(() => l([]), [l])
+	};
+}
+//#endregion
+//#region src/components/pages/list/useListSelection.ts
+var Ot = {};
+function kt(e, t) {
+	return r(e, a(e, t));
+}
+function At(e, t, n) {
+	if (!e || n.length === 0) return [];
+	let r = new Set(n);
+	return t.filter((t) => r.has(kt(e, t))).map((t) => a(e, t));
+}
+function jt(e, t, n) {
+	let [r, i] = rt("selection", Ot, { scope: "path" }), a = G(() => e?.fields.names().find((t) => e.fields.get(t)?.primary) ?? "id", [e]), o = U((t) => e ? kt(e, t) : I(t[a]), [e, a]), s = G(() => Object.keys(r).filter((e) => r[e]), [r]), c = G(() => At(e, t, s), [
+		e,
+		t,
+		s
+	]), l = G(() => {
+		if (s.length === 0) return [];
+		let e = /* @__PURE__ */ new Map();
+		for (let n of t) e.set(o(n), n);
+		return s.map((t) => e.get(t)).filter((e) => e !== void 0);
+	}, [
+		s,
+		t,
+		o
+	]);
+	return W(() => {
+		n || i((e) => {
+			let n = Object.keys(e);
+			if (n.length === 0) return e;
+			let r = new Set(t.map((e) => o(e))), i = {}, a = !1;
+			for (let t of n) r.has(t) ? i[t] = e[t] : a = !0;
+			return a ? i : e;
+		});
+	}, [
+		t,
+		n,
+		o,
+		i
+	]), {
+		state: r,
+		setState: i,
+		ids: s,
+		pkValues: c,
+		rows: l,
+		keyOf: o
+	};
+}
+//#endregion
+//#region src/components/pages/list/useListColumnLayout.ts
+function Mt({ screenCode: e, screen: t, searchParams: n, setSearchParams: r }) {
+	let i = G(() => {
+		let e = n.get("columns");
+		return e ? e.split(",").filter(Boolean) : t?.default_columns ?? t?.columns ?? [];
+	}, [
+		n,
+		t?.default_columns,
+		t?.columns
+	]), { widths: a, prune: o, setWidths: s, resetWidths: c, resizeEduShown: l, markResizeEduShown: u } = ge(e), [d, f] = q(() => a);
+	W(() => {
+		f(a);
+	}, [a]);
+	let p = G(() => t?.columns ?? [], [t?.columns]);
+	W(() => {
+		p.length > 0 && o(p);
+	}, [p, o]);
+	let m = U((e) => {
+		if (e.length === 0) return;
+		let t = new URLSearchParams(n);
+		t.set("columns", e.join(",")), r(t);
+	}, [n, r]);
+	return {
+		visible: i,
+		sizing: d,
+		setSizing: f,
+		apply: m,
+		clear: U(() => {
+			let e = new URLSearchParams(n);
+			e.delete("columns"), r(e);
+		}, [n, r]),
+		move: U((e, t) => {
+			let n = i.indexOf(e);
+			if (n === -1) return;
+			let r = t === "up" ? n - 1 : n + 1;
+			if (r < 0 || r >= i.length) return;
+			let a = [...i];
+			[a[n], a[r]] = [a[r], a[n]], m(a);
+		}, [i, m]),
+		commitResize: U((e) => {
+			s(e), !l && (u(), A.info("Column width saved on this device", "Widths are personal and never shared. Column order, sort and filters can be saved into a view."));
+		}, [
+			s,
+			l,
+			u
+		]),
+		resetWidths: c
+	};
+}
+function Nt(e, t, n = 10) {
+	switch (t.type) {
+		case "down": return {
+			origin: {
+				x: t.x,
+				y: t.y
+			},
+			outcome: "pending"
+		};
+		case "move": return e ? Math.abs(t.x - e.x) > n || Math.abs(t.y - e.y) > n ? {
+			origin: null,
+			outcome: "idle"
+		} : {
+			origin: e,
+			outcome: "pending"
+		} : {
+			origin: null,
+			outcome: "idle"
+		};
+		case "release": return {
+			origin: null,
+			outcome: "idle"
+		};
+		case "held": return e ? {
+			origin: null,
+			outcome: "fire"
+		} : {
+			origin: null,
+			outcome: "idle"
+		};
+	}
+}
+function Pt(e) {
+	return e instanceof Element && e.closest("a, button, input, select, [role='button'], [role='menuitem']") !== null;
+}
+function Ft(e, t) {
+	return e != null && e.rowId === t ? "double" : "single";
+}
+//#endregion
+//#region src/hooks/useLongPress.ts
+function It(e) {
+	let t = K(null), n = K(null), r = K(!1), i = U(() => {
+		n.current !== null && clearTimeout(n.current), n.current = null;
+	}, []);
+	W(() => i, [i]);
+	let a = U((e) => {
+		let n = Nt(t.current, e);
+		return t.current = n.origin, n.outcome !== "pending" && i(), n;
+	}, [i]);
+	return {
+		handlers: {
+			onPointerDown: (o) => {
+				if (o.pointerType === "mouse" || Pt(o.target)) return;
+				r.current = !1, i();
+				let s = {
+					x: o.clientX,
+					y: o.clientY
+				};
+				a({
+					type: "down",
+					...s
+				}), n.current = setTimeout(() => {
+					let i = Nt(t.current, { type: "held" });
+					t.current = i.origin, n.current = null, i.outcome === "fire" && (r.current = !0, e(s));
+				}, 500);
+			},
+			onPointerMove: (e) => {
+				t.current && a({
+					type: "move",
+					x: e.clientX,
+					y: e.clientY
+				});
+			},
+			onPointerUp: () => void a({ type: "release" }),
+			onPointerCancel: () => void a({ type: "release" }),
+			onPointerLeave: () => void a({ type: "release" })
+		},
+		consumePressFired: U(() => {
+			let e = r.current;
+			return r.current = !1, e;
+		}, [])
+	};
+}
+//#endregion
+//#region src/components/pages/list/useListRowInteraction.ts
+function Lt({ entity: e, screen: t, screens: n, entities: i, searchParams: o, tabNavigate: c, commitScreenTabSearch: l, isPhone: u, canUpdate: d }) {
+	let [f, p] = q(null), [m, g] = q(null), _ = K(null), v = K(null);
+	W(() => () => {
+		v.current && clearTimeout(v.current.timer);
+	}, []);
+	let y = t?.on_row_click === "peek" && t.quick_peek?.enabled !== !1 && !u, x = U((i, u) => {
+		if (!e || !t) return;
+		let d = a(e, i), f = r(e, d), p = N(t, e, n, d);
+		if (!p) return;
+		if (u?.draft) {
+			z(f, u.draft);
+			let [e, t] = p.split("?", 2), n = new URLSearchParams(t ?? "");
+			n.set("edit", "true"), p = `${e}?${n.toString()}`;
+		}
+		let m = h(i, e) ?? s(e.display.name), g = t.display?.icon || e.display.icon;
+		l(o.toString()), c(p, {
+			title: m,
+			icon: g
+		});
+	}, [
+		e,
+		t,
+		n,
+		o,
+		c,
+		l
+	]), S = It(U((e) => {
+		let t = _.current;
+		t && g({
+			x: e.x,
+			y: e.y,
+			row: t
+		});
+	}, [])), C = U((t, n) => {
+		if (S.consumePressFired() || Pt(t.target)) return;
+		if (!y || !e) {
+			x(n);
+			return;
+		}
+		let r = kt(e, n);
+		if (Ft(v.current, r) === "double") {
+			clearTimeout(v.current.timer), v.current = null, p(null), x(n);
+			return;
+		}
+		v.current && clearTimeout(v.current.timer);
+		let i = setTimeout(() => {
+			v.current = null, p(n);
+		}, 250);
+		v.current = {
+			rowId: r,
+			timer: i
+		};
+	}, [
+		e,
+		y,
+		x,
+		S
+	]);
+	return {
+		peekAllowed: y,
+		peekRow: f,
+		setPeekRow: p,
+		peekFields: G(() => {
+			if (!y || !e || !f) return [];
+			let r = Le(e, t, f);
+			return Je(e, r, n).map((t) => {
+				if (e.files?.get(t)) return {
+					key: t,
+					label: Ne(e, t, i),
+					kind: "file",
+					readOnly: !d
+				};
+				let n = e.fields.get(t), r = d && !n.primary && !n.auto && !n.ref && n.files?.mode !== "rich_text_inline";
+				return {
+					key: t,
+					label: ce(n, t, i),
+					kind: "field",
+					field: n,
+					readOnly: !r
+				};
+			});
+		}, [
+			y,
+			f,
+			e,
+			t,
+			i,
+			n,
+			d
+		]),
+		peekActions: G(() => e?.actions ?? {}, [e?.actions]),
+		peekExecute: U(async (t, n, r) => {
+			let i = e?.fields.names().find((t) => e.fields.get(t)?.primary), a = i && f ? [I(f[i])] : void 0, o = n.entity ? `${n.entity}.${t}` : t;
+			return b(o, T(r, a));
+		}, [e, f]),
+		contextMenu: m,
+		setContextMenu: g,
+		pressedRow: _,
+		longPress: S,
+		onRowClick: C,
+		navigateToDetail: x
+	};
+}
+//#endregion
+//#region src/components/pages/list/column-sizing.ts
+function Rt(e) {
+	return `--header-${e}-size`;
+}
+function zt(e) {
+	return `--col-${e}-size`;
+}
+function Z(e) {
+	return `calc(var(${e}) * 1px)`;
+}
+function Bt(e) {
+	let t = e.getFlatHeaders(), n = {};
+	for (let e of t) n[Rt(e.id)] = e.getSize(), n[zt(e.column.id)] = e.column.getSize();
+	return n;
+}
+//#endregion
+//#region src/components/pages/list/sortable-header.ts
+var Vt = /* @__PURE__ */ new Set([
+	"secret",
+	"password",
+	"json",
+	"string_array",
+	"int_array",
+	"uuid_array"
+]);
+function Ht(e, t) {
+	if (e === "_actions" || e === "_select" || e.startsWith("$property.") || e.startsWith("$refs.")) return !1;
+	if (e.startsWith("$status.")) return !0;
+	let n = t?.fields.get(e);
+	return !n || t?.list_pagination === "cursor" && n.cross_store_sortable === !1 ? !1 : !Vt.has(n.type);
+}
+//#endregion
+//#region src/components/pages/list/ListTable.tsx
+var Ut = _t(() => import("./SortHeaderMenu-DodGvb7A.js").then((e) => ({ default: e.SortHeaderMenu }))), Wt = H(function({ virtualItems: e, topPad: t, bottomPad: n, colSpan: r, rows: i, renderRow: a }) {
+	return /* @__PURE__ */ X("tbody", { children: [
+		e.length > 0 && /* @__PURE__ */ Y("tr", { children: /* @__PURE__ */ Y("td", {
+			style: { height: t },
+			colSpan: r
+		}) }),
+		e.map((e) => a(i[e.index], e.index)),
+		e.length > 0 && /* @__PURE__ */ Y("tr", { children: /* @__PURE__ */ Y("td", {
+			style: { height: n },
+			colSpan: r
+		}) })
+	] });
+}, (e, t) => t.isResizing);
+function Gt({ table: t, columns: n, rows: r, entity: i, columnSizeVars: a, totalColumnsWidth: o, theadRef: s, virtualizer: c, visibleCols: l, headerReorder: u, sortCols: d, sortNullsMap: f, shiftClickColumn: p, applyColumnSort: m, appendColumnSort: h, clearColumnSort: g, clearAllSorts: _, renderRow: v, isResizingColumn: y }) {
+	return /* @__PURE__ */ X("table", {
+		"data-virtual-rows": "true",
+		style: {
+			...a,
+			tableLayout: "fixed",
+			width: "100%",
+			minWidth: o,
+			borderCollapse: "separate",
+			borderSpacing: 0,
+			fontSize: 12.5,
+			color: "var(--text)"
+		},
+		children: [/* @__PURE__ */ Y("thead", {
+			ref: s,
+			children: t.getHeaderGroups().map((t) => /* @__PURE__ */ X("tr", {
+				style: {
+					height: 32,
+					background: "var(--surface-2)"
+				},
+				children: [t.headers.map((t) => {
+					let n = Ht(t.id, i), r = t.column.getIsSorted(), a = t.id === "_select", o = t.id === "_actions", s = r ? d.findIndex((e) => e.field === t.id) + 1 : 0, c = d.length > 1 && s > 0, v = s > 0, y = d.length < 5, b = n ? t.column.getToggleSortingHandler() : void 0, x = n ? (e) => {
+						if (e.shiftKey) {
+							e.preventDefault(), p(t.id);
+							return;
+						}
+						b?.(e);
+					} : void 0, S = !a && !o, C = S ? l.indexOf(t.id) : -1, w = u.dragColId === t.id, T = u.isDragging && C !== -1 && u.dropIndex === C, E = u.isDragging && C !== -1 && C === l.length - 1 && u.dropIndex === l.length;
+					return /* @__PURE__ */ X("th", {
+						"data-col-id": S ? t.id : void 0,
+						onMouseDown: S ? (e) => u.onHeaderMouseDown(t.id, e) : void 0,
+						onClick: (e) => {
+							u.consumeDragSuppression() || x?.(e);
+						},
+						style: {
+							padding: a ? "0 6px 0 12px" : o ? "0 6px" : "0 10px",
+							textAlign: "left",
+							fontWeight: 600,
+							fontSize: 11,
+							letterSpacing: "0.01em",
+							color: "var(--text-3)",
+							whiteSpace: "nowrap",
+							cursor: n ? "pointer" : "default",
+							opacity: w ? .4 : 1,
+							boxShadow: T ? "inset 2px 0 0 0 var(--accent)" : E ? "inset -2px 0 0 0 var(--accent)" : void 0,
+							width: Z(Rt(t.id)),
+							minWidth: Z(Rt(t.id)),
+							borderBottom: "1px solid var(--border)",
+							background: "var(--surface-2)",
+							position: "sticky",
+							top: 0,
+							left: a ? 0 : "auto",
+							zIndex: a ? 3 : 2
+						},
+						children: [t.isPlaceholder ? null : n ? /* @__PURE__ */ X("span", {
+							style: {
+								display: "inline-flex",
+								alignItems: "center",
+								gap: 4,
+								textTransform: "uppercase",
+								fontSize: 10.5,
+								letterSpacing: "0.04em"
+							},
+							children: [
+								xt(t.column.columnDef.header, t.getContext()),
+								/* @__PURE__ */ X("span", {
+									style: {
+										display: "inline-flex",
+										flexDirection: "column",
+										alignItems: "center",
+										lineHeight: 0
+									},
+									children: [r === "asc" ? /* @__PURE__ */ Y(e.arrowUp, { size: 11 }) : r === "desc" ? /* @__PURE__ */ Y(e.arrowDown, { size: 11 }) : /* @__PURE__ */ Y(e.sort, {
+										size: 11,
+										style: { opacity: .35 }
+									}), r && f.get(t.id) === "first" ? /* @__PURE__ */ Y("span", {
+										"aria-hidden": "true",
+										style: {
+											width: 4,
+											height: 4,
+											marginTop: 1,
+											borderRadius: 9999,
+											background: "var(--text-3)"
+										}
+									}) : null]
+								}),
+								c ? /* @__PURE__ */ Y("span", {
+									"aria-label": `Sort rank ${s}`,
+									style: {
+										fontSize: 10,
+										lineHeight: 1,
+										color: "var(--text-3)",
+										verticalAlign: "super",
+										fontVariantNumeric: "tabular-nums"
+									},
+									children: s
+								}) : null,
+								/* @__PURE__ */ Y(gt, {
+									fallback: null,
+									children: /* @__PURE__ */ Y(Ut, {
+										field: t.id,
+										activeDir: r,
+										activeNulls: f.get(t.id),
+										inMultiSort: v,
+										canAppend: y,
+										onApply: (e, n) => m(t.id, e, n),
+										onAppend: (e, n) => h(t.id, e, n),
+										onClearColumn: () => g(t.id),
+										onClearAll: _
+									})
+								})
+							]
+						}) : xt(t.column.columnDef.header, t.getContext()), t.column.getCanResize() && /* @__PURE__ */ Y("div", {
+							"data-testid": "col-resize-handle",
+							"aria-hidden": "true",
+							onMouseDown: (e) => {
+								e.stopPropagation(), t.getResizeHandler()(e);
+							},
+							onTouchStart: (e) => {
+								e.stopPropagation(), t.getResizeHandler()(e);
+							},
+							onClick: (e) => e.stopPropagation(),
+							style: {
+								position: "absolute",
+								top: 0,
+								right: 0,
+								height: "100%",
+								width: 9,
+								display: "flex",
+								justifyContent: "center",
+								cursor: "col-resize",
+								touchAction: "none",
+								userSelect: "none",
+								zIndex: 3
+							},
+							children: /* @__PURE__ */ Y("span", { style: {
+								width: 2,
+								height: "60%",
+								alignSelf: "center",
+								borderRadius: 1,
+								background: t.column.getIsResizing() ? "var(--accent)" : "var(--border)"
+							} })
+						})]
+					}, t.id);
+				}), /* @__PURE__ */ Y("th", {
+					"aria-hidden": "true",
+					style: {
+						borderBottom: "1px solid var(--border)",
+						background: "var(--surface-2)",
+						position: "sticky",
+						top: 0,
+						zIndex: 2
+					}
+				})]
+			}, t.id))
+		}), /* @__PURE__ */ Y(Wt, {
+			virtualItems: c.getVirtualItems(),
+			topPad: c.getVirtualItems()[0]?.start ?? 0,
+			bottomPad: c.getTotalSize() - (c.getVirtualItems().at(-1)?.end ?? 0),
+			colSpan: n.length + 1,
+			rows: r,
+			renderRow: v,
+			isResizing: !!y
+		})]
+	});
+}
+//#endregion
+//#region src/components/pages/list/DataCell.tsx
+function Kt({ cell: e }) {
+	let t = e.column.id === "_select", n = e.column.id === "_actions", r = e.column.columnDef.cell, i = typeof r == "function" ? r(e.getContext()) : r;
+	return /* @__PURE__ */ Y("td", {
+		title: typeof i == "string" ? i : void 0,
+		style: {
+			padding: t ? "0 6px 0 12px" : n ? "0 6px" : "0 10px",
+			verticalAlign: "middle",
+			borderBottom: "1px solid var(--divider)",
+			width: Z(zt(e.column.id)),
+			whiteSpace: "nowrap",
+			overflow: "hidden",
+			textOverflow: "ellipsis",
+			maxWidth: Z(zt(e.column.id)),
+			color: "var(--text)",
+			position: t ? "sticky" : "static",
+			left: t ? 0 : "auto",
+			zIndex: +!!t
+		},
+		onClick: t || n ? (e) => e.stopPropagation() : void 0,
+		children: i
+	});
+}
+//#endregion
+//#region src/components/pages/list/ListTableRow.tsx
+function qt({ row: e, rowIndex: t, entity: n, hasSoftDelete: r, zebra: i, hasDetailTarget: a, interaction: o, measureElement: s }) {
+	let c = e.original, l = r && c[n.soft_delete] != null, u = e.getIsSelected(), d = i && t % 2 == 1;
+	return /* @__PURE__ */ X("tr", {
+		"data-index": t,
+		"data-row-stripe": d ? "" : void 0,
+		"aria-selected": u,
+		ref: (e) => s(e),
+		style: {
+			height: "var(--row-h)",
+			cursor: a || o.peekAllowed ? "pointer" : "default",
+			opacity: l ? .5 : 1,
+			fontStyle: l ? "italic" : "normal",
+			transition: "background-color 120ms"
+		},
+		onClick: a || o.peekAllowed ? (e) => o.onRowClick(e, c) : void 0,
+		onContextMenu: (e) => {
+			e.preventDefault(), o.setContextMenu({
+				x: e.clientX,
+				y: e.clientY,
+				row: c
+			});
+		},
+		...o.longPress.handlers,
+		onPointerDown: (e) => {
+			o.pressedRow.current = c, o.longPress.handlers.onPointerDown(e);
+		},
+		children: [e.getVisibleCells().map((e) => /* @__PURE__ */ Y(Kt, { cell: e }, e.id)), /* @__PURE__ */ Y("td", {
+			"aria-hidden": "true",
+			style: { borderBottom: "1px solid var(--divider)" }
+		})]
+	}, e.id);
+}
+//#endregion
+//#region src/components/pages/list/ListNoRows.tsx
+function Jt(e) {
+	if (e instanceof j) {
+		let t = e.ext("field"), n = e.ext("value");
+		return t && n !== void 0 ? `${e.message} ${t}: "${n}"` : t ? `${e.message} ${t}` : e.message;
+	}
+	return e instanceof Error && e.message ? e.message : "Something went wrong. Please try again.";
+}
+function Yt({ isLoading: e, tableLoadingStale: t, isError: n, error: r, rowCount: i, entity: a, screen: o, screenName: c, screenIcon: l, isFiltered: u, canCreate: d, toolbarActions: f, onRetry: p }) {
+	let m = a.display;
+	return e && t ? /* @__PURE__ */ Y("div", {
+		style: { padding: "0 20px" },
+		children: /* @__PURE__ */ Y(lt, {
+			icon: "alert-circle",
+			title: "Still loading data",
+			description: "This table is taking longer than expected. Retry the request or check network and server health.",
+			action: /* @__PURE__ */ Y(w, {
+				kind: "primary",
+				size: "sm",
+				onClick: p,
+				children: "Retry"
+			})
+		})
+	}) : e ? /* @__PURE__ */ Y(Ve, { cols: o.columns?.length ?? 4 }) : n ? /* @__PURE__ */ Y("div", {
+		style: { padding: "0 20px" },
+		children: /* @__PURE__ */ Y(lt, {
+			icon: "alert-circle",
+			title: "Failed to load data",
+			description: Jt(r),
+			action: /* @__PURE__ */ Y(w, {
+				kind: "primary",
+				size: "sm",
+				onClick: p,
+				children: "Retry"
+			})
+		})
+	}) : i === 0 ? /* @__PURE__ */ Y("div", {
+		style: { padding: "0 20px" },
+		children: (() => {
+			let e = m.empty_state, t = s(e?.title), n = s(e?.body), r = ae(e?.learn_more_url), i = u ? "No results found" : t || `No ${s(m.name_plural).toLowerCase() || c.toLowerCase()} yet`, a = d && f.some(({ code: e }) => e === "__new" || e === "__create"), o;
+			return o = u ? "Try adjusting your search or filters" : n ? /* @__PURE__ */ X(J, { children: [n, r && /* @__PURE__ */ X(J, { children: [" ", /* @__PURE__ */ Y("a", {
+				href: r,
+				target: "_blank",
+				rel: "noopener noreferrer",
+				children: "Learn more"
+			})] })] }) : a ? `Create your first ${s(m.name).toLowerCase()} to get started` : void 0, /* @__PURE__ */ Y(lt, {
+				icon: l,
+				title: i,
+				description: o
+			});
+		})()
+	}) : null;
+}
+//#endregion
+//#region src/components/pages/list/ListFooter.tsx
+function Xt({ meta: n, isCursor: r, isPhone: i, rowsLoaded: a, selectedCount: o, countTotal: s, countStrategy: c, countLoading: l, countError: u, page: d, totalPages: f, goToPage: p, perPage: m, setPerPage: h, hasMorePages: g, fetchNextPage: _, isFetchingNextPage: v }) {
+	let y = pe("list");
+	return !n && !r ? null : /* @__PURE__ */ X("div", {
+		style: {
+			display: "flex",
+			alignItems: "center",
+			paddingTop: 8,
+			paddingBottom: 8,
+			...i ? ye(12) : {
+				paddingLeft: 14,
+				paddingRight: 14
+			},
+			background: "var(--surface-2)",
+			borderTop: "1px solid var(--border)",
+			fontSize: 11.5,
+			color: "var(--text-3)",
+			gap: 12,
+			flexWrap: "wrap"
+		},
+		children: [
+			y.isVisible("show_count") && /* @__PURE__ */ X(J, { children: [/* @__PURE__ */ Y("span", {
+				className: "num",
+				"data-testid": "list-footer-count",
+				style: {
+					display: "inline-flex",
+					alignItems: "center",
+					gap: 5
+				},
+				children: s === void 0 ? l && !u ? /* @__PURE__ */ Y("span", {
+					"data-testid": "list-footer-count-pending",
+					style: { display: "inline-flex" },
+					children: /* @__PURE__ */ Y(t, { size: 11 })
+				}) : /* @__PURE__ */ X(J, { children: [
+					a,
+					" ",
+					a === 1 ? "record" : "records"
+				] }) : /* @__PURE__ */ X(J, { children: [
+					a,
+					" of ",
+					R(s, c ?? "exact"),
+					" ",
+					s === 1 ? "record" : "records"
+				] })
+			}), /* @__PURE__ */ Y("span", { children: "·" })] }),
+			/* @__PURE__ */ X("span", { children: [
+				"Selected:",
+				" ",
+				/* @__PURE__ */ Y("span", {
+					className: "num",
+					style: {
+						color: "var(--text-2)",
+						fontWeight: 500
+					},
+					children: o
+				})
+			] }),
+			/* @__PURE__ */ Y("div", { style: { flex: i ? "1 1 100%" : 1 } }),
+			!i && /* @__PURE__ */ Y("span", { children: "Rows per page" }),
+			/* @__PURE__ */ Y("select", {
+				"aria-label": "Rows per page",
+				value: m,
+				onChange: (e) => h(parseInt(e.target.value, 10)),
+				style: {
+					fontSize: 11.5,
+					padding: "2px 4px",
+					background: "var(--surface)",
+					border: "1px solid var(--border)",
+					borderRadius: 4,
+					color: "var(--text-2)",
+					cursor: "pointer"
+				},
+				children: Tt.map((e) => /* @__PURE__ */ Y("option", {
+					value: e,
+					children: e
+				}, e))
+			}),
+			r ? g && /* @__PURE__ */ X("button", {
+				type: "button",
+				className: "num",
+				"data-testid": "list-footer-load-more",
+				onClick: _,
+				disabled: v,
+				style: {
+					display: "inline-flex",
+					alignItems: "center",
+					gap: 6,
+					padding: "2px 10px",
+					background: "var(--surface)",
+					border: "1px solid var(--border)",
+					borderRadius: 4,
+					color: "var(--text-2)",
+					cursor: v ? "default" : "pointer"
+				},
+				children: [v ? /* @__PURE__ */ Y(t, { size: 11 }) : null, "Load more"]
+			}) : (g || d > 1) && /* @__PURE__ */ X("div", {
+				style: {
+					display: "flex",
+					alignItems: "center",
+					gap: 4
+				},
+				children: [
+					/* @__PURE__ */ Y(S, {
+						size: 22,
+						icon: /* @__PURE__ */ Y(e.left, { size: 12 }),
+						onClick: () => p(d - 1),
+						disabled: d <= 1
+					}),
+					/* @__PURE__ */ X("span", {
+						className: "num",
+						style: { padding: "0 6px" },
+						children: [
+							"Page ",
+							d,
+							f === void 0 ? "" : ` of ${f}`
+						]
+					}),
+					/* @__PURE__ */ Y(S, {
+						size: 22,
+						icon: /* @__PURE__ */ Y(e.right, { size: 12 }),
+						onClick: () => p(d + 1),
+						disabled: f === void 0 ? !g : d >= f
+					})
+				]
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/pages/ExportMenu.tsx
+function Zt(e) {
+	return !(e && e.enabled === !1);
+}
+function Qt(e) {
+	return e == null ? "all matching rows" : `${e.toLocaleString()} ${e === 1 ? "row" : "rows"}`;
+}
+function $t(t) {
+	let { isPhone: n } = ie(), { entityCode: r, entity: i, screen: a, viewState: o, visibleColumns: s, selectedRowPKs: c, totalRows: l, pageSize: u, locale: d, align: f = "end", variant: p = "toolbar", onBeforeOpen: m } = t, [h, g] = q(!1), [_, v] = q(!1), [y, b] = q(null), S = K(null), T = Zt(i.export), E = Zt(a?.export);
+	if (!T || !E) return null;
+	async function D(e) {
+		b(null), v(!0);
+		try {
+			let t = dt(o, {
+				scope: e,
+				visibleColumns: s,
+				selectedRowPKs: e === "selected_rows" ? c : void 0,
+				locale: d
+			}), { blob: n, filename: i } = await F(r, t);
+			tn(n, i || `${r}-${en()}.csv`), g(!1);
+		} catch (e) {
+			let t = e instanceof j ? {
+				code: e.code,
+				message: e.message
+			} : {
+				code: "",
+				message: String(e)
+			};
+			b(t);
+		} finally {
+			v(!1);
+		}
+	}
+	if (p === "selection-menu-item") {
+		let t = _ || c.length === 0;
+		return /* @__PURE__ */ Y(C, {
+			icon: /* @__PURE__ */ Y(e.download, { size: 12 }),
+			"data-testid": "export-selection-menu-item",
+			onClick: t ? void 0 : () => {
+				m?.(), D("selected_rows");
+			},
+			children: _ ? "Exporting…" : "Export selection (CSV)"
+		});
+	}
+	let ee = c.length > 0, te = i.list_pagination === "cursor";
+	return /* @__PURE__ */ X(J, { children: [/* @__PURE__ */ Y(w, {
+		ref: S,
+		kind: "ghost",
+		size: "sm",
+		icon: /* @__PURE__ */ Y(e.download, { size: 12 }),
+		onClick: () => {
+			m?.(), g((e) => !e);
+		},
+		disabled: _,
+		"aria-label": "Export",
+		title: "Export",
+		children: n ? null : _ ? "Exporting…" : "Export"
+	}), /* @__PURE__ */ X(x, {
+		open: h,
+		anchor: S.current,
+		onClose: () => g(!1),
+		align: f,
+		width: 260,
+		children: [
+			/* @__PURE__ */ X(C, {
+				icon: /* @__PURE__ */ Y(e.download, { size: 12 }),
+				onClick: _ ? void 0 : () => void D("current_view"),
+				children: ["Current view (CSV) · ", Qt(l)]
+			}),
+			ee && /* @__PURE__ */ X(C, {
+				icon: /* @__PURE__ */ Y(e.check, { size: 12 }),
+				onClick: _ ? void 0 : () => void D("selected_rows"),
+				children: ["Selected rows (CSV) · ", c.length]
+			}),
+			te ? /* @__PURE__ */ Y(C, {
+				icon: /* @__PURE__ */ Y(e.columns, { size: 12 }),
+				"data-testid": "export-current-page-disabled",
+				disabled: !0,
+				children: "Current page · n/a (infinite scroll)"
+			}) : /* @__PURE__ */ X(C, {
+				icon: /* @__PURE__ */ Y(e.columns, { size: 12 }),
+				onClick: _ ? void 0 : () => void D("current_page"),
+				children: ["Current page (CSV) · ", u ? `${u} rows` : "page window"]
+			}),
+			/* @__PURE__ */ Y(C, {
+				icon: /* @__PURE__ */ Y(e.grid, { size: 12 }),
+				children: "XLSX (coming soon)"
+			}),
+			y && /* @__PURE__ */ Y("div", {
+				role: "alert",
+				style: {
+					padding: "6px 10px",
+					marginTop: 4,
+					fontSize: 12,
+					color: "var(--destructive)",
+					borderTop: "1px solid var(--border)"
+				},
+				children: y.message
+			})
+		]
+	})] });
+}
+function en() {
+	let e = /* @__PURE__ */ new Date(), t = (e) => String(e).padStart(2, "0");
+	return `${e.getUTCFullYear()}${t(e.getUTCMonth() + 1)}${t(e.getUTCDate())}-${t(e.getUTCHours())}${t(e.getUTCMinutes())}`;
+}
+function tn(e, t) {
+	let n = URL.createObjectURL(e), r = document.createElement("a");
+	r.href = n, r.download = t, r.style.display = "none", document.body.appendChild(r), r.click(), document.body.removeChild(r), setTimeout(() => URL.revokeObjectURL(n), 0);
+}
+//#endregion
+//#region src/components/pages/list/ListToolbar.tsx
+function nn({ screen: t, entity: n, entityCode: r, schema: i, screenCode: a, screenName: o, locale: c, isPhone: l, isCardsPresentation: u, sort: d, columns: f, views: p, query: m, selection: h, filters: _, searchValue: v, onSearchChange: y, onSaveView: b, page: T, perPage: E, includeDeleted: D, canViewDeleted: ee, onToggleDeleted: O, isLive: k }) {
+	let [ne, re] = q(!1), [ie, A] = q(!1), [ae, j] = q(!1), M = K(null), N = K(null), se = ve((e) => e.density), ce = () => {
+		let e = se === "compact" ? "comfortable" : se === "comfortable" ? "cozy" : "compact";
+		ve.getState().setMany({ density: e });
+	}, P = !l || ne || v !== "", F = (e) => {
+		if (e.startsWith("$status.")) {
+			let t = e.slice(8), r = n.status_groups?.[t];
+			return r ? s(r.name) || t : e;
+		}
+		if (e.startsWith("$property.")) {
+			let t = e.slice(10), r = n.properties?.[t];
+			return r ? s(r.name) || t : e;
+		}
+		return Ne(n, e, i?.entities);
+	}, le = (t.columns ?? []).filter((e) => Ht(e, n));
+	return /* @__PURE__ */ X("div", {
+		style: {
+			display: "flex",
+			alignItems: "center",
+			gap: l ? 6 : 8,
+			paddingTop: 0,
+			paddingBottom: 10,
+			...l ? ye(12) : {
+				paddingLeft: 20,
+				paddingRight: 20
+			},
+			flexWrap: "wrap"
+		},
+		children: [
+			/* @__PURE__ */ Y(ot, {
+				views: p.all,
+				activeViewId: p.activeId,
+				isDirty: p.isDirty,
+				onSelect: p.apply,
+				onSaveAs: b
+			}),
+			P ? /* @__PURE__ */ X("div", {
+				style: {
+					position: "relative",
+					width: l ? "100%" : 260,
+					order: l ? -1 : 0
+				},
+				children: [/* @__PURE__ */ Y(g, {
+					value: v,
+					onChange: y,
+					placeholder: `Search ${o.toLowerCase()}…`,
+					prefix: /* @__PURE__ */ Y(e.search, { size: 13 })
+				}), /* @__PURE__ */ Y("span", {
+					style: {
+						position: "absolute",
+						right: 6,
+						top: "50%",
+						transform: "translateY(-50%)",
+						pointerEvents: "none"
+					},
+					children: /* @__PURE__ */ Y(te, { children: "/" })
+				})]
+			}) : /* @__PURE__ */ Y(S, {
+				icon: /* @__PURE__ */ Y(e.search, { size: 14 }),
+				title: `Search ${o.toLowerCase()}`,
+				onClick: () => re(!0)
+			}),
+			/* @__PURE__ */ X(w, {
+				icon: /* @__PURE__ */ Y(e.filter, { size: 13 }),
+				onClick: _.onOpen,
+				active: _.count > 0,
+				children: ["Filters", _.count > 0 && /* @__PURE__ */ Y(oe, {
+					tone: "violet",
+					size: "xs",
+					style: { marginLeft: 4 },
+					children: _.count
+				})]
+			}),
+			u && /* @__PURE__ */ X(J, { children: [/* @__PURE__ */ X(w, {
+				ref: M,
+				icon: /* @__PURE__ */ Y(e.sort, { size: 13 }),
+				onClick: () => A((e) => !e),
+				active: ie || d.cols.length > 0,
+				children: ["Sort", d.cols.length > 0 && /* @__PURE__ */ Y(oe, {
+					tone: "slate",
+					size: "xs",
+					style: { marginLeft: 4 },
+					children: d.cols.length
+				})]
+			}), /* @__PURE__ */ X(x, {
+				open: ie,
+				anchor: M.current,
+				onClose: () => A(!1),
+				align: "start",
+				width: 280,
+				children: [
+					/* @__PURE__ */ Y("div", {
+						style: {
+							padding: "6px 8px 4px",
+							fontSize: 10,
+							color: "var(--text-3)",
+							fontWeight: 700,
+							letterSpacing: "0.08em",
+							textTransform: "uppercase"
+						},
+						children: "Sort by"
+					}),
+					le.map((t) => {
+						let n = d.cols.find((e) => e.field === t);
+						return /* @__PURE__ */ Y(C, {
+							icon: n ? n.dir === "desc" ? /* @__PURE__ */ Y(e.arrowDown, { size: 12 }) : /* @__PURE__ */ Y(e.arrowUp, { size: 12 }) : /* @__PURE__ */ Y("span", { style: {
+								width: 12,
+								display: "inline-block"
+							} }),
+							active: !!n,
+							onClick: () => {
+								d.applyColumn(t, n?.dir === "asc" ? "desc" : "asc", void 0), A(!1);
+							},
+							children: F(t)
+						}, t);
+					}),
+					d.cols.length > 0 && /* @__PURE__ */ X(J, { children: [/* @__PURE__ */ Y(C, { divider: !0 }), /* @__PURE__ */ Y(C, {
+						icon: /* @__PURE__ */ Y(e.x, { size: 12 }),
+						onClick: () => {
+							d.clearAll(), A(!1);
+						},
+						children: "Clear sort"
+					})] })
+				]
+			})] }),
+			!u && /* @__PURE__ */ Y(ct, {
+				availableColumns: t.columns ?? [],
+				visibleColumns: f.visible,
+				onToggle: (e) => {
+					let t = f.visible.includes(e) ? f.visible.filter((t) => t !== e) : [...f.visible, e];
+					f.apply(t);
+				},
+				onMove: f.move,
+				onReset: f.clear,
+				onShowAll: () => f.apply(t.columns ?? []),
+				onResetWidths: f.resetWidths,
+				columnLabel: F
+			}),
+			!l && /* @__PURE__ */ Y("span", { style: {
+				width: 1,
+				height: 20,
+				background: "var(--divider)"
+			} }),
+			!l && /* @__PURE__ */ Y(S, {
+				icon: /* @__PURE__ */ Y(e.grid, { size: 14 }),
+				title: "Density",
+				active: se !== "compact",
+				onClick: ce
+			}),
+			/* @__PURE__ */ Y(me, {
+				liveObject: {
+					refetch: m.retry,
+					isFetching: m.isFetching,
+					isLoading: m.isLoading,
+					isLive: k
+				},
+				realtime: k
+			}),
+			!l && /* @__PURE__ */ Y("div", { style: { flex: 1 } }),
+			!l && ee && /* @__PURE__ */ Y(w, {
+				kind: "ghost",
+				size: "sm",
+				icon: Y(D ? e.eyeOff : e.eye, { size: 12 }),
+				onClick: O,
+				active: D,
+				children: D ? "Hide deleted" : "Show deleted"
+			}),
+			l && /* @__PURE__ */ X(J, { children: [/* @__PURE__ */ Y(S, {
+				ref: N,
+				icon: /* @__PURE__ */ Y(e.more, { size: 14 }),
+				title: "More",
+				active: ae,
+				onClick: () => j((e) => !e)
+			}), /* @__PURE__ */ X(x, {
+				open: ae,
+				anchor: N.current,
+				onClose: () => j(!1),
+				align: "end",
+				width: 220,
+				children: [/* @__PURE__ */ Y(C, {
+					icon: /* @__PURE__ */ Y(e.grid, { size: 13 }),
+					onClick: () => {
+						ce(), j(!1);
+					},
+					children: "Density"
+				}), ee && /* @__PURE__ */ Y(C, {
+					icon: Y(D ? e.eyeOff : e.eye, { size: 13 }),
+					onClick: () => {
+						O(), j(!1);
+					},
+					children: D ? "Hide deleted" : "Show deleted"
+				})]
+			})] }),
+			r && n && /* @__PURE__ */ Y(pt, {
+				entityCode: r,
+				scope: "list",
+				selectedIds: h.ids,
+				viewState: {
+					screenCode: a,
+					jsonFilters: _.json,
+					search: _.debouncedSearch,
+					sort: d.forRequest,
+					includeDeleted: D || void 0,
+					page: T,
+					perPage: E
+				},
+				locale: c,
+				capability: n.documents,
+				canManageTemplates: B(i)
+			}),
+			r && n && /* @__PURE__ */ Y($t, {
+				entityCode: r,
+				entity: n,
+				screen: t,
+				viewState: {
+					screenCode: a,
+					jsonFilters: _.json,
+					search: _.debouncedSearch,
+					sort: d.forRequest,
+					includeDeleted: D || void 0,
+					page: T,
+					perPage: E
+				},
+				visibleColumns: f.visible,
+				selectedRowPKs: h.pkValues,
+				totalRows: m.countTotal,
+				pageSize: E,
+				locale: c
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/pages/list/useListViews.ts
+function rn(e) {
+	let t = new URLSearchParams(), n = e.get("search");
+	n && t.set("search", n);
+	for (let n of k) {
+		let r = e.get(n);
+		r !== null && t.set(n, r);
+	}
+	return t;
+}
+function an(e, t) {
+	let n = I(t.id);
+	n && e.setQueriesData({ queryKey: ["entity-data", "view"] }, (e) => !e || e.data.some((e) => I(e.id) === n) ? e : {
+		...e,
+		data: [t, ...e.data]
+	});
+}
+function on({ screenCode: e, screen: t, searchParams: n, setSearchParams: r, userId: i, tenantId: a, filterError: o, filters: s, visibleColumns: c, sort: l }) {
+	let u = bt(), d = it(e, i), f = n.get("view"), p = G(() => d.find((e) => e.id === f), [d, f]), m = Ce("view"), h = xe("view"), g = `dcl:smartlist:default-view-cleared:${e}`, _ = K(!1);
+	W(() => {
+		if (_.current) return;
+		if (o) {
+			_.current = !0;
+			return;
+		}
+		if (!d || d.length === 0) return;
+		if (n.get("view")) {
+			_.current = !0;
+			return;
+		}
+		if (typeof window < "u" && window.sessionStorage?.getItem(g)) {
+			_.current = !0;
+			return;
+		}
+		let e = d.find((e) => e.source === "personal" && e.is_default) ?? (t?.default_view ? d.find((e) => e.source === "system" && e.id === t.default_view) : void 0);
+		if (!e || !e.id) return;
+		_.current = !0;
+		let i = rn(n);
+		i.set("view", e.id), e.filters && Array.isArray(e.filters) && e.filters.length > 0 && i.set("filters", JSON.stringify(e.filters)), e.columns && e.columns.length > 0 && i.set("columns", e.columns.join(",")), e.sort && i.set("sort", e.sort), r(i, { replace: !0 });
+	}, [
+		d,
+		o,
+		n,
+		r,
+		g,
+		t?.default_view
+	]);
+	let v = G(() => {
+		if (!f || !p) return !1;
+		let e = p.filters ?? [], n = p.columns?.length ? p.columns : t?.default_columns ?? t?.columns ?? [], r = p.sort ?? t?.sort_default ?? "";
+		return JSON.stringify(s) !== JSON.stringify(e) || c.join(",") !== n.join(",") || (l ?? "") !== r;
+	}, [
+		f,
+		p,
+		s,
+		c,
+		l,
+		t?.default_columns,
+		t?.columns,
+		t?.sort_default
+	]), y = U((e) => {
+		let i = new URLSearchParams(n), a = rn(n);
+		e.id ? (a.set("view", e.id), e.filters && Array.isArray(e.filters) && e.filters.length > 0 && a.set("filters", JSON.stringify(e.filters)), e.columns && e.columns.length > 0 && a.set("columns", e.columns.join(",")), e.sort && a.set("sort", e.sort), a.set("page", "1")) : typeof window < "u" && window.sessionStorage?.setItem(g, "1"), r(a);
+		let o = i.get("view"), s = o ? d.find((e) => e.id === o) : void 0, c = (s?.columns?.length ? s.columns : t?.default_columns ?? t?.columns ?? []).join(",");
+		(i.get("columns") ?? c) !== c && A.info("View applied", "Your unsaved column changes were replaced.", { action: {
+			label: "Undo",
+			onClick: () => r(i)
+		} });
+	}, [
+		n,
+		r,
+		g,
+		d,
+		t?.default_columns,
+		t?.columns
+	]), b = U(async () => {
+		!p?.id || p.source !== "personal" || (await h.mutateAsync({
+			pkValues: p.id,
+			data: {
+				filters: s,
+				columns: c,
+				sort: l ?? null
+			}
+		}), await u.invalidateQueries({ queryKey: ["entity-data", "view"] }));
+	}, [
+		p,
+		h,
+		s,
+		c,
+		l,
+		u
+	]);
+	return {
+		all: d,
+		activeId: f,
+		active: p,
+		isDirty: v,
+		apply: y,
+		saveAsNew: U(async (t) => {
+			if (!i || !a) return;
+			let o = await m.mutateAsync({
+				tenant_id: a,
+				screen_code: e,
+				user_id: i,
+				name: { en: t },
+				filters: s,
+				columns: c,
+				...l ? { sort: l } : {},
+				is_shared: !1,
+				is_default: !1
+			}), d = I(o.data.id);
+			if (!d) return;
+			an(u, o.data), await u.invalidateQueries({ queryKey: ["entity-data", "view"] });
+			let f = new URLSearchParams(n);
+			f.set("view", d), r(f);
+		}, [
+			i,
+			a,
+			m,
+			e,
+			s,
+			c,
+			l,
+			u,
+			n,
+			r
+		]),
+		overwriteActive: b,
+		isSaving: m.isPending || h.isPending
+	};
+}
+function sn(e) {
+	return e && e.source === "personal" ? s(e.name) : null;
+}
+//#endregion
+//#region src/components/pages/list/use-filter-value-labels.ts
+var cn = 200;
+function ln(e, t, n, r) {
+	let i = new Map(e.map((e) => [e.code, e])), a = un(i, t, n, r), c = yt({ queries: a.map((e) => {
+		let t = {
+			per_page: cn,
+			filters: [{
+				field: e.lookupField,
+				op: "in",
+				value: e.values
+			}],
+			count: "window"
+		};
+		return {
+			queryKey: [
+				"entity-data",
+				e.entity,
+				t
+			],
+			queryFn: ({ signal: n }) => o(e.entity, t, { signal: n }),
+			staleTime: 6e4
+		};
+	}) }), l = {};
+	if (n) for (let [e, t] of Object.entries(n)) l[e] = { ...t };
+	let u = /* @__PURE__ */ new Set();
+	return c.forEach((e, t) => {
+		let n = a[t];
+		if (!n) return;
+		let r = e.data?.data;
+		if (r) {
+			let e = l[n.entity] ??= {};
+			for (let t of r) {
+				let r = I(t[n.lookupField]);
+				r && (e[r] = t);
+			}
+		}
+		if (e.isLoading) for (let e of n.values) l[n.entity]?.[e] || u.add(`${n.entity}::${e}`);
+	}), {
+		labelFor: (e, t) => {
+			let n = I(t), a = i.get(e);
+			if (!a) return {
+				status: "plain",
+				raw: n
+			};
+			let o = a.specialValues?.find((e) => e.code === n);
+			if (o) return {
+				status: "special",
+				label: s(o.label) || n,
+				raw: n
+			};
+			if (a.options) {
+				let e = a.options.find((e) => e.value === n);
+				if (e) return {
+					status: "resolved",
+					label: e.label,
+					raw: n
+				};
+			}
+			if (a.type === "ref" && a.ref?.entity) {
+				let e = a.ref.entity, t = l[e]?.[n];
+				if (t) {
+					let i = a.ref.display?.field ?? r?.[e]?.display?.display_field;
+					return {
+						status: "resolved",
+						label: f(t, i, n),
+						raw: n
+					};
+				}
+				return u.has(`${e}::${n}`) ? {
+					status: "loading",
+					raw: n
+				} : {
+					status: "unresolved",
+					raw: n
+				};
+			}
+			return {
+				status: "plain",
+				raw: n
+			};
+		},
+		refs: l
+	};
+}
+function un(e, t, n, r) {
+	let i = /* @__PURE__ */ new Map();
+	for (let a of Ze(t)) {
+		if (!a.field) continue;
+		let t = e.get(a.field);
+		if (!t || t.type !== "ref" || !t.ref?.entity) continue;
+		let o = t.ref.entity, s = r?.[o], l = t.ref.field || (s ? c(s)[0] : "id") || "id", u = Array.isArray(a.value) ? a.value : [a.value];
+		for (let e of u) {
+			let r = I(e);
+			if (!r || t.specialValues?.some((e) => e.code === r) || n?.[o]?.[r]) continue;
+			let a = `${o}::${l}`, s = i.get(a);
+			s || (s = {
+				key: a,
+				entity: o,
+				lookupField: l,
+				values: []
+			}, i.set(a, s)), s.values.includes(r) || s.values.push(r);
+		}
+	}
+	let a = [...i.values()];
+	for (let e of a) e.values.sort();
+	return a.sort((e, t) => e.key.localeCompare(t.key)), a;
+}
+//#endregion
+//#region src/components/pages/list/SaveViewDialog.tsx
+function dn({ open: e, pending: t, onClose: n, onSave: r, overwriteViewName: i, onOverwrite: a }) {
+	let [o, s] = q(""), c = !!(i && a);
+	if (W(() => {
+		e && s("");
+	}, [e]), !e) return null;
+	let l = o.trim();
+	return /* @__PURE__ */ X(J, { children: [/* @__PURE__ */ Y("div", {
+		onClick: n,
+		style: {
+			position: "fixed",
+			inset: 0,
+			background: "var(--scrim)",
+			zIndex: 70
+		}
+	}), /* @__PURE__ */ X("div", {
+		role: "dialog",
+		"aria-label": "Save view",
+		"aria-modal": "true",
+		style: {
+			position: "fixed",
+			top: "50%",
+			left: "50%",
+			transform: "translate(-50%, -50%)",
+			width: 360,
+			maxWidth: "calc(100vw - 32px)",
+			background: "var(--surface)",
+			border: "1px solid var(--border)",
+			borderRadius: 10,
+			boxShadow: "var(--shadow-lg)",
+			zIndex: 80,
+			padding: 16,
+			display: "flex",
+			flexDirection: "column",
+			gap: 12
+		},
+		children: [
+			/* @__PURE__ */ X("div", { children: [/* @__PURE__ */ Y("h3", {
+				style: {
+					margin: 0,
+					fontSize: 14,
+					color: "var(--text)"
+				},
+				children: "Save view"
+			}), /* @__PURE__ */ Y("p", {
+				style: {
+					margin: "4px 0 0",
+					fontSize: 12,
+					color: "var(--text-3)"
+				},
+				children: "Views save columns, order, filters, and sort. Widths stay personal to this device and are never part of a view."
+			})] }),
+			/* @__PURE__ */ X("label", {
+				style: {
+					display: "flex",
+					flexDirection: "column",
+					gap: 4
+				},
+				children: [/* @__PURE__ */ Y("span", {
+					style: {
+						fontSize: 11.5,
+						color: "var(--text-3)",
+						fontWeight: 500
+					},
+					children: "Name"
+				}), /* @__PURE__ */ Y(g, {
+					autoFocus: !0,
+					"aria-label": "View name",
+					value: o,
+					onChange: s,
+					placeholder: "My filtered view",
+					onKeyDown: (e) => {
+						e.key === "Escape" && n(), e.key === "Enter" && l && !t && r(l);
+					}
+				})]
+			}),
+			/* @__PURE__ */ X("div", {
+				style: {
+					display: "flex",
+					justifyContent: "flex-end",
+					gap: 8
+				},
+				children: [
+					/* @__PURE__ */ Y(w, {
+						onClick: n,
+						disabled: t,
+						children: "Cancel"
+					}),
+					c && /* @__PURE__ */ X(w, {
+						onClick: () => void a(),
+						disabled: t,
+						children: [
+							"Overwrite “",
+							i,
+							"”"
+						]
+					}),
+					/* @__PURE__ */ Y(w, {
+						kind: "primary",
+						onClick: () => void r(l),
+						disabled: !l || t,
+						children: "Save as new"
+					})
+				]
+			})
+		]
+	})] });
+}
+//#endregion
+//#region src/components/pages/list/ListHeader.tsx
+function fn({ title: t, description: n, toolbarActions: r, screenActionLayout: i, entityActionLayout: a, selectedIds: o, data: c, rowKey: l, onActionSuccess: u, widgetContext: d }) {
+	let { run: f } = D(), { isPhone: p } = ie(), m = pe("list"), h = m.isVisible("show_title"), g = m.isVisible("show_actions"), v = be(), y = G(() => {
+		let e = {};
+		for (let { code: t, action: n } of r) e[t] = n;
+		return e;
+	}, [r]), x = G(() => P((i ?? a) || M(y, "list_toolbar"), y, void 0, "list_toolbar"), [
+		i,
+		a,
+		y
+	]), C = G(() => le(x, y, void 0, E, "Select one or more rows first"), [x, y]), w = G(() => {
+		if (o.length === 0) return [];
+		let e = /* @__PURE__ */ new Map();
+		for (let t of c) e.set(l(t), t);
+		return o.map((t) => e.get(t)).filter((e) => e !== void 0);
+	}, [
+		o,
+		c,
+		l
+	]), ee = G(() => _(x, y, void 0, {}, w), [
+		x,
+		y,
+		w
+	]), te = o.length > 0 ? ee : C, O = (e, t) => {
+		let n = Re(e, t, {});
+		if (n === null) return;
+		let r = s(t.display?.name) || e;
+		return f({
+			action: t,
+			title: r,
+			bulkSelection: w.length > 0 ? w : void 0,
+			execute: async (e) => {
+				let t = o.length > 0 ? o : void 0, r = await b(n, T(e, t));
+				return t && t.length > 0 && u(), r;
+			}
+		});
+	};
+	return !h && !g ? null : /* @__PURE__ */ X("div", {
+		style: {
+			display: "flex",
+			alignItems: "center",
+			gap: 8,
+			flexWrap: p ? "wrap" : "nowrap",
+			paddingTop: p ? 12 : 16,
+			paddingBottom: 10,
+			...p ? ye(12) : {
+				paddingLeft: 20,
+				paddingRight: 20
+			}
+		},
+		children: [
+			h && v.hasOriginBack && /* @__PURE__ */ Y(S, {
+				icon: /* @__PURE__ */ Y(e.back, { size: 14 }),
+				title: "Back",
+				onClick: v.goBack
+			}),
+			h && /* @__PURE__ */ Y("div", {
+				style: {
+					flex: p ? "1 1 100%" : "1 1 auto",
+					minWidth: 0
+				},
+				children: /* @__PURE__ */ X("div", {
+					style: {
+						display: "flex",
+						alignItems: "baseline",
+						gap: 10
+					},
+					children: [/* @__PURE__ */ Y("h1", {
+						style: {
+							margin: 0,
+							minWidth: 0,
+							overflow: "hidden",
+							textOverflow: "ellipsis",
+							whiteSpace: "nowrap",
+							fontSize: "var(--page-title-size, var(--page-title-size-list))",
+							lineHeight: "var(--page-title-line-height, var(--page-title-line-height-list))",
+							fontWeight: 600,
+							letterSpacing: "-0.012em",
+							color: "var(--text)"
+						},
+						children: t
+					}), n && /* @__PURE__ */ Y(fe, {
+						label: n,
+						"data-testid": "list-description-info"
+					})]
+				})
+			}),
+			g && te.length > 0 && /* @__PURE__ */ Y(ke, {
+				layout: te,
+				kind: "toolbar",
+				entityActions: y,
+				onRun: O,
+				widgetContext: d,
+				ariaLabel: "List toolbar actions"
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/pages/list/ListFloatbar.tsx
+function pn({ selectedIds: t, floatbarActions: n, screenActionLayout: r, entityActionLayout: i, data: a, rowKey: o, entityCode: c, entity: l, screen: u, onClear: d, onActionSuccess: f, widgetContext: p }) {
+	let { run: m } = D(), h = G(() => {
+		let e = {};
+		for (let { code: t, action: r } of n) e[t] = r;
+		return e;
+	}, [n]), g = G(() => {
+		if (t.length === 0) return [];
+		let e = /* @__PURE__ */ new Map();
+		for (let t of a) e.set(o(t), t);
+		return t.map((t) => e.get(t)).filter((e) => e !== void 0);
+	}, [
+		t,
+		a,
+		o
+	]), v = G(() => {
+		if (!l || !u || g.length === 0) return r;
+		let e = g.map((e) => Oe(l, u, e));
+		return e.some((t) => t !== e[0]) ? r : Le(l, u, g[0])?.action_layout;
+	}, [
+		l,
+		u,
+		g,
+		r
+	]), y = G(() => P((v ?? i) || M(h, "list_floatbar"), h, void 0, "list_floatbar"), [
+		v,
+		i,
+		h
+	]), x = G(() => _(y, h, void 0, {}, g, Pe(l, g)), [
+		y,
+		h,
+		g,
+		l
+	]);
+	return x.length === 0 ? null : /* @__PURE__ */ X("div", {
+		style: {
+			position: "fixed",
+			left: "50%",
+			bottom: "calc(var(--tabbar-h) + var(--safe-area-bottom) + 14px)",
+			transform: "translateX(-50%)",
+			zIndex: 45,
+			display: "flex",
+			alignItems: "center",
+			flexWrap: "wrap",
+			gap: 8,
+			padding: "6px 10px 6px 14px",
+			maxWidth: "calc(100vw - var(--safe-area-left) - var(--safe-area-right) - 24px)",
+			boxSizing: "border-box",
+			background: "var(--text)",
+			color: "var(--background)",
+			borderRadius: 10,
+			boxShadow: "var(--shadow-lg)",
+			animation: "floatbarIn .15s ease-out"
+		},
+		children: [
+			/* @__PURE__ */ Y("style", { children: "@keyframes floatbarIn{from{transform:translateX(-50%) translateY(8px);opacity:0}to{transform:translateX(-50%) translateY(0);opacity:1}}" }),
+			/* @__PURE__ */ X("span", {
+				style: {
+					fontSize: 12.5,
+					fontWeight: 600
+				},
+				children: [/* @__PURE__ */ Y("span", {
+					style: {
+						padding: "1px 7px",
+						borderRadius: 4,
+						background: "var(--accent)",
+						color: "var(--accent-foreground)",
+						marginRight: 6,
+						fontSize: 11.5
+					},
+					children: t.length
+				}), "selected"]
+			}),
+			/* @__PURE__ */ Y(ke, {
+				layout: x,
+				kind: "toolbar",
+				entityActions: h,
+				rowSelection: g,
+				onRun: (e, n) => {
+					let r = Re(e, n, {}, c);
+					if (r !== null) return m({
+						action: n,
+						title: s(n.display?.name) || e,
+						bulkSelection: g,
+						entity: c,
+						execute: async (e) => {
+							let n = await b(r, T(e, t));
+							return f(), n;
+						}
+					});
+				},
+				widgetContext: p,
+				ariaLabel: "Floating action bar",
+				constrain: !1
+			}),
+			/* @__PURE__ */ Y("button", {
+				onClick: d,
+				style: {
+					background: "none",
+					border: "none",
+					color: "var(--background)",
+					cursor: "pointer",
+					opacity: .6,
+					padding: "4px 6px",
+					borderRadius: 6
+				},
+				title: "Clear selection",
+				children: /* @__PURE__ */ Y(e.x, { size: 14 })
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/pages/list/useRowMenu.ts
+function mn(e, t) {
+	let n = (e) => e === "__peek" && !t.peek || e === "__open" && !t.open, r = [];
+	for (let i of e) if (i.kind === "action") {
+		if (n(i.code)) continue;
+		r.push(i);
+	} else {
+		let e = mn(i.items, t);
+		e.length > 0 && r.push({
+			...i,
+			items: e
+		});
+	}
+	return r;
+}
+function hn(e, t) {
+	for (let n of e) if (n.kind === "action") {
+		if (n.code === t) return !0;
+	} else if (hn(n.items, t)) return !0;
+	return !1;
+}
+function gn({ row: e, rowId: t, screen: n, fullScreen: r, entity: i, entityCode: a, rowActions: o, tabNavigate: c, locale: l, peekAllowed: u, hasDetailTarget: d, onPeek: f }) {
+	let { run: p } = D(), m = r.detail_screen === void 0 && n.detail_screen !== void 0 ? {
+		...r,
+		detail_screen: n.detail_screen
+	} : r, h = Le(i, m, e) ?? m, g = G(() => {
+		let e = {}, t = h.row_actions === void 0 ? void 0 : new Set(h.row_actions);
+		for (let { code: n, action: r } of o) (!t || t.has(n)) && (e[n] = r);
+		return e;
+	}, [o, h.row_actions]), v = G(() => ({
+		entity: i,
+		entityCode: a ?? "",
+		screen: h,
+		screenRoute: h.route,
+		selectedRows: [],
+		selectedIds: [],
+		locale: l,
+		tabNavigate: (e, t) => c(e, {
+			title: t?.title,
+			icon: t?.icon,
+			search: t?.search
+		}),
+		runActionApi: (e, t) => b(e, t),
+		openPeek: (t) => f(t ?? e)
+	}), [
+		i,
+		a,
+		h,
+		l,
+		c,
+		f,
+		e
+	]), y = G(() => {
+		let e = h.action_layout ?? null, t = i.action_layout ?? null, n = e ?? t ?? M(g, "list_row");
+		return P(n, g, void 0, "list_row");
+	}, [
+		h,
+		i,
+		g
+	]), x = G(() => mn(_(y, g, void 0, e, [], Fe(i, e)), {
+		peek: u,
+		open: d
+	}), [
+		y,
+		g,
+		e,
+		i,
+		u,
+		d
+	]);
+	return {
+		layout: x,
+		entityActions: g,
+		runRowAction: U((n, r) => {
+			let i = Re(n, r, { row: e });
+			if (i !== null) return p({
+				action: r,
+				title: s(r.display?.name) || n,
+				row: e,
+				execute: (e) => b(i, T(e, [t]))
+			});
+		}, [
+			p,
+			t,
+			e
+		]),
+		widgetContext: v,
+		hasPeek: G(() => hn(x, O), [x])
+	};
+}
+//#endregion
+//#region src/components/pages/list/RowActionsCell.tsx
+function _n({ row: t, rowId: n, screen: r, fullScreen: i, entity: a, entityCode: o, rowActions: s, tabNavigate: c, peekAllowed: l, hasDetailTarget: u, onPeek: d, locale: f }) {
+	let { layout: p, entityActions: m, runRowAction: h, widgetContext: g, hasPeek: _ } = gn({
+		row: t,
+		rowId: n,
+		screen: r,
+		fullScreen: i,
+		entity: a,
+		entityCode: o,
+		rowActions: s,
+		tabNavigate: c,
+		locale: f,
+		peekAllowed: l,
+		hasDetailTarget: u,
+		onPeek: d
+	});
+	return /* @__PURE__ */ X("div", {
+		className: "sl-row-actions",
+		style: {
+			display: "flex",
+			alignItems: "center",
+			gap: 2,
+			justifyContent: "flex-end"
+		},
+		children: [_ && /* @__PURE__ */ Y(S, {
+			size: 22,
+			icon: /* @__PURE__ */ Y(e.eye, { size: 12 }),
+			onClick: (e) => {
+				e.stopPropagation(), d(t);
+			},
+			title: "Peek"
+		}), p.length > 0 && /* @__PURE__ */ Y(ke, {
+			layout: p,
+			row: t,
+			kind: "row",
+			entityActions: m,
+			onRun: h,
+			widgetContext: g,
+			ariaLabel: "Row actions"
+		})]
+	});
+}
+//#endregion
+//#region src/components/pages/list/columns.ts
+function vn(t, n, r, i) {
+	let a = Te(n, r);
+	if (!a || a.read !== "denied") return i ? V("span", { title: i }, t) : t;
+	let o = a.required_permission ? `Locked column: requires "${a.required_permission}"` : `Locked column: ${a.classification} classification`;
+	return V("span", {
+		title: o,
+		"aria-label": o,
+		className: "inline-flex items-center gap-1"
+	}, V(e.lock, { size: 12 }), t);
+}
+function Q(e) {
+	return {
+		minSize: Math.min(60, e),
+		maxSize: Math.max(De, e)
+	};
+}
+function yn(e) {
+	let { visibleCols: t, entity: n, screen: r, schema: i, entityCode: a, rowActions: o, hasBatchActions: c, hasExplicitRowActions: l, canUpdate: d, canDelete: f, peekEnabled: p, hasDetailTarget: m, userLocale: h, tabNavigate: g, refsRef: _, rowSelectionKey: v, setPeekRow: y } = e;
+	if (t.length === 0 || !n) return [];
+	let b = [];
+	c && b.push({
+		id: "_select",
+		enableResizing: !1,
+		header: ({ table: e }) => V(he, {
+			checked: e.getIsAllRowsSelected(),
+			indeterminate: e.getIsSomeRowsSelected(),
+			onChange: () => e.toggleAllRowsSelected()
+		}),
+		size: 34,
+		cell: ({ row: e }) => V("span", { "data-testid": "row-select-checkbox" }, V(he, {
+			checked: e.getIsSelected(),
+			onChange: () => e.toggleSelected()
+		}))
+	});
+	for (let e of t) {
+		if (e.startsWith("$status.")) {
+			let t = e.slice(8), r = n.status_groups?.[t];
+			if (!r) continue;
+			let i = new Map(r.statuses.map((e) => [e.code, e]));
+			b.push({
+				id: e,
+				header: s(r.name) || t,
+				size: 140,
+				...Q(140),
+				cell: ({ row: e }) => {
+					let n = e.original.$statuses?.find((e) => e.group_code === t);
+					if (!n) return V("span", { className: "text-sm text-muted-foreground" }, "-");
+					let r = i.get(n.status_code);
+					return V(oe, {
+						tone: r?.color ?? "slate",
+						size: "xs"
+					}, s(r?.name) || n.status_code);
+				}
+			});
+			continue;
+		}
+		if (e.startsWith("$property.")) {
+			let t = e.slice(10), r = n.properties?.[t];
+			if (!r) continue;
+			b.push({
+				id: e,
+				header: () => vn(s(r.name) || t, n, t, s(r.description) || void 0),
+				size: 150,
+				...Q(150),
+				enableSorting: !1,
+				cell: ({ row: e }) => {
+					let n = e.original.$properties?.find((e) => e.property_code === t);
+					return !n || n.value == null ? V("span", { className: "text-sm text-muted-foreground" }, "-") : V("span", { className: "text-sm" }, I(n.value));
+				}
+			});
+			continue;
+		}
+		if (e === "$evidence") {
+			b.push({
+				id: e,
+				header: "Evidence",
+				size: 140,
+				...Q(140),
+				enableSorting: !1,
+				cell: ({ row: e }) => {
+					let t = e.original.$evidence?.verdict ?? "unverified";
+					return V(oe, {
+						tone: ut(t),
+						size: "xs",
+						dot: !0
+					}, ft(t));
+				}
+			});
+			continue;
+		}
+		if (n.files?.get(e)) {
+			b.push({
+				id: e,
+				accessorFn: (t) => t.$files?.[e] ?? null,
+				header: () => vn(Ne(n, e, i?.entities), n, e),
+				size: 150,
+				...Q(150),
+				cell: ({ row: t }) => Ie({
+					entity: n,
+					entityCode: a,
+					fieldName: e,
+					record: t.original,
+					mode: "display",
+					surface: "list",
+					refs: _.current,
+					locale: h
+				})
+			});
+			continue;
+		}
+		let t = n.fields.get(e);
+		if (!t) continue;
+		let r = ce(t, e, i?.entities), o = t.display?.width, c = u({
+			field: t,
+			fieldName: e,
+			surface: "list",
+			entity: n,
+			entities: i?.entities,
+			screens: i?.screens,
+			refs: () => _.current,
+			locale: h
+		});
+		b.push({
+			id: e,
+			accessorKey: e,
+			header: () => vn(r, n, e, s(t.display?.description) || void 0),
+			enableSorting: t.type !== "json",
+			size: o ?? 150,
+			...Q(o ?? 150),
+			cell: ({ getValue: e, row: t }) => c(e(), t.original)
+		});
+	}
+	return (!l && d || !l && f || o.length > 0) && b.push({
+		id: "_actions",
+		enableResizing: !1,
+		header: "",
+		size: 40,
+		cell: ({ row: e }) => V(_n, {
+			row: e.original,
+			rowId: v(n, e.original),
+			screen: r,
+			fullScreen: r,
+			entity: n,
+			entityCode: a,
+			rowActions: o,
+			tabNavigate: g,
+			peekAllowed: p,
+			hasDetailTarget: m,
+			onPeek: y,
+			locale: h
+		})
+	}), b;
+}
+//#endregion
+//#region src/components/pages/list/RowContextMenu.tsx
+function bn({ x: e, y: t, row: n, rowId: r, screen: i, fullScreen: a, entity: o, entityCode: s, rowActions: c, tabNavigate: l, locale: u, peekAllowed: d, hasDetailTarget: f, onPeek: p, onClose: m }) {
+	let { layout: h, entityActions: g, runRowAction: _, widgetContext: v } = gn({
+		row: n,
+		rowId: r,
+		screen: i,
+		fullScreen: a,
+		entity: o,
+		entityCode: s,
+		rowActions: c,
+		tabNavigate: l,
+		locale: u,
+		peekAllowed: d,
+		hasDetailTarget: f,
+		onPeek: p
+	}), [y, b] = q(null), S = U((e, t) => (m(), _(e, t)), [m, _]);
+	return h.length === 0 ? null : /* @__PURE__ */ X(J, { children: [/* @__PURE__ */ Y("div", {
+		onClick: m,
+		onContextMenu: (e) => {
+			e.preventDefault(), m();
+		},
+		style: {
+			position: "fixed",
+			inset: 0,
+			zIndex: 190
+		}
+	}), /* @__PURE__ */ Y(x, {
+		open: !0,
+		anchor: null,
+		anchorPoint: {
+			x: e,
+			y: t
+		},
+		onClose: m,
+		width: 220,
+		children: /* @__PURE__ */ Y("div", {
+			onClick: m,
+			children: /* @__PURE__ */ Y(Me, {
+				layout: h,
+				entityActions: g,
+				onRun: S,
+				loading: y,
+				onLoadingChange: b,
+				row: n,
+				widgetContext: v
+			})
+		})
+	})] });
+}
+//#endregion
+//#region src/components/pages/list/useHeaderReorder.ts
+var xn = 5, Sn = 48, Cn = 18;
+function wn({ visibleCols: e, onReorder: t, scrollElRef: n, theadRef: r }) {
+	let [i, a] = q(null), [o, s] = q(null), [c, l] = q(!1), u = K(null), d = K(!1), f = K(!1), p = K([]), m = K(null), h = K(0), g = K(null), _ = K(0), v = U(() => {
+		g.current !== null && (cancelAnimationFrame(g.current), g.current = null);
+	}, []), y = U(() => {
+		u.current = null, d.current = !1, p.current = [], m.current = null, v(), a(null), s(null), l(!1);
+	}, [v]), b = U((e) => {
+		let t = p.current, r = e + ((n.current?.scrollLeft ?? 0) - _.current);
+		for (let e = 0; e < t.length; e++) if (r < (t[e].left + t[e].right) / 2) return e;
+		return t.length;
+	}, [n]), x = U(() => {
+		let e = n.current;
+		if (!d.current || !e) {
+			g.current = null;
+			return;
+		}
+		let t = e.getBoundingClientRect(), r = h.current, i = 0;
+		if (r < t.left + Sn ? i = -Math.ceil((t.left + Sn - r) / Sn * Cn) : r > t.right - Sn && (i = Math.ceil((r - (t.right - Sn)) / Sn * Cn)), i !== 0) {
+			e.scrollLeft += i;
+			let t = b(h.current);
+			m.current = t, s(t);
+		}
+		g.current = requestAnimationFrame(x);
+	}, [n, b]), S = U((e, t) => {
+		t.button === 0 && (u.current = {
+			colId: e,
+			x: t.clientX
+		}, d.current = !1, f.current = !1);
+	}, []), C = U(() => f.current ? (f.current = !1, !0) : !1, []);
+	return W(() => {
+		let i = (t) => {
+			let i = u.current;
+			if (!i) return;
+			if (h.current = t.clientX, !d.current) {
+				if (Math.abs(t.clientX - i.x) < xn) return;
+				let o = r.current, s = [];
+				if (o) for (let t of e) {
+					let e = o.querySelector(`[data-col-id="${CSS.escape(t)}"]`);
+					if (e) {
+						let n = e.getBoundingClientRect();
+						s.push({
+							id: t,
+							left: n.left,
+							right: n.right
+						});
+					}
+				}
+				p.current = s, _.current = n.current?.scrollLeft ?? 0, d.current = !0, f.current = !0, a(i.colId), l(!0), g.current === null && (g.current = requestAnimationFrame(x));
+			}
+			let o = b(t.clientX);
+			m.current = o, s(o);
+		}, o = (n) => {
+			let r = u.current;
+			if (r && d.current && n) {
+				let n = e.indexOf(r.colId), i = m.current ?? n;
+				if (n !== -1) {
+					let a = e.filter((e, t) => t !== n);
+					i > n && --i, i = Math.max(0, Math.min(i, a.length));
+					let o = [
+						...a.slice(0, i),
+						r.colId,
+						...a.slice(i)
+					];
+					o.some((t, n) => t !== e[n]) && t(o);
+				}
+			}
+			y();
+		}, c = () => o(!0), v = (e) => {
+			e.key === "Escape" && d.current && o(!1);
+		};
+		return window.addEventListener("mousemove", i), window.addEventListener("mouseup", c), window.addEventListener("keydown", v), () => {
+			window.removeEventListener("mousemove", i), window.removeEventListener("mouseup", c), window.removeEventListener("keydown", v);
+		};
+	}, [
+		e,
+		t,
+		r,
+		n,
+		b,
+		x,
+		y
+	]), W(() => y, [y]), {
+		dragColId: i,
+		dropIndex: o,
+		isDragging: c,
+		onHeaderMouseDown: S,
+		consumeDragSuppression: C
+	};
+}
+//#endregion
+//#region src/components/pages/SmartListPage.impl.tsx
+var Tn = _t(() => import("./ListCardsBody-DYMt1H8l.js").then((e) => ({ default: e.ListCardsBody })));
+function En({ screenCode: e }) {
+	return /* @__PURE__ */ Y(d, { children: /* @__PURE__ */ Y(Dn, { screenCode: e }) });
+}
+function Dn({ screenCode: e }) {
+	let t = Se(), [a, o] = vt(), { data: c } = i(), d = n(), [f, h] = q(!1), [g, _] = q(!1), { filters: y, filterError: x, activeCount: S, setFilters: C, clearFilters: T } = st(), E = ee((e) => e.user), D = ee((e) => e.activeTenant), te = l(), O = c?.screens[e], k = O?.entity ? c?.entities[O.entity] : void 0, A = O?.entity, ae = m(k, "create"), j = m(k, "update"), oe = m(k, "delete"), M = c?.actions, N = G(() => p(se(k?.actions, O?.actions, "list_toolbar", M), k), [
+		k,
+		O?.actions,
+		M
+	]), P = G(() => p(se(k?.actions, void 0, "list_floatbar", M), k), [k, M]), F = G(() => {
+		let e = /* @__PURE__ */ new Map(), t = (t) => {
+			for (let n of se(k?.actions, t, "list_row", M)) e.set(n.code, n);
+		};
+		t(O?.row_actions);
+		for (let e of O?.variants?.items() ?? []) e.row_actions !== void 0 && t(e.row_actions);
+		return p([...e.values()], k);
+	}, [
+		k,
+		O,
+		M
+	]), le = O?.row_actions !== void 0, fe = G(() => P.length > 0 || k?.export?.enabled !== !1 && O?.export?.enabled !== !1, [
+		P,
+		k?.export?.enabled,
+		O?.export?.enabled
+	]), pe = !!k?.soft_delete, me = pe && (E?.permissions ?? []).some((e) => e === "feature:view_deleted" || e === "feature:*" || e === "*"), he = me && a.get("include_deleted") === "true", ge = ne(), { openTab: ye, updateTabSearch: be, findTabByPathname: Ce } = _e();
+	$e(O, k, a.toString()), et(O?.route);
+	let Te = U((e) => {
+		if (!O?.route || !k || ge.enabled) return;
+		let t = Ce(O.route);
+		if (t) {
+			be(t.id, e);
+			return;
+		}
+		ye({
+			pathname: O.route,
+			search: e,
+			title: s(O.display?.name) || s(k.display.name_plural),
+			icon: O.display?.icon || k.display.icon,
+			closable: !0
+		});
+	}, [
+		O,
+		k,
+		ge.enabled,
+		Ce,
+		be,
+		ye
+	]), De = parseInt(a.get("page") ?? "1", 10), Oe = (() => {
+		let e = parseInt(a.get("per_page") ?? "", 10);
+		return !Number.isFinite(e) || e <= 0 || e > 1e3 ? 200 : e;
+	})(), ke = a.get("search") ?? "", Me = Dt({
+		searchParams: a,
+		setSearchParams: o,
+		screenSortDefault: O?.sort_default,
+		commitScreenTabSearch: Te
+	}), { cols: Ne, nullsByField: Pe, forRequest: Fe, tableSorting: Ie, write: Re, applyColumn: ze, shiftClickColumn: Be, appendColumn: Ve, clearColumn: Ue, clearAll: Ke } = Me, Je = G(() => Et(O, k, c?.entities), [
+		O,
+		k,
+		c?.entities
+	]), Ye = Mt({
+		screenCode: e,
+		screen: O,
+		searchParams: a,
+		setSearchParams: o
+	}), { visible: L, sizing: Ze, setSizing: rt, apply: it, commitResize: ot } = Ye, ct = on({
+		screenCode: e,
+		screen: O,
+		searchParams: a,
+		setSearchParams: o,
+		userId: E?.id,
+		tenantId: D?.id,
+		filterError: !!x,
+		filters: y,
+		visibleColumns: L,
+		sort: Fe
+	}), { active: R, saveAsNew: lt, overwriteActive: ut, isSaving: dt } = ct, ft = re(ke, 300), z = ie(), B = G(() => {
+		let e = O?.responsive?.[z.category]?.presentation;
+		return e === "table" || e === "cards" ? e : z.category === "phone" ? "cards" : "table";
+	}, [O?.responsive, z.category]), pt = G(() => Xe({
+		entity: k,
+		screen: O,
+		savedViewColumns: R?.columns
+	}), [
+		k,
+		O,
+		R?.columns
+	]), V = G(() => Ge({
+		entity: k,
+		screen: O,
+		presentation: B,
+		visibleColumns: L,
+		card: pt,
+		rowActions: F,
+		toolbarActions: N,
+		bulkActions: P,
+		sort: Ne,
+		screens: c?.screens
+	}), [
+		k,
+		O,
+		B,
+		L,
+		pt,
+		F,
+		N,
+		P,
+		Ne,
+		c?.screens
+	]), _t = ht({
+		entity: k,
+		entityCode: A,
+		screen: O,
+		screenCode: e,
+		page: De,
+		perPage: Oe,
+		sortForRequest: Fe,
+		debouncedSearch: ft,
+		filters: y,
+		filterError: !!x,
+		includeDeleted: he,
+		expand: V.expandFields,
+		select: V.selectFields,
+		runCountQuery: !0,
+		urlKey: `${A ?? ""}|${a.toString()}`
+	}), { rows: H, meta: yt, refs: bt, isLoading: xt, isFetching: Tt, isError: Ot, error: At, isLoadingStale: Nt, retry: Pt, countTotal: Ft, countStrategy: It, countLoading: Rt, countError: zt, totalPages: Z, hasMorePages: Vt, isCursor: Ht, fetchNextPage: Ut, isFetchingNextPage: Wt } = _t, Kt = jt(k, H, Tt), { state: Jt, setState: Zt, ids: Qt, pkValues: $t, rows: en, keyOf: tn } = Kt, rn = we((e) => e.degradedEntities), an = Ee(k?.realtime, rn, A ?? ""), cn = xe(A ?? ""), un = K(bt);
+	un.current = bt;
+	let mn = G(() => {
+		let e = /* @__PURE__ */ new Map();
+		if (!k) return e;
+		for (let t of He(k, O, R?.columns)) {
+			if (t.startsWith("$") || k.files?.get(t)) continue;
+			let n = k.fields.get(t);
+			n && e.set(t, u({
+				field: n,
+				fieldName: t,
+				surface: "list",
+				entity: k,
+				entities: c?.entities,
+				screens: c?.screens,
+				refs: () => un.current,
+				locale: d
+			}));
+		}
+		return e;
+	}, [
+		k,
+		O,
+		R?.columns,
+		c?.entities,
+		c?.screens,
+		un,
+		d
+	]), { labelFor: hn, refs: gn } = ln(Je, y, bt, c?.entities), _n = Lt({
+		entity: k,
+		screen: O,
+		screens: c?.screens,
+		entities: c?.entities,
+		searchParams: a,
+		tabNavigate: t,
+		commitScreenTabSearch: Te,
+		isPhone: z.category === "phone",
+		canUpdate: j
+	}), { peekAllowed: vn, peekRow: Q, setPeekRow: xn, peekFields: Sn, peekActions: Cn, peekExecute: En, contextMenu: Dn, setContextMenu: On } = _n, kn = G(() => !O || !k ? !1 : v(O, "_", k, c?.screens) !== null, [
+		O,
+		k,
+		c?.screens
+	]), An = G(() => yn({
+		visibleCols: L,
+		entity: k,
+		screen: O,
+		schema: c,
+		entityCode: A,
+		rowActions: F,
+		hasBatchActions: fe,
+		hasExplicitRowActions: le,
+		canUpdate: j,
+		canDelete: oe,
+		peekEnabled: vn,
+		hasDetailTarget: kn,
+		userLocale: d,
+		tabNavigate: t,
+		refsRef: un,
+		rowSelectionKey: kt,
+		setPeekRow: xn
+	}), [
+		O,
+		k,
+		L,
+		t,
+		fe,
+		F,
+		le,
+		A,
+		vn,
+		kn,
+		c,
+		d,
+		j,
+		oe,
+		un,
+		xn
+	]), jn = Ct({
+		data: H,
+		columns: An,
+		getCoreRowModel: St(),
+		manualSorting: !0,
+		manualPagination: !0,
+		enableColumnResizing: !0,
+		columnResizeMode: "onChange",
+		onColumnSizingChange: rt,
+		state: {
+			sorting: Ie,
+			rowSelection: Jt,
+			columnSizing: Ze
+		},
+		onSortingChange: (e) => {
+			let t = (typeof e == "function" ? e(Ie) : e).slice(0, 5);
+			if (t.length === 0) {
+				Re([]);
+				return;
+			}
+			let n = t.map((e) => {
+				let t = Pe.get(e.id);
+				return {
+					field: e.id,
+					dir: e.desc ? "desc" : "asc",
+					...t ? { nulls: t } : {}
+				};
+			});
+			Re(n);
+		},
+		onRowSelectionChange: Zt,
+		getRowId: tn,
+		rowCount: Ft ?? H.length
+	}), Mn = jn.getState().columnSizingInfo.isResizingColumn, Nn = K(!1);
+	W(() => {
+		let e = !!Nn.current && !Mn;
+		Nn.current = Mn, e && ot(jn.getState().columnSizing);
+	}, [
+		Mn,
+		ot,
+		jn
+	]);
+	let Pn = Bt(jn), Fn = jn.getTotalSize();
+	W(() => {
+		let e = (e) => {
+			let t = e.target?.tagName;
+			if (t === "INPUT" || t === "TEXTAREA" || t === "SELECT") {
+				e.key === "Escape" && (e.target.blur(), h(!1));
+				return;
+			}
+			e.key === "/" && !e.metaKey && !e.ctrlKey && (e.preventDefault(), document.querySelector("[placeholder*=\"Search\"]")?.focus()), e.key === "f" && !e.metaKey && !e.ctrlKey && (e.preventDefault(), h((e) => !e)), e.key === "Escape" && h(!1);
+		};
+		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
+	}, []);
+	let In = K(null), { rows: Ln } = jn.getRowModel(), Rn = K(null), zn = wn({
+		visibleCols: L,
+		onReorder: it,
+		scrollElRef: In,
+		theadRef: Rn
+	}), Bn = ve((e) => e.density), Vn = ve((e) => e.zebra), Hn = de(), $ = wt({
+		count: Ln.length,
+		getScrollElement: () => In.current,
+		estimateSize: () => B === "cards" ? 142 : 48,
+		overscan: 10,
+		initialOffset: Hn
+	}), Un = G(() => Ln.map((e) => e.id), [Ln]);
+	ue({
+		virtualizer: $,
+		scrollElementRef: In,
+		rowKeys: Un
+	}), W(() => {
+		$.measure();
+	}, [Bn, $]), W(() => {
+		$.measure();
+	}, [
+		z.width,
+		z.height,
+		B,
+		$
+	]);
+	let Wn = U((e) => {
+		o((t) => {
+			let n = new URLSearchParams(t);
+			return e ? n.set("search", e) : n.delete("search"), n.set("page", "1"), n;
+		});
+	}, [o]), Gn = U(() => {
+		o((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;
+		});
+	}, [o]), Kn = U((e) => {
+		o((t) => {
+			let n = new URLSearchParams(t);
+			return n.set("page", String(e)), n;
+		});
+	}, [o]);
+	W(() => {
+		Z !== void 0 && De > Z && Kn(Z);
+	}, [
+		Z,
+		De,
+		Kn
+	]);
+	let qn = U((e) => {
+		o((t) => {
+			let n = new URLSearchParams(t);
+			return n.set("per_page", String(e)), n.set("page", "1"), n;
+		});
+	}, [o]);
+	if (!O || !k) return null;
+	let Jn = k.display, Yn = s(O.display?.name) || s(Jn.name), Xn = O.display?.icon || Jn.icon, Zn = s(O.display?.description) || s(Jn.description), Qn = z.category === "phone", $n = B === "cards", er = $t.map((e) => r(k, e)), tr = {
+		entity: k,
+		entityCode: A ?? "",
+		screen: O,
+		screenRoute: O.route,
+		selectedRows: en,
+		selectedIds: er,
+		locale: d,
+		tabNavigate: (e, n) => t(e, {
+			title: n?.title,
+			icon: n?.icon,
+			search: n?.search
+		}),
+		runActionApi: (e, t) => b(e, t)
+	};
+	return /* @__PURE__ */ X("div", {
+		style: {
+			display: "flex",
+			flexDirection: "column",
+			height: "100%",
+			background: "var(--background)"
+		},
+		children: [
+			/* @__PURE__ */ X(J, { children: [
+				/* @__PURE__ */ Y(fn, {
+					title: Yn,
+					description: Zn,
+					toolbarActions: N,
+					screenActionLayout: O.action_layout,
+					entityActionLayout: k.action_layout,
+					selectedIds: Qt,
+					data: H,
+					rowKey: tn,
+					onActionSuccess: () => Zt({}),
+					widgetContext: tr
+				}),
+				/* @__PURE__ */ Y(nn, {
+					screen: O,
+					entity: k,
+					entityCode: A,
+					schema: c,
+					screenCode: e,
+					screenName: Yn,
+					locale: d,
+					isPhone: Qn,
+					isCardsPresentation: $n,
+					sort: Me,
+					columns: Ye,
+					views: ct,
+					query: _t,
+					selection: Kt,
+					filters: {
+						json: y,
+						debouncedSearch: ft,
+						count: S,
+						onOpen: () => h(!0)
+					},
+					searchValue: ke,
+					onSearchChange: Wn,
+					onSaveView: () => _(!0),
+					page: De,
+					perPage: Oe,
+					includeDeleted: he,
+					canViewDeleted: me,
+					onToggleDeleted: Gn,
+					isLive: an
+				}),
+				x && /* @__PURE__ */ X("div", {
+					role: "alert",
+					"data-testid": "filter-url-error",
+					style: {
+						margin: "0 20px 10px",
+						padding: "8px 10px",
+						border: "1px solid var(--danger)",
+						borderRadius: 6,
+						color: "var(--danger)",
+						fontSize: 12,
+						display: "flex",
+						alignItems: "center",
+						gap: 8
+					},
+					children: [/* @__PURE__ */ X("span", { children: [x, " Showing this list without URL filters."] }), /* @__PURE__ */ Y(w, {
+						kind: "ghost",
+						size: "xs",
+						onClick: T,
+						children: "Clear"
+					})]
+				}),
+				y.length > 0 && /* @__PURE__ */ Y("div", {
+					style: { padding: "0 20px 10px" },
+					children: /* @__PURE__ */ Y(nt, {
+						filters: y,
+						resolveValue: hn,
+						onRemove: (e) => C(Qe(y, e)),
+						onClearAll: T,
+						onChipClick: () => h(!0),
+						fieldLabel: (e) => {
+							if (e.startsWith("$status.")) {
+								let t = e.slice(8), n = k.status_groups?.[t];
+								return n ? s(n.name) || t : e;
+							}
+							if (e.startsWith("$property.")) {
+								let t = e.slice(10), n = k.properties?.[t];
+								return n ? s(n.name) || t : e;
+							}
+							let t = k.fields.get(e);
+							return t ? ce(t, e, c?.entities) : e;
+						}
+					})
+				})
+			] }),
+			/* @__PURE__ */ Y(Yt, {
+				isLoading: xt,
+				tableLoadingStale: Nt,
+				isError: Ot,
+				error: At,
+				rowCount: H.length,
+				entity: k,
+				screen: O,
+				screenName: Yn,
+				screenIcon: Xn,
+				isFiltered: !!ft || S > 0,
+				canCreate: ae,
+				toolbarActions: N,
+				onRetry: Pt
+			}),
+			xt || Ot || H.length === 0 ? null : /* @__PURE__ */ Y("div", {
+				style: {
+					flex: 1,
+					minHeight: 0,
+					padding: "0 20px 16px",
+					display: "flex",
+					flexDirection: "column"
+				},
+				children: /* @__PURE__ */ X("div", {
+					style: {
+						background: "var(--surface)",
+						border: "1px solid var(--border)",
+						borderRadius: 8,
+						overflow: "hidden",
+						boxShadow: "var(--shadow-xs)",
+						display: "flex",
+						flexDirection: "column",
+						flex: 1,
+						minHeight: 0
+					},
+					children: [/* @__PURE__ */ Y("div", {
+						ref: In,
+						"data-testid": "list-scroll",
+						"data-presentation": B,
+						style: {
+							overflow: "auto",
+							flex: 1,
+							minHeight: 0
+						},
+						children: B === "cards" ? /* @__PURE__ */ Y(gt, {
+							fallback: null,
+							children: /* @__PURE__ */ Y(Tn, {
+								rows: Ln,
+								virtualizer: $,
+								entity: k,
+								screen: O,
+								entityCode: A,
+								entities: c?.entities,
+								savedViewColumns: R?.columns,
+								refs: un.current,
+								locale: d,
+								renderers: mn,
+								rowActions: F,
+								tabNavigate: t,
+								interaction: _n,
+								hasSoftDelete: pe,
+								zebra: Vn,
+								hasBatchActions: fe,
+								hasDetailTarget: kn,
+								rowKey: tn
+							})
+						}) : /* @__PURE__ */ Y(Gt, {
+							table: jn,
+							columns: An,
+							rows: Ln,
+							entity: k,
+							columnSizeVars: Pn,
+							totalColumnsWidth: Fn,
+							theadRef: Rn,
+							virtualizer: $,
+							visibleCols: L,
+							headerReorder: zn,
+							sortCols: Ne,
+							sortNullsMap: Pe,
+							shiftClickColumn: Be,
+							applyColumnSort: ze,
+							appendColumnSort: Ve,
+							clearColumnSort: Ue,
+							clearAllSorts: Ke,
+							renderRow: (e, t) => /* @__PURE__ */ Y(qt, {
+								row: e,
+								rowIndex: t,
+								entity: k,
+								hasSoftDelete: pe,
+								zebra: Vn,
+								hasDetailTarget: kn,
+								interaction: _n,
+								measureElement: $.measureElement
+							}, e.id),
+							isResizingColumn: Mn
+						})
+					}), /* @__PURE__ */ Y(Xt, {
+						meta: yt,
+						isCursor: Ht,
+						isPhone: Qn,
+						rowsLoaded: H.length,
+						selectedCount: Qt.length,
+						countTotal: Ft,
+						countStrategy: It,
+						countLoading: Rt,
+						countError: zt,
+						page: De,
+						totalPages: Z,
+						goToPage: Kn,
+						perPage: Oe,
+						setPerPage: qn,
+						hasMorePages: Vt,
+						fetchNextPage: Ut,
+						isFetchingNextPage: Wt
+					})]
+				})
+			}),
+			/* @__PURE__ */ Y(at, {
+				open: f,
+				onClose: () => h(!1),
+				filters: y,
+				onApply: C,
+				availableFields: Je,
+				defaultFilters: O?.default_filters,
+				refs: gn
+			}),
+			/* @__PURE__ */ Y(dn, {
+				open: g,
+				pending: dt,
+				onClose: () => _(!1),
+				overwriteViewName: sn(R),
+				onOverwrite: async () => {
+					await ut(), _(!1);
+				},
+				onSave: async (e) => {
+					await lt(e), _(!1);
+				}
+			}),
+			Qt.length > 0 && /* @__PURE__ */ Y(pn, {
+				selectedIds: Qt,
+				floatbarActions: P,
+				screenActionLayout: O.action_layout,
+				entityActionLayout: k.action_layout,
+				data: H,
+				rowKey: tn,
+				entityCode: A,
+				entity: k,
+				screen: O,
+				onClear: () => Zt({}),
+				onActionSuccess: () => Zt({}),
+				widgetContext: tr
+			}),
+			Dn && k && O && /* @__PURE__ */ Y(bn, {
+				x: Dn.x,
+				y: Dn.y,
+				row: Dn.row,
+				rowId: tn(Dn.row),
+				screen: O,
+				fullScreen: O,
+				entity: k,
+				entityCode: A,
+				rowActions: F,
+				tabNavigate: t,
+				locale: d,
+				peekAllowed: vn,
+				hasDetailTarget: kn,
+				onPeek: xn,
+				onClose: () => On(null)
+			}),
+			vn && Q && k && /* @__PURE__ */ Y(tt, {
+				entity: k,
+				entityCode: A,
+				record: Q,
+				title: (() => {
+					let e = O.columns?.find((e) => !e.startsWith("$status.") && !e.startsWith("$property."));
+					return e ? I(Q[e] ?? s(k.display.name)) : s(k.display.name);
+				})(),
+				recordId: (() => {
+					let e = k.fields.names()?.find((e) => k.fields.get(e)?.primary);
+					return e ? I(Q[e]) : void 0;
+				})(),
+				fields: Sn,
+				screen: Le(k, O, Q),
+				actions: Cn,
+				screenActionLayout: Le(k, O, Q)?.action_layout,
+				entityActionLayout: k.action_layout,
+				executeAction: En,
+				onClose: () => {
+					if (k && Q) {
+						let e = k.fields.names()?.find((e) => k.fields.get(e)?.primary);
+						e && mt(I(Q[e]));
+					}
+					xn(null);
+				},
+				onOpen: (e) => {
+					let t = Q;
+					xn(null), _n.navigateToDetail(t, { draft: e });
+				},
+				onSave: (e) => {
+					xn(e);
+					let t = k.fields.names()?.find((e) => k.fields.get(e)?.primary);
+					if (!t) return;
+					let n = I(e[t]), r = {};
+					for (let t of k.fields.names()) {
+						let n = Ae(k, e, t), i = Ae(k, Q, t), a = je(k, t, n), o = je(k, t, i);
+						(a === "" ? null : a) !== (o === "" || o === void 0 ? null : o) && (r[t] = a);
+					}
+					let i = qe({
+						entity: k,
+						formData: e,
+						record: Q,
+						isNew: !1
+					});
+					if (Object.keys(i).length > 0 && (r.$files = i), Object.keys(r).length === 0) return;
+					let a = We(i);
+					cn.mutate({
+						pkValues: n,
+						data: r
+					}, { onSuccess: () => {
+						a.forEach((e) => te.markCommitted(e));
+					} });
+				}
+			})
+		]
+	});
+}
+//#endregion
+export { En as SmartListPage, _n as t };