@declarion/react 0.60.0 → 0.63.0

package/dist-lib/page-inset-D_kkVwwN.js

@@ -0,0 +1,9 @@
+//#region src/lib/page-inset.ts
+function e(e) {
+	return {
+		paddingLeft: `calc(${e}px + var(--safe-area-left))`,
+		paddingRight: `calc(${e}px + var(--safe-area-right))`
+	};
+}
+//#endregion
+export { e as t };

package/dist-lib/page-state-eA6J_KIR.js

@@ -0,0 +1,124 @@
+import { create as e } from "zustand";
+//#region src/stores/page-state.ts
+var t = 18e5, n = null;
+function r(e) {
+	n = e;
+}
+function i(e) {
+	if (e && n) for (let t of e.queryKeys) n.removeQueries({
+		queryKey: t,
+		exact: !0
+	});
+}
+function a(e, t) {
+	let n = e[t];
+	if (!n) return e;
+	i(n);
+	let r = { ...e };
+	return delete r[t], r;
+}
+function o(e, t) {
+	let n = e;
+	for (; Object.keys(n).length > 64;) {
+		let e = null, r = Infinity;
+		for (let [i, a] of Object.entries(n)) i !== t && a.lastActiveAt < r && (r = a.lastActiveAt, e = i);
+		if (e === null) break;
+		n = a(n, e);
+	}
+	return n;
+}
+var s = e((e, n) => ({
+	entries: {},
+	ttlMs: t,
+	setTtl: (t) => {
+		if (t <= 0) {
+			let { entries: r } = n();
+			for (let e of Object.keys(r)) i(r[e]);
+			e({
+				ttlMs: t,
+				entries: {}
+			});
+		} else e({ ttlMs: t });
+	},
+	set: (t, r, i) => {
+		let a = n();
+		if (a.ttlMs <= 0) return;
+		let s = Date.now(), c = a.entries[t], l = c ? {
+			...c,
+			bag: {
+				...c.bag,
+				[r]: i
+			},
+			lastActiveAt: s
+		} : {
+			bag: { [r]: i },
+			lastActiveAt: s,
+			queryKeys: []
+		};
+		e({ entries: o({
+			...a.entries,
+			[t]: l
+		}, t) });
+	},
+	read: (e, t) => {
+		let r = n();
+		if (!(r.ttlMs <= 0)) return r.entries[e]?.bag[t];
+	},
+	touch: (t) => {
+		let r = n();
+		if (r.ttlMs <= 0) return;
+		let i = r.entries[t];
+		i && e({ entries: {
+			...r.entries,
+			[t]: {
+				...i,
+				lastActiveAt: Date.now()
+			}
+		} });
+	},
+	registerQueryKey: (t, r) => {
+		let i = n();
+		if (i.ttlMs <= 0) return;
+		let a = Date.now(), s = i.entries[t], l = s?.queryKeys.some((e) => c(e, r));
+		if (s && l) return;
+		let u = s ? {
+			...s,
+			queryKeys: [...s.queryKeys, r],
+			lastActiveAt: a
+		} : {
+			bag: {},
+			lastActiveAt: a,
+			queryKeys: [r]
+		};
+		e({ entries: o({
+			...i.entries,
+			[t]: u
+		}, t) });
+	},
+	kill: (t) => {
+		let r = n(), i = a(r.entries, t);
+		i !== r.entries && e({ entries: i });
+	},
+	sweep: (t) => {
+		let { ttlMs: r, entries: i } = n(), o = i;
+		for (let [e, n] of Object.entries(i)) (r <= 0 || t - n.lastActiveAt > r) && (o = a(o, e));
+		o !== i && e({ entries: o });
+	},
+	clear: () => {
+		let { entries: t } = n();
+		if (Object.keys(t).length !== 0) {
+			for (let e of Object.keys(t)) i(t[e]);
+			e({ entries: {} });
+		}
+	}
+}));
+function c(e, t) {
+	if (e === t) return !0;
+	try {
+		return JSON.stringify(e) === JSON.stringify(t);
+	} catch {
+		return !1;
+	}
+}
+//#endregion
+export { r as n, s as r, t };

package/dist-lib/param-editors-9yJr7xmN.js

@@ -0,0 +1,201 @@
+import { Nt as e, wn as t, wt as n } from "./useCurrentScreen--UovgvRj.js";
+import { t as r } from "./Icons-lt-7lhYR.js";
+import { r as i } from "./CopyButton-C0iEvaT1.js";
+import { Q as a, V as o, f as s } from "./PropertyGridEditor-BTjscqfz.js";
+import { useState as c } from "react";
+import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
+//#region src/components/params/param-editors.tsx
+var f = {
+	object: ["params.source.object", "Record"],
+	user: ["params.source.user", "User"],
+	role: ["params.source.role", "Role"],
+	tenant: ["params.source.tenant", "Tenant"],
+	env: ["params.source.env", "Environment"],
+	yaml: ["params.source.yaml", "Default"],
+	none: ["params.source.none", "Not set"]
+};
+function p(e, t) {
+	let n = f[t];
+	return n ? e(n[0], n[1]) : t;
+}
+function m({ text: e }) {
+	return /* @__PURE__ */ d("div", {
+		style: {
+			padding: "8px 10px",
+			background: "var(--danger-soft)",
+			borderRadius: 6,
+			fontSize: 11.5,
+			color: "var(--danger)",
+			display: "flex",
+			gap: 6
+		},
+		children: [/* @__PURE__ */ u(r.info, { size: 13 }), /* @__PURE__ */ u("span", { children: e })]
+	});
+}
+function h({ type: r, value: i, structure: a }) {
+	let o = n(), s;
+	if (i == null) s = "—";
+	else if (r === "bool") s = i ? o("params.value.on", "On") : o("params.value.off", "Off");
+	else if (r === "multilang" || r === "multilang_text") s = o(i) || "—";
+	else if (r === "multilang_array" && Array.isArray(i)) s = i.map((e) => o(e)).join(", ") || "—";
+	else if (r === "json" || r === "structure") {
+		if (i && typeof i == "object") {
+			let t = Array.isArray(i) ? i.length : Object.keys(i).length;
+			s = a || `{${e(o, "params.value.keys", t, {
+				one: "{count} key",
+				other: "{count} keys"
+			})}}`;
+		} else s = t(i);
+	} else s = t(i);
+	return /* @__PURE__ */ u("span", {
+		className: "mono",
+		style: {
+			fontSize: 11.5,
+			color: "var(--text-2)",
+			maxWidth: 180,
+			overflow: "hidden",
+			textOverflow: "ellipsis",
+			whiteSpace: "nowrap"
+		},
+		children: s
+	});
+}
+function g({ param: e, current: t, error: s, onCancel: f, onSave: p }) {
+	let h = n(), [g, b] = c(() => v(e, t)), [x, S] = c(!1), [C, w] = c(null);
+	async function T() {
+		w(null);
+		let e;
+		try {
+			e = y(h, g);
+		} catch (e) {
+			w(String(e instanceof Error ? e.message : e));
+			return;
+		}
+		S(!0);
+		try {
+			await p(e);
+		} finally {
+			S(!1);
+		}
+	}
+	return /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u("div", {
+		onClick: f,
+		style: {
+			position: "fixed",
+			inset: 0,
+			background: "var(--scrim)",
+			zIndex: 60
+		}
+	}), /* @__PURE__ */ d("div", {
+		"data-testid": "param-edit-dialog",
+		style: {
+			position: "fixed",
+			top: "50%",
+			left: "50%",
+			transform: "translate(-50%, -50%)",
+			zIndex: 61,
+			width: 440,
+			maxWidth: "calc(100vw - 24px)",
+			background: "var(--surface)",
+			borderRadius: 12,
+			boxShadow: "var(--shadow-lg)",
+			border: "1px solid var(--border)",
+			overflow: "hidden"
+		},
+		children: [
+			/* @__PURE__ */ d("div", {
+				style: { padding: "14px 18px 0" },
+				children: [/* @__PURE__ */ u("div", {
+					style: {
+						fontSize: 14,
+						fontWeight: 600
+					},
+					children: h(e.name) || e.code
+				}), e.description && /* @__PURE__ */ u("div", {
+					style: {
+						fontSize: 11.5,
+						color: "var(--text-3)",
+						marginTop: 2
+					},
+					children: h(e.description)
+				})]
+			}),
+			/* @__PURE__ */ d("div", {
+				style: {
+					padding: "12px 18px 16px",
+					display: "flex",
+					flexDirection: "column",
+					gap: 10
+				},
+				children: [
+					/* @__PURE__ */ u(o, { children: h("params.value", "Value") }),
+					/* @__PURE__ */ u(_, {
+						param: e,
+						value: g,
+						onChange: b
+					}),
+					(C || s) && /* @__PURE__ */ u(m, { text: C || s })
+				]
+			}),
+			/* @__PURE__ */ d("div", {
+				style: {
+					padding: "10px 16px",
+					borderTop: "1px solid var(--divider)",
+					display: "flex",
+					gap: 8,
+					background: "var(--surface-2)"
+				},
+				children: [
+					/* @__PURE__ */ u("div", { style: { flex: 1 } }),
+					/* @__PURE__ */ u(i, {
+						onClick: f,
+						children: h("dialog.cancel", "Cancel")
+					}),
+					/* @__PURE__ */ u(i, {
+						kind: "primary",
+						icon: u(x ? a : r.check, { size: 13 }),
+						onClick: T,
+						disabled: x,
+						children: x ? h("dialog.saving", "Saving…") : h("dialog.save", "Save")
+					})
+				]
+			})
+		]
+	})] });
+}
+function _({ param: e, value: t, onChange: r }) {
+	let i = n(), a = {
+		type: e.type,
+		structure: e.structure,
+		values: e.values,
+		ref: e.ref
+	};
+	return /* @__PURE__ */ u(l, { children: s({
+		field: a,
+		fieldName: e.code,
+		value: t,
+		mode: "edit",
+		onChange: r,
+		t: i
+	}) });
+}
+function v(e, t) {
+	return e.type === "bool" ? t === !0 : e.type === "structure" ? t ?? {} : t ?? null;
+}
+function y(e, t) {
+	if (t == null) throw Error(e("params.value.required", "Enter a value."));
+	return t;
+}
+var b = /* @__PURE__ */ new Set([
+	"server",
+	"database",
+	"auth",
+	"sso",
+	"seeder"
+]);
+function x(e) {
+	let t = e.scopes ?? [];
+	return t.length === 0 ? !b.has(e.category ?? "") : t.includes("tenant");
+}
+//#endregion
+export { x as a, p as i, m as n, h as r, g as t };

package/dist-lib/payload-B2wODLAX.js

@@ -0,0 +1,86 @@
+import { D as e, O as t } from "./PropertyGridEditor-BTjscqfz.js";
+import { d as n, f as r, u as i } from "./variants-CbAwl3Mn.js";
+//#region src/components/file-widgets/payload.ts
+function a(e) {
+	return !e || Array.isArray(e) ? null : e;
+}
+function o(e) {
+	return Array.isArray(e) ? e : [];
+}
+function s(e) {
+	return !e || Array.isArray(e) || typeof e != "object" ? {} : e;
+}
+function c(e, t) {
+	return e.mode === "array" ? o(t) : e.mode === "named_map" ? s(t) : a(t);
+}
+function l(e, t, n, r) {
+	let i = {
+		file_id: e.id,
+		filename: e.filename
+	};
+	return r && (i.slot = r), n && (i.position = t), e.metadata !== void 0 && (i.metadata = e.metadata), i;
+}
+function u(e, t) {
+	if (e.mode === "array") {
+		let e = o(t);
+		return e.length === 0 ? { clear: !0 } : { set: e.map((e, t) => l(e, t, !0)) };
+	}
+	if (e.mode === "named_map") {
+		let e = s(t), n = Object.entries(e).filter(([, e]) => e != null).map(([e, t]) => l(t, 0, !1, e));
+		return n.length === 0 ? { clear: !0 } : { set: n };
+	}
+	let n = a(t);
+	return n ? { set: [l(n, 0, !0)] } : { clear: !0 };
+}
+function d(e) {
+	return JSON.stringify(e);
+}
+function f(e) {
+	let { entity: t, formData: l, record: f, isNew: p } = e, h = {};
+	for (let e of t.files?.names() ?? []) {
+		if (!Object.prototype.hasOwnProperty.call(l, e)) continue;
+		let r = i(t, e);
+		if (!r) continue;
+		let m = c(r, l[e]);
+		if (p) {
+			if (r.mode === "array" ? o(m).length === 0 : r.mode === "named_map" ? Object.values(s(m)).every((e) => e == null) : a(m) == null) continue;
+			h[e] = u(r, m);
+			continue;
+		}
+		let g = c(r, f ? n(f, e) : null), _ = u(r, m), v = u(r, g);
+		d(_) !== d(v) && (h[e] = _);
+	}
+	let g = t.fields;
+	if (!g) return h;
+	for (let e of g.names()) {
+		let n = g.get(e)?.files;
+		if (!n || n.mode !== "rich_text_inline" || !Object.prototype.hasOwnProperty.call(l, e)) continue;
+		let i = m(n, l[e]);
+		if (p) {
+			if (i.clear) continue;
+			h[e] = i;
+			continue;
+		}
+		let a = m(n, f ? r({
+			...t,
+			fields: g
+		}, f, e) : null);
+		d(i) !== d(a) && (h[e] = i);
+	}
+	return h;
+}
+function p(e) {
+	let t = [];
+	for (let n of Object.values(e)) for (let e of n.set ?? []) t.push(e.file_id);
+	return t;
+}
+function m(n, r) {
+	if (n.mode !== "rich_text_inline") return { clear: !0 };
+	let i = e(t(r));
+	return i.length === 0 ? { clear: !0 } : { set: i.map((e, t) => ({
+		file_id: e,
+		position: t
+	})) };
+}
+//#endregion
+export { p as n, f as t };

package/dist-lib/{peekDraftStore-DSExeoAh.js → peekDraftStore-D4GRsRKW.js}

@@ -1,7 +1,8 @@
-import { s as e } from "./DynamicIcon-DW5krHuX.js";
-import { Jn as t, Wn as n, gn as r, i, pn as a } from "./useCurrentScreen-BPq7HMF1.js";
-import { A as o, t as s } from "./useText-BFDCTUSo.js";
-import { t as c, u as l } from "./failure-BT54OLHy.js";
+import { Q as e, Tn as t, ut as n, wt as r, xt as i } from "./useCurrentScreen--UovgvRj.js";
+import { t as a } from "./Icons-lt-7lhYR.js";
+import { r as o } from "./CopyButton-C0iEvaT1.js";
+import { n as s, t as c } from "./MenuItem-CfkVXPvC.js";
+import { n as l } from "./ActionRunner-DAxgnKB3.js";
 import { useMemo as u, useRef as d, useState as f } from "react";
 import { useQuery as p } from "@tanstack/react-query";
 import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
@@ -23,10 +24,10 @@ function y(e, t) {
 //#endregion
 //#region src/components/pages/DocumentsMenu.tsx
 var b = "document-templates-available";
-function x({ entityCode: o, scope: _, objectIds: y = [], viewState: x, selectedIds: T = [], capability: E, canManageTemplates: D = !1 }) {
-	let O = s(), k = s("errors"), { run: A } = i(), j = d(null), [M, N] = f(!1), P = _ === "detail" ? !!E?.generate_one : !!E?.generate_many, F = D && !P, { data: I, isLoading: L, error: R } = p({
-		queryKey: [b, o],
-		queryFn: async () => (await l("document.templates.available", { entity: o })).result?.templates ?? [],
+function x({ entityCode: t, scope: _, objectIds: y = [], viewState: x, selectedIds: T = [], capability: E, canManageTemplates: D = !1 }) {
+	let O = r(), k = r("errors"), { run: A } = l(), j = d(null), [M, N] = f(!1), P = _ === "detail" ? !!E?.generate_one : !!E?.generate_many, F = D && !P, { data: I, isLoading: L, error: R } = p({
+		queryKey: [b, t],
+		queryFn: async () => (await n("document.templates.available", { entity: t })).result?.templates ?? [],
 		enabled: M || F,
 		staleTime: 6e4
 	}), z = L, B = u(() => (I ?? []).filter((e) => _ === "detail" ? e.input_mode === "one" || e.input_mode === "global" : e.input_mode === "many" || e.input_mode === "global"), [_, I]), V = F && B.length > 0, H = P || V;
@@ -51,82 +52,82 @@ function x({ entityCode: o, scope: _, objectIds: y = [], viewState: x, selectedI
 		}
 		return [];
 	}
-	function G(e, t, n) {
-		let r = S(e), i = O(e.name) || e.code;
+	function G(e, t, r) {
+		let i = S(e), a = O(e.name) || e.code;
 		N(!1), A({
-			action: r,
-			title: i,
-			execute: (r) => {
-				let i = {
+			action: i,
+			title: a,
+			execute: (i) => {
+				let a = {
 					template_code: e.code,
 					template_source: e.source,
-					output_format: n
+					output_format: r
 				};
-				return Object.keys(r).length > 0 && (i.params = r), "objectIds" in t && (i.object_ids = t.objectIds), "query" in t && (i.query = {
+				return Object.keys(i).length > 0 && (a.params = i), "objectIds" in t && (a.object_ids = t.objectIds), "query" in t && (a.query = {
 					scope: "current_view",
 					query: t.query
-				}), l("document.generate", i);
+				}), n("document.generate", a);
 			}
 		});
 	}
-	let { isPhone: K } = r();
+	let { isPhone: K } = i();
 	if (!H) return null;
 	let q = O("document.menu.generate", "Generate");
-	return /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(t, {
+	return /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(o, {
 		ref: j,
 		kind: "ghost",
 		size: "sm",
-		icon: h(z ? e.loader : e.filePlus, { size: 12 }),
+		icon: h(z ? a.loader : a.filePlus, { size: 12 }),
 		onClick: U,
 		disabled: z,
 		"aria-label": q,
 		title: q,
 		children: K ? null : q
-	}), /* @__PURE__ */ g(n, {
+	}), /* @__PURE__ */ g(s, {
 		open: M,
 		anchor: j.current,
 		onClose: () => N(!1),
 		align: "end",
 		width: 300,
 		children: [
-			z && /* @__PURE__ */ h(a, {
+			z && /* @__PURE__ */ h(c, {
 				disabled: !0,
-				icon: /* @__PURE__ */ h(e.loader, { size: 12 }),
+				icon: /* @__PURE__ */ h(a.loader, { size: 12 }),
 				children: O("document.menu.loading", "Loading templates...")
 			}),
-			R && /* @__PURE__ */ h(a, {
+			R && /* @__PURE__ */ h(c, {
 				disabled: !0,
-				icon: /* @__PURE__ */ h(e.warning, { size: 12 }),
-				children: c(k, R)
+				icon: /* @__PURE__ */ h(a.warning, { size: 12 }),
+				children: e(k, R)
 			}),
-			!z && !R && B.length === 0 && /* @__PURE__ */ h(a, {
+			!z && !R && B.length === 0 && /* @__PURE__ */ h(c, {
 				disabled: !0,
-				icon: /* @__PURE__ */ h(e.file, { size: 12 }),
+				icon: /* @__PURE__ */ h(a.file, { size: 12 }),
 				children: O("document.menu.empty", "No document templates")
 			}),
-			!z && !R && B.map((t) => {
-				let n = W(t);
-				return n.length === 0 ? null : C(t).flatMap((r) => n.map((n) => r.available ? /* @__PURE__ */ h(a, {
-					icon: /* @__PURE__ */ h(e.file, { size: 12 }),
-					onClick: () => G(t, n, r.format),
-					title: O(t.description),
-					children: w(O, t, n, r.format)
-				}, `${t.source}:${t.code}:${n.kind}:${r.format}`) : /* @__PURE__ */ g(a, {
+			!z && !R && B.map((e) => {
+				let t = W(e);
+				return t.length === 0 ? null : C(e).flatMap((n) => t.map((t) => n.available ? /* @__PURE__ */ h(c, {
+					icon: /* @__PURE__ */ h(a.file, { size: 12 }),
+					onClick: () => G(e, t, n.format),
+					title: O(e.description),
+					children: w(O, e, t, n.format)
+				}, `${e.source}:${e.code}:${t.kind}:${n.format}`) : /* @__PURE__ */ g(c, {
 					disabled: !0,
-					icon: /* @__PURE__ */ h(e.file, { size: 12 }),
-					title: r.disabled_reason,
+					icon: /* @__PURE__ */ h(a.file, { size: 12 }),
+					title: n.disabled_reason,
 					children: [
-						w(O, t, n, r.format),
+						w(O, e, t, n.format),
 						" - ",
-						r.disabled_reason || O("document.not_available", "Unavailable")
+						n.disabled_reason || O("document.not_available", "Unavailable")
 					]
-				}, `${t.source}:${t.code}:${n.kind}:${r.format}:disabled`)));
+				}, `${e.source}:${e.code}:${t.kind}:${n.format}:disabled`)));
 			})
 		]
 	})] });
 }
 function S(e) {
-	let t = new o((e.params ?? []).map((e) => ({
+	let n = new t((e.params ?? []).map((e) => ({
 		...e,
 		name: e.name ?? ""
 	})));
@@ -137,7 +138,7 @@ function S(e) {
 			icon: "file",
 			description: e.description
 		},
-		resolved_params: t
+		resolved_params: n
 	};
 }
 function C(e) {

package/dist-lib/registry-BpzE8-h8.js

@@ -0,0 +1,119 @@
+import { At as e, wt as t } from "./useCurrentScreen--UovgvRj.js";
+import { t as n } from "./Icons-lt-7lhYR.js";
+import { r } from "./CopyButton-C0iEvaT1.js";
+import { Component as i, useContext as a } from "react";
+import { QueryClientContext as o } from "@tanstack/react-query";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/components/primitives/ClassifiedFieldLocked.tsx
+function l({ tier: e, tierDef: r, requiredPermission: i, variant: a = "value" }) {
+	let o = t(), l = o(r?.name) || e, u = i ? o("control.locked.permission_hint", "Locked: requires permission \"{permission}\". Ask your administrator to grant it to your role.", { permission: i }) : o("control.locked.classification_hint", "Locked: {classification} classification — requires explicit grant.", { classification: l });
+	return /* @__PURE__ */ c("span", {
+		title: u,
+		"aria-label": u,
+		className: `inline-flex items-center gap-1 text-muted-foreground italic select-none ${a === "input" ? "border border-divider rounded-md px-2 py-1 bg-surface" : ""}`,
+		children: [/* @__PURE__ */ s(n.lock, { size: 12 }), /* @__PURE__ */ s("span", { children: l })]
+	});
+}
+//#endregion
+//#region src/components/shared/ErrorBoundary.tsx
+var u = class extends i {
+	constructor(e) {
+		super(e), this.state = {
+			hasError: !1,
+			error: null
+		};
+	}
+	static getDerivedStateFromError(e) {
+		return {
+			hasError: !0,
+			error: e
+		};
+	}
+	componentDidCatch(e, t) {
+		console.error("[ErrorBoundary]", e, t.componentStack);
+	}
+	handleRetry = () => {
+		this.setState({
+			hasError: !1,
+			error: null
+		});
+	};
+	render() {
+		return this.state.hasError ? this.props.fallback ? this.props.fallback : /* @__PURE__ */ s(f, {
+			message: this.state.error?.message,
+			onRetry: this.handleRetry
+		}) : this.props.children;
+	}
+}, d = e(void 0, "en", "en");
+function f(e) {
+	return a(o) ? /* @__PURE__ */ s(p, { ...e }) : /* @__PURE__ */ s(m, {
+		...e,
+		t: d,
+		errorTitle: d
+	});
+}
+function p(e) {
+	let n = t(), r = t("errors");
+	return /* @__PURE__ */ s(m, {
+		...e,
+		t: n,
+		errorTitle: r
+	});
+}
+function m({ message: e, onRetry: t, t: n, errorTitle: i }) {
+	return /* @__PURE__ */ s("div", {
+		style: {
+			display: "flex",
+			alignItems: "center",
+			justifyContent: "center",
+			minHeight: 200,
+			padding: 32
+		},
+		children: /* @__PURE__ */ c("div", {
+			style: {
+				textAlign: "center",
+				maxWidth: 420,
+				display: "flex",
+				flexDirection: "column",
+				gap: 10
+			},
+			children: [
+				/* @__PURE__ */ s("h2", {
+					style: {
+						fontSize: 16,
+						fontWeight: 600,
+						margin: 0,
+						color: "var(--text)"
+					},
+					children: i("ui.render_failed", "This part of the page could not be shown.")
+				}),
+				/* @__PURE__ */ s("p", {
+					style: {
+						fontSize: 12.5,
+						color: "var(--text-3)",
+						margin: 0
+					},
+					children: e || i("ui.render_failed_undescribed", "An unexpected error occurred.")
+				}),
+				/* @__PURE__ */ s("div", { children: /* @__PURE__ */ s(r, {
+					onClick: t,
+					children: n("control.try_again", "Try again")
+				}) })
+			]
+		})
+	});
+}
+//#endregion
+//#region src/components/detail-layout/widgets/registry.ts
+var h = /* @__PURE__ */ new Map();
+function g(e, t) {
+	h.set(e, t);
+}
+function _(e) {
+	return h.get(e);
+}
+function v(e) {
+	return h.has(e);
+}
+//#endregion
+export { l as a, u as i, v as n, g as r, _ as t };