@declarion/react 0.57.0 → 0.59.2

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

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