@declarion/react 0.61.1 → 0.63.1

package/dist-lib/format-count-CSEFw2ht.js

@@ -0,0 +1,943 @@
+import { A as e, Ft as t, P as n, Pt as r, j as i, o as a, s as o, wn as s, wt as c } from "./useCurrentScreen--UovgvRj.js";
+import { t as l } from "./Icons-lt-7lhYR.js";
+import { n as u, r as d } from "./CopyButton-C0iEvaT1.js";
+import { t as f } from "./Kbd-CNttVu0z.js";
+import { n as p, t as m } from "./MenuItem-CfkVXPvC.js";
+import { f as h, o as g } from "./PropertyGridEditor-BTjscqfz.js";
+import { r as _ } from "./page-state-eA6J_KIR.js";
+import { n as v } from "./ActionRunner-DAxgnKB3.js";
+import { h as y, m as b } from "./useOwnRefresh-DkOuM4yo.js";
+import { a as x, n as S, p as C, s as w } from "./variants-CbAwl3Mn.js";
+import { _ as T, m as E, u as D } from "./FilterChips-8fMDBXHp.js";
+import { useCallback as O, useEffect as k, useMemo as A, useRef as j, useState as M } from "react";
+import { Fragment as N, jsx as P, jsxs as F } from "react/jsx-runtime";
+import { useLocation as I, useSearchParams as L } from "react-router";
+//#region src/components/primitives/Avatar.tsx
+function R({ name: e, size: t = 22, color: n }) {
+	let r = e.split(/\s+/).map((e) => e[0]).slice(0, 2).join("").toUpperCase(), i = e.split("").reduce((e, t) => e + t.charCodeAt(0), 0), a = [
+		"#DCE4F6",
+		"#E4DCF6",
+		"#F6DCE4",
+		"#F6E4DC",
+		"#DCF6E4",
+		"#DCF6F1",
+		"#F1F6DC",
+		"#F6DCF1"
+	], o = n || a[i % a.length];
+	return /* @__PURE__ */ P("span", {
+		style: {
+			display: "inline-flex",
+			alignItems: "center",
+			justifyContent: "center",
+			width: t,
+			height: t,
+			borderRadius: 999,
+			background: o,
+			color: "#1E2A4A",
+			fontSize: t < 20 ? 9.5 : 10.5,
+			fontWeight: 600,
+			flexShrink: 0
+		},
+		children: r
+	});
+}
+//#endregion
+//#region src/components/shared/ConfirmDialog.tsx
+function z({ open: e, onOpenChange: t, title: n, description: r, confirmLabel: i, onConfirm: a, destructive: o = !1 }) {
+	let s = c(), f = j(null);
+	return k(() => {
+		e && f.current?.focus();
+	}, [e]), e ? /* @__PURE__ */ F(N, { children: [/* @__PURE__ */ P("div", {
+		onClick: () => t(!1),
+		style: {
+			position: "fixed",
+			inset: 0,
+			background: "var(--scrim)",
+			zIndex: 60,
+			backdropFilter: "blur(2px)"
+		}
+	}), /* @__PURE__ */ F("div", {
+		ref: f,
+		role: "dialog",
+		"aria-modal": "true",
+		"aria-label": n,
+		tabIndex: -1,
+		onKeyDown: (e) => {
+			e.key === "Escape" && t(!1);
+		},
+		style: {
+			position: "fixed",
+			top: "50%",
+			left: "50%",
+			transform: "translate(-50%, -50%)",
+			zIndex: 61,
+			width: "calc(100vw - 24px)",
+			maxWidth: 460,
+			maxHeight: "calc(var(--app-height) - var(--safe-area-top) - var(--safe-area-bottom) - 16px)",
+			background: "var(--surface)",
+			borderRadius: 12,
+			boxShadow: "var(--shadow-lg)",
+			border: "1px solid var(--border)",
+			overflow: "hidden",
+			display: "flex",
+			flexDirection: "column",
+			outline: "none"
+		},
+		children: [/* @__PURE__ */ F("div", {
+			style: {
+				padding: "14px 18px",
+				display: "flex",
+				alignItems: "center",
+				gap: 10,
+				minWidth: 0,
+				overflowY: "auto"
+			},
+			children: [
+				/* @__PURE__ */ P("span", {
+					style: {
+						width: 28,
+						height: 28,
+						borderRadius: 7,
+						background: o ? "var(--danger-soft)" : "var(--accent-soft)",
+						color: o ? "var(--danger)" : "var(--accent)",
+						display: "inline-flex",
+						alignItems: "center",
+						justifyContent: "center",
+						flexShrink: 0
+					},
+					children: P(o ? l.trash : l.info, { size: 15 })
+				}),
+				/* @__PURE__ */ F("div", {
+					style: {
+						flex: 1,
+						minWidth: 0
+					},
+					children: [/* @__PURE__ */ P("div", {
+						style: {
+							fontSize: 14,
+							fontWeight: 600,
+							color: "var(--text)"
+						},
+						children: n
+					}), /* @__PURE__ */ P("div", {
+						style: {
+							fontSize: 11.5,
+							color: "var(--text-3)",
+							marginTop: 2
+						},
+						children: r
+					})]
+				}),
+				/* @__PURE__ */ P(u, {
+					icon: /* @__PURE__ */ P(l.x, { size: 14 }),
+					onClick: () => t(!1)
+				})
+			]
+		}), /* @__PURE__ */ F("div", {
+			style: {
+				padding: "10px 16px",
+				borderTop: "1px solid var(--divider)",
+				display: "flex",
+				alignItems: "center",
+				justifyContent: "flex-end",
+				flexWrap: "wrap",
+				gap: 8,
+				background: "var(--surface-2)",
+				flexShrink: 0
+			},
+			children: [
+				/* @__PURE__ */ P("div", { style: { flex: 1 } }),
+				/* @__PURE__ */ P(d, {
+					onClick: () => t(!1),
+					children: s("dialog.cancel", "Cancel")
+				}),
+				/* @__PURE__ */ P(d, {
+					kind: "primary",
+					danger: o,
+					onClick: () => {
+						a(), t(!1);
+					},
+					children: i ?? s("dialog.confirm", "Confirm")
+				})
+			]
+		})]
+	})] }) : null;
+}
+//#endregion
+//#region src/hooks/useScreen.ts
+function B(e) {
+	let { data: n } = t();
+	if (n && e) return n.screens[e];
+}
+//#endregion
+//#region src/hooks/useFilters.ts
+var V = [];
+function H({ defaults: e = V } = {}) {
+	let [t, n] = L(), r = c("errors"), i = A(() => E(t), [t]), a = i.error === null && t.get("filters") !== null ? i.filters : e, o = A(() => D(a), [a]), s = O((r) => {
+		let i = new URLSearchParams(t);
+		T(r, i, e), i.set("page", "1"), n(i);
+	}, [
+		t,
+		n,
+		e
+	]), l = O(() => {
+		let e = new URLSearchParams(t);
+		e.delete("filters"), e.set("page", "1"), n(e);
+	}, [t, n]);
+	return {
+		filters: a,
+		filterError: i.error === null ? null : r(i.errorCode ?? "", i.error),
+		activeCount: o,
+		setFilters: s,
+		clearFilters: l
+	};
+}
+//#endregion
+//#region src/hooks/useViews.ts
+function U(e, t) {
+	let n = t && String(e.user_id) === t;
+	return {
+		id: String(e.id),
+		name: typeof e.name == "object" && e.name !== null ? e.name : { en: s(e.name) },
+		icon: e.icon,
+		source: n ? "personal" : "shared",
+		is_default: e.is_default === !0,
+		filters: e.filters,
+		columns: e.columns,
+		sort: e.sort
+	};
+}
+function W(e, t) {
+	let n = a("view", {
+		filters: [{
+			field: "id",
+			op: "eq",
+			value: e ?? ""
+		}],
+		per_page: 1
+	}, !!e), r = n.data?.data?.[0], i = A(() => r ? U(r, t) : void 0, [r, t]);
+	return e ? {
+		view: i,
+		isSettled: !n.isPending || n.fetchStatus === "paused"
+	} : {
+		view: void 0,
+		isSettled: !0
+	};
+}
+function G(e, t) {
+	return K(e, t).views;
+}
+function K(e, t) {
+	let n = B(e), r = o("view") !== void 0, i = a("view", {
+		filters: [{
+			field: "screen_code",
+			op: "eq",
+			value: e
+		}, ...t ? [{ or: [{
+			field: "user_id",
+			op: "eq",
+			value: t
+		}, {
+			field: "is_shared",
+			op: "eq",
+			value: "true"
+		}] }] : []],
+		sort: "created_at:desc",
+		per_page: 100
+	}, r), s = i.data, c = A(() => {
+		let e = [];
+		if (n?.views) for (let t of n.views) e.push({
+			id: t.code,
+			name: t.name,
+			icon: t.icon,
+			source: "system",
+			filters: t.filters,
+			columns: t.columns,
+			sort: t.sort
+		});
+		if (s?.data) for (let n of s.data) e.push(U(n, t));
+		return e;
+	}, [
+		n?.views,
+		s?.data,
+		t
+	]), { refetch: l } = i;
+	return {
+		views: c,
+		isSettled: !r || !i.isPending || i.fetchStatus === "paused",
+		isFetching: i.isFetching,
+		refetch: O(() => {
+			l();
+		}, [l])
+	};
+}
+//#endregion
+//#region src/hooks/usePageState.ts
+function q(e, t, n) {
+	let r = I(), i = n?.scope === "path" ? b(r) : y(r), a = j(i);
+	a.current = i;
+	let o = j(t), s = _((t) => t.ttlMs <= 0 ? void 0 : t.entries[i]?.bag[e]), c = s === void 0 ? o.current : s;
+	return k(() => {
+		_.getState().touch(i);
+	}, [i]), [c, O((t) => {
+		let n = a.current, r = _.getState(), i = r.read(n, e), s = i === void 0 ? o.current : i, c = typeof t == "function" ? t(s) : t;
+		r.set(n, e, c);
+	}, [e])];
+}
+//#endregion
+//#region src/components/list/ColumnPicker.tsx
+function J({ availableColumns: e, visibleColumns: t, onToggle: n, onMove: r, onReset: i, onShowAll: a, onResetWidths: o, columnLabel: s = (e) => e }) {
+	let f = c(), h = j(null), [g, _] = M(!1), v = e.filter((e) => !t.includes(e)), y = (e) => /* @__PURE__ */ P("div", {
+		style: {
+			padding: "6px 8px 4px",
+			fontSize: 10.5,
+			color: "var(--text-3)",
+			fontWeight: 600,
+			letterSpacing: "0.06em",
+			textTransform: "uppercase"
+		},
+		children: e
+	});
+	return /* @__PURE__ */ F(N, { children: [/* @__PURE__ */ P(d, {
+		ref: h,
+		icon: /* @__PURE__ */ P(l.columns, { size: 13 }),
+		onClick: () => _((e) => !e),
+		active: g,
+		children: f("list.columns.button", "Columns")
+	}), /* @__PURE__ */ F(p, {
+		open: g,
+		anchor: h.current,
+		onClose: () => _(!1),
+		align: "end",
+		width: 240,
+		children: [
+			y(f("list.columns.visible", "Visible columns")),
+			t.map((e, i) => /* @__PURE__ */ F("div", {
+				style: {
+					display: "flex",
+					alignItems: "center",
+					gap: 2,
+					padding: "0 6px 0 8px"
+				},
+				children: [/* @__PURE__ */ F("button", {
+					type: "button",
+					onClick: () => n(e),
+					"aria-label": f("list.columns.hide", "Hide {column}", { column: s(e) }),
+					style: {
+						flex: 1,
+						display: "flex",
+						alignItems: "center",
+						gap: 6,
+						minWidth: 0,
+						background: "none",
+						border: 0,
+						cursor: "pointer",
+						textAlign: "left",
+						color: "var(--text)",
+						font: "inherit",
+						fontSize: 12.5,
+						padding: "4px 0"
+					},
+					children: [/* @__PURE__ */ P(l.check, { size: 12 }), /* @__PURE__ */ P("span", {
+						style: {
+							overflow: "hidden",
+							textOverflow: "ellipsis",
+							whiteSpace: "nowrap"
+						},
+						children: s(e)
+					})]
+				}), r && /* @__PURE__ */ F(N, { children: [/* @__PURE__ */ P(u, {
+					icon: /* @__PURE__ */ P(l.arrowUp, { size: 12 }),
+					title: f("list.columns.move_up", "Move {column} up", { column: s(e) }),
+					size: 22,
+					disabled: i === 0,
+					onClick: () => r(e, "up")
+				}), /* @__PURE__ */ P(u, {
+					icon: /* @__PURE__ */ P(l.arrowDown, { size: 12 }),
+					title: f("list.columns.move_down", "Move {column} down", { column: s(e) }),
+					size: 22,
+					disabled: i === t.length - 1,
+					onClick: () => r(e, "down")
+				})] })]
+			}, e)),
+			v.length > 0 && /* @__PURE__ */ F(N, { children: [y(f("list.columns.hidden", "Hidden columns")), v.map((e) => /* @__PURE__ */ P(m, {
+				icon: /* @__PURE__ */ P("span", { style: {
+					width: 12,
+					display: "inline-block"
+				} }),
+				onClick: () => n(e),
+				children: s(e)
+			}, e))] }),
+			/* @__PURE__ */ P(m, { divider: !0 }),
+			/* @__PURE__ */ P(m, {
+				icon: /* @__PURE__ */ P(l.refresh, { size: 12 }),
+				onClick: i,
+				children: f("list.columns.reset", "Reset columns")
+			}),
+			/* @__PURE__ */ P(m, {
+				icon: /* @__PURE__ */ P(l.eye, { size: 12 }),
+				onClick: a,
+				children: f("list.columns.show_all", "Show all")
+			}),
+			o && /* @__PURE__ */ P(m, {
+				icon: /* @__PURE__ */ P(l.columns, { size: 12 }),
+				onClick: o,
+				children: f("list.columns.reset_widths", "Reset column widths (this device)")
+			})
+		]
+	})] });
+}
+//#endregion
+//#region src/components/list/ViewSwitcher.tsx
+var Y = l["undo-2"], X = {
+	display: "flex",
+	alignItems: "center",
+	gap: 6,
+	height: 28,
+	padding: "0 10px",
+	background: "var(--surface)",
+	border: "1px solid var(--border)",
+	borderRadius: 6,
+	cursor: "pointer",
+	fontSize: 12,
+	color: "var(--text-2)",
+	fontFamily: "inherit"
+};
+function ee({ views: e, activeViewId: t, isDirty: n, onSelect: r, onSave: i, onSaveAs: a, onDiscard: o, onDelete: s, deletePending: f = !1 }) {
+	let h = c(), g = j(null), [_, v] = M(!1), y = e.find((e) => e.id === t), b = e.filter((e) => e.source === "system"), x = e.filter((e) => e.source === "personal"), S = e.filter((e) => e.source === "shared"), C = y ? h(y.name) : h("list.view.all_records", "All records"), w = (e) => /* @__PURE__ */ P("div", {
+		style: {
+			padding: "6px 8px 4px",
+			fontSize: 10,
+			color: "var(--text-3)",
+			fontWeight: 700,
+			letterSpacing: "0.08em",
+			textTransform: "uppercase"
+		},
+		children: e
+	});
+	return /* @__PURE__ */ F("div", {
+		style: {
+			display: "flex",
+			alignItems: "center",
+			gap: 6
+		},
+		children: [
+			/* @__PURE__ */ F("button", {
+				ref: g,
+				type: "button",
+				onClick: () => v((e) => !e),
+				style: X,
+				children: [
+					/* @__PURE__ */ P(l.star, { size: 12 }),
+					/* @__PURE__ */ P("span", { children: C }),
+					n && /* @__PURE__ */ P("span", { style: {
+						display: "inline-block",
+						width: 6,
+						height: 6,
+						borderRadius: 999,
+						background: "var(--warn)",
+						marginLeft: 2
+					} }),
+					/* @__PURE__ */ P(l.down, { size: 11 })
+				]
+			}),
+			/* @__PURE__ */ F(p, {
+				open: _,
+				anchor: g.current,
+				onClose: () => v(!1),
+				width: 280,
+				children: [
+					/* @__PURE__ */ P(m, {
+						icon: t ? void 0 : /* @__PURE__ */ P(l.check, { size: 12 }),
+						active: !t,
+						onClick: () => {
+							r({
+								id: "",
+								name: { [h.language]: h("list.view.all_records", "All records") },
+								source: "system"
+							}), v(!1);
+						},
+						children: h("list.view.all_records", "All records")
+					}),
+					b.length > 0 && w(h("list.view.presets", "Presets")),
+					b.map((e) => /* @__PURE__ */ P(m, {
+						icon: t === e.id ? /* @__PURE__ */ P(l.check, { size: 12 }) : void 0,
+						active: t === e.id,
+						onClick: () => {
+							r(e), v(!1);
+						},
+						children: h(e.name)
+					}, e.id)),
+					x.length > 0 && w(h("list.view.mine", "My Views")),
+					x.map((e) => /* @__PURE__ */ F("div", {
+						style: {
+							display: "flex",
+							alignItems: "center",
+							gap: 2,
+							paddingRight: 6
+						},
+						children: [/* @__PURE__ */ P("div", {
+							style: {
+								flex: 1,
+								minWidth: 0
+							},
+							children: /* @__PURE__ */ P(m, {
+								icon: t === e.id ? /* @__PURE__ */ P(l.check, { size: 12 }) : e.is_default ? /* @__PURE__ */ P(l.star, { size: 12 }) : void 0,
+								active: t === e.id,
+								onClick: () => {
+									r(e), v(!1);
+								},
+								children: h(e.name)
+							})
+						}), s && /* @__PURE__ */ P(u, {
+							icon: /* @__PURE__ */ P(l.trash, { size: 12 }),
+							title: h("list.view.delete_action", "Delete view {name}", { name: h(e.name) }),
+							size: 22,
+							disabled: f,
+							onClick: () => {
+								s(e), v(!1);
+							}
+						})]
+					}, e.id)),
+					S.length > 0 && w(h("list.view.shared", "Shared")),
+					S.map((e) => /* @__PURE__ */ P(m, {
+						icon: t === e.id ? /* @__PURE__ */ P(l.check, { size: 12 }) : /* @__PURE__ */ P(l.globe, { size: 12 }),
+						active: t === e.id,
+						onClick: () => {
+							r(e), v(!1);
+						},
+						children: h(e.name)
+					}, e.id)),
+					a && /* @__PURE__ */ F(N, { children: [/* @__PURE__ */ P(m, { divider: !0 }), /* @__PURE__ */ P(m, {
+						icon: /* @__PURE__ */ P(l.plus, { size: 12 }),
+						onClick: () => {
+							a(), v(!1);
+						},
+						children: h("list.view.save_as_menu", "Save as new view…")
+					})] })
+				]
+			}),
+			n && t && /* @__PURE__ */ F(N, { children: [i && y?.source === "personal" ? /* @__PURE__ */ P(d, {
+				icon: /* @__PURE__ */ P(l.save, { size: 12 }),
+				onClick: i,
+				children: h("list.view.save", "Save")
+			}) : a ? /* @__PURE__ */ P(d, {
+				icon: /* @__PURE__ */ P(l.plus, { size: 12 }),
+				onClick: a,
+				children: h("list.view.save_as", "Save as new")
+			}) : null, o && /* @__PURE__ */ P(d, {
+				kind: "ghost",
+				icon: /* @__PURE__ */ P(Y, { size: 12 }),
+				onClick: o,
+				children: h("list.view.discard", "Discard")
+			})] })
+		]
+	});
+}
+//#endregion
+//#region src/components/list/PeekFieldCell.tsx
+var Z = /* @__PURE__ */ new Set([
+	"enum",
+	"bool",
+	"ref"
+]);
+function te(e) {
+	let t = e.display?.widget;
+	return t && Z.has(t) ? !0 : Z.has(e.type);
+}
+function ne({ field: e, fieldName: t, label: n, value: r, record: i, refs: a, readOnly: o, onCommit: s }) {
+	let d = c(), [f, p] = M(!1), [m, g] = M(r), _ = te(e);
+	k(() => {
+		f || g(r);
+	}, [r, f]);
+	let v = O(() => {
+		o || (g(r), p(!0));
+	}, [o, r]), y = O((e) => {
+		s(e === void 0 ? m : e), p(!1);
+	}, [s, m]), b = O(() => {
+		g(r), p(!1);
+	}, [r]), x = O((e) => {
+		if (o || f) return;
+		let t = e.target;
+		t.closest("a") || t.closest("[data-peek-pencil=\"true\"]") || v();
+	}, [
+		o,
+		f,
+		v
+	]), S = O((e) => {
+		f ? _ || (e.key === "Enter" ? (e.preventDefault(), e.stopPropagation(), y()) : e.key === "Escape" && (e.preventDefault(), e.stopPropagation(), b())) : !o && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), v());
+	}, [
+		f,
+		_,
+		o,
+		v,
+		y,
+		b
+	]), C = O((e) => {
+		_ ? (g(e), y(e)) : g(e);
+	}, [_, y]), w = h({
+		field: e,
+		fieldName: t,
+		value: r,
+		mode: "display",
+		record: i,
+		refs: a,
+		t: d
+	}), T = f ? h({
+		field: e,
+		fieldName: t,
+		value: m,
+		mode: "edit",
+		onChange: C,
+		record: i,
+		refs: a,
+		t: d
+	}) : null;
+	return /* @__PURE__ */ P("div", {
+		className: "peek-field-cell",
+		"data-editing": f ? "true" : "false",
+		onClick: x,
+		onKeyDown: S,
+		onMouseEnter: (e) => {
+			o || f || (e.currentTarget.style.borderColor = "var(--border)");
+		},
+		onMouseLeave: (e) => {
+			e.currentTarget.style.borderColor = "transparent";
+		},
+		style: {
+			position: "relative",
+			display: "flex",
+			alignItems: "center",
+			gap: 6,
+			padding: "4px 6px",
+			margin: "-4px -6px",
+			borderRadius: 4,
+			minHeight: 28,
+			cursor: o || f ? "default" : "text",
+			border: "1px dashed transparent"
+		},
+		tabIndex: o || f ? -1 : 0,
+		role: o || f ? void 0 : "button",
+		"aria-label": o || f ? void 0 : d("list.peek.edit_field", "Edit {field}", { field: n }),
+		children: f ? /* @__PURE__ */ F("div", {
+			style: {
+				display: "flex",
+				alignItems: "center",
+				gap: 4,
+				flex: 1,
+				minWidth: 0
+			},
+			children: [/* @__PURE__ */ P("div", {
+				style: {
+					flex: 1,
+					minWidth: 0
+				},
+				children: T
+			}), !_ && /* @__PURE__ */ F(N, { children: [/* @__PURE__ */ P(u, {
+				size: 24,
+				icon: /* @__PURE__ */ P(l.check, { size: 13 }),
+				onClick: () => y(),
+				title: d("dialog.save", "Save")
+			}), /* @__PURE__ */ P(u, {
+				size: 24,
+				icon: /* @__PURE__ */ P(l.x, { size: 13 }),
+				onClick: b,
+				title: d("dialog.cancel", "Cancel")
+			})] })]
+		}) : /* @__PURE__ */ F(N, { children: [/* @__PURE__ */ P("div", {
+			style: {
+				flex: 1,
+				minWidth: 0
+			},
+			children: w
+		}), !o && /* @__PURE__ */ P("span", {
+			"data-peek-pencil": "true",
+			style: {
+				position: "absolute",
+				right: 4,
+				top: "50%",
+				transform: "translateY(-50%)"
+			},
+			className: "peek-pencil",
+			children: /* @__PURE__ */ P(u, {
+				size: 20,
+				icon: /* @__PURE__ */ P(l.edit, { size: 12 }),
+				onClick: (e) => {
+					e.stopPropagation(), v();
+				},
+				title: d("list.record.edit", "Edit")
+			})
+		})] })
+	});
+}
+//#endregion
+//#region src/components/list/QuickPeek.tsx
+var Q = {
+	tab: "Tab",
+	esc: "Esc"
+};
+function re({ entity: t, entityCode: a, record: o, title: s, recordId: p, avatarName: m, fields: h, refs: _, screen: y, actions: b, screenActionLayout: T, entityActionLayout: E, executeAction: D, onClose: O, onOpen: I, onSave: L }) {
+	let z = c(), [B, V] = M({ ...o }), [H, U] = M(!1);
+	g(H);
+	let W = j(null), { run: G } = v(), K = S(t, y, B);
+	k(() => {
+		V({ ...o }), U(!1);
+	}, [o]), k(() => {
+		W.current?.focus();
+	}, []);
+	let q = A(() => {
+		let r = K?.action_layout ?? T ?? E ?? i(b, "quick_peek"), a = n(r, b, void 0, "quick_peek");
+		return e(z, a, b, void 0, B, [], x(t, B));
+	}, [
+		z,
+		K?.action_layout,
+		T,
+		E,
+		b,
+		B,
+		t
+	]), J = ({ code: e, action: t }) => {
+		G({
+			action: t,
+			title: z(t.display?.name) || e,
+			row: B,
+			execute: (n) => D(e, t, n)
+		});
+	}, Y = (e, t) => {
+		let n = {
+			...B,
+			[e]: t
+		};
+		V(n), U(!0), L?.(n);
+	}, X = K?.quick_peek?.width ?? 480;
+	return /* @__PURE__ */ F(N, { children: [/* @__PURE__ */ P("div", {
+		onClick: O,
+		style: {
+			position: "fixed",
+			inset: 0,
+			background: "var(--scrim-lite)",
+			zIndex: 40
+		}
+	}), /* @__PURE__ */ F("aside", {
+		ref: W,
+		role: "dialog",
+		"aria-label": z("list.peek.dialog", "Quick peek"),
+		tabIndex: -1,
+		onKeyDown: (e) => {
+			e.key === "Escape" && O();
+		},
+		style: {
+			position: "fixed",
+			top: "var(--topbar-h)",
+			right: 0,
+			bottom: "var(--tabbar-h)",
+			width: X,
+			background: "var(--surface)",
+			borderLeft: "1px solid var(--border)",
+			zIndex: 41,
+			display: "flex",
+			flexDirection: "column",
+			boxShadow: "var(--shadow-lg)"
+		},
+		children: [
+			/* @__PURE__ */ F("div", {
+				style: {
+					display: "flex",
+					alignItems: "center",
+					padding: "12px 16px",
+					borderBottom: "1px solid var(--divider)",
+					gap: 10
+				},
+				children: [
+					/* @__PURE__ */ P(R, {
+						name: m || s,
+						size: 28
+					}),
+					/* @__PURE__ */ F("div", {
+						style: {
+							flex: 1,
+							minWidth: 0
+						},
+						children: [/* @__PURE__ */ P("div", {
+							style: {
+								fontSize: 14,
+								fontWeight: 600,
+								color: "var(--text)",
+								overflow: "hidden",
+								textOverflow: "ellipsis",
+								whiteSpace: "nowrap"
+							},
+							children: s
+						}), p && /* @__PURE__ */ P("div", {
+							className: "mono",
+							style: {
+								fontSize: 11,
+								color: "var(--text-4)"
+							},
+							children: p
+						})]
+					}),
+					/* @__PURE__ */ P(u, {
+						icon: /* @__PURE__ */ P(l.external, { size: 13 }),
+						title: H ? z("list.peek.open_in_tab_dirty", "Open in tab (keeps unsaved changes)") : z("list.peek.open_in_tab", "Open in tab"),
+						onClick: () => I(H ? B : null)
+					}),
+					/* @__PURE__ */ P(u, {
+						icon: /* @__PURE__ */ P(l.x, { size: 14 }),
+						title: z("list.peek.close", "Close"),
+						onClick: O
+					})
+				]
+			}),
+			/* @__PURE__ */ F("div", {
+				style: {
+					flex: 1,
+					overflowY: "auto",
+					padding: 14,
+					display: "flex",
+					flexDirection: "column",
+					gap: 10
+				},
+				children: [/* @__PURE__ */ F("div", {
+					style: {
+						padding: "8px 10px",
+						background: "var(--accent-soft)",
+						borderRadius: 6,
+						fontSize: 11.5,
+						color: "var(--accent)",
+						display: "flex",
+						alignItems: "center",
+						gap: 6
+					},
+					children: [
+						/* @__PURE__ */ P(l.sparkle, { size: 12 }),
+						" ",
+						z("list.peek.hint", "Inline quick-edit — click any field to change."),
+						r(z("list.peek.keys_hint", "{tab} to move, {esc} to close."), {
+							tab: /* @__PURE__ */ P(f, { children: Q.tab }),
+							esc: /* @__PURE__ */ P(f, { children: Q.esc })
+						})
+					]
+				}), h.map((e) => /* @__PURE__ */ P($, {
+					label: e.label,
+					children: e.kind === "file" ? C({
+						entity: t,
+						entityCode: a,
+						fieldName: e.key,
+						record: B,
+						mode: e.readOnly ? "display" : "edit",
+						onChange: (t) => Y(e.key, t),
+						refs: _,
+						disabled: e.readOnly,
+						t: z
+					}) : /* @__PURE__ */ P(ne, {
+						field: e.field,
+						fieldName: e.key,
+						label: e.label,
+						value: B[e.key],
+						record: B,
+						refs: _,
+						readOnly: e.readOnly,
+						onCommit: (t) => Y(e.key, t)
+					})
+				}, e.key))]
+			}),
+			/* @__PURE__ */ F("div", {
+				style: {
+					display: "flex",
+					padding: "10px 14px",
+					borderTop: "1px solid var(--divider)",
+					gap: 6,
+					alignItems: "center"
+				},
+				children: [
+					H && /* @__PURE__ */ F("span", {
+						style: {
+							fontSize: 11,
+							color: "var(--warn)",
+							display: "flex",
+							alignItems: "center",
+							gap: 4
+						},
+						children: [/* @__PURE__ */ P("span", { style: {
+							width: 6,
+							height: 6,
+							borderRadius: 999,
+							background: "var(--warn)"
+						} }), z("list.peek.unsaved", "Unsaved")]
+					}),
+					/* @__PURE__ */ P("div", {
+						style: {
+							flex: 1,
+							minWidth: 0,
+							display: "flex",
+							justifyContent: "flex-end"
+						},
+						children: q.length > 0 && /* @__PURE__ */ P(w, {
+							layout: q,
+							row: B,
+							onRun: (e, t) => J({
+								code: e,
+								action: t
+							}),
+							kind: "toolbar",
+							entityActions: b,
+							align: "trailing",
+							ariaLabel: z("list.peek.actions", "Quick peek actions")
+						})
+					}),
+					/* @__PURE__ */ P(d, {
+						kind: "primary",
+						icon: /* @__PURE__ */ P(l.edit, { size: 13 }),
+						onClick: () => I(H ? B : null),
+						children: z("list.peek.open_full", "Open full")
+					})
+				]
+			})
+		]
+	})] });
+}
+function $({ label: e, children: t }) {
+	return /* @__PURE__ */ F("div", {
+		style: {
+			display: "grid",
+			gridTemplateColumns: "120px 1fr",
+			alignItems: "center",
+			padding: "4px 0",
+			borderBottom: "1px solid var(--divider)"
+		},
+		children: [/* @__PURE__ */ P("div", {
+			style: {
+				fontSize: 11.5,
+				color: "var(--text-3)",
+				fontWeight: 500
+			},
+			children: e
+		}), /* @__PURE__ */ P("div", { children: t })]
+	});
+}
+//#endregion
+//#region src/lib/format-count.ts
+var ie = [
+	1e9,
+	1e6,
+	1e3
+];
+function ae(e, t) {
+	if (!Number.isFinite(e) || e < 0) return "~0";
+	let n = Math.round(e);
+	if (n < 1e3) return `~${n}`;
+	let r = +(n / (ie.find((e) => n >= e) ?? 1e3) < 10);
+	return `~${new Intl.NumberFormat(t, {
+		notation: "compact",
+		maximumFractionDigits: r
+	}).format(n)}`;
+}
+function oe(e, t) {
+	return !Number.isFinite(e) || e < 0 ? "0" : Math.round(e).toLocaleString(t);
+}
+function se(e, t, n) {
+	return t === "estimated" ? ae(e, n) : oe(e, n);
+}
+//#endregion
+export { re as a, q as c, K as d, H as f, R as h, $ as i, W as l, z as m, ae as n, ee as o, B as p, oe as r, J as s, se as t, G as u };