@declarion/react 0.59.2 → 0.60.0

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

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