@cratis/stage.runtime 0.0.0 → 4.157.0

package/dist/src/index.js

@@ -0,0 +1,1897 @@
+import "./app.css";
+import { createContext as e, createElement as t, useCallback as n, useContext as r, useEffect as i, useMemo as a, useRef as o, useState as s } from "react";
+import { ColorScheme as c, DestinationKind as l, FormGenerationMode as u, FormWidthUnit as d, InteractionTriggerKind as f } from "@cratis/scene.model";
+import { ShellDiagnosticCode as p, ShellOrigin as m, createBindingResolver as h, resolveArgumentSource as g, resolveBehaviors as _, resolveStringsInElement as v, runBindings as y, validateBindingExpression as b } from "@cratis/scene.engine";
+import { CoreToolbarItem as x, InteractionScope as ee, SceneElementView as S, SceneNavigationContextInternal as te, SliceCommandFieldsProvider as C, SliceInvokerProvider as ne, attachmentFor as re, coreComponents as w, createBrowserDispatcher as T, createHashSceneHistory as E, useInteractionScope as D, useSceneNavigation as ie, useSceneOutlets as ae, useSceneTheme as O } from "@cratis/scene.react";
+import { ApplicationHost as oe, ColorScheme as k, ComponentName as A, LayoutThemeProvider as se, SlotName as j, blueprintPackageCatalog as ce, composeApplicationScreen as le, defaultBlueprintComponents as ue, defaultBlueprintName as de, defaultBlueprintThemes as fe, effectiveShellOf as pe, externalComponent as M, galleryScreenTemplates as me, layoutModes as he, menuThemes as ge, navigationElement as _e, previewComponents as ve, previewProfile as ye, useLayoutConfig as be } from "@cratis/scene.blueprint.default";
+import "@cratis/scene.blueprint.default/styles.css";
+import { jsx as N, jsxs as P } from "react/jsx-runtime";
+import { Button as F } from "primereact/button";
+import { PrimeDialog as xe, PrimeMessage as Se, primeReactComponents as Ce, primeReactPackageManifest as we } from "@cratis/scene.primereact";
+import { ArcContext as Te } from "@cratis/arc.react";
+import { Command as Ee } from "@cratis/arc/commands";
+import { resolveCommand as De } from "@cratis/scene.components";
+import { CommandForm as Oe } from "@cratis/arc.react/commands";
+import { CalendarField as ke, CheckboxField as Ae, InputTextField as je, NumberField as Me } from "@cratis/components/CommandForm";
+import Ne from "@primeuix/themes/lara";
+//#region src/stageSource.ts
+function Pe(e) {
+	return {
+		scene: async () => e.scene,
+		routes: async () => e.routes,
+		locales: async () => Object.keys(e.strings),
+		strings: async (t) => e.strings[t] ?? {}
+	};
+}
+var Fe = {
+	scene: "stage/scene",
+	routes: "stage/routes",
+	locales: "stage/locales",
+	strings: (e) => `stage/strings/${encodeURIComponent(e)}`
+}, Ie = e(void 0);
+function Le({ source: e, children: n }) {
+	return t(Ie.Provider, { value: e }, n);
+}
+function I() {
+	let e = r(Ie);
+	if (!e) throw Error("A StageSourceProvider is required to render a Stage application.");
+	return e;
+}
+Fe.routes;
+function Re() {
+	let e = I(), [t, n] = s({
+		routes: void 0,
+		ready: !1
+	});
+	return i(() => {
+		let t = new AbortController();
+		return e.routes(t.signal).then((e) => {
+			t.signal.aborted || n({
+				routes: e,
+				ready: !0
+			});
+		}).catch(() => {
+			t.signal.aborted || n({
+				routes: void 0,
+				ready: !0
+			});
+		}), () => t.abort();
+	}, [e]), t;
+}
+function ze(e) {
+	if (L(e)) return typeof e.subject == "string" ? e.subject : typeof e.path == "string" ? e.path : void 0;
+}
+var Be = "STAGE-SCENE-ACTION-001", Ve = "item.";
+function L(e) {
+	return typeof e == "object" && !!e && !Array.isArray(e);
+}
+function He(e, t) {
+	let n = e;
+	for (let e of t.split(".").filter(Boolean)) {
+		if (!L(n)) return;
+		n = n[e];
+	}
+	return n;
+}
+function Ue(e) {
+	return e === null || [
+		"string",
+		"number",
+		"boolean"
+	].includes(typeof e);
+}
+function We(e, t) {
+	if (typeof e == "number") return t[e];
+	if (typeof e == "string") return t.find((t) => t.toLowerCase() === e.toLowerCase());
+}
+function Ge(e, t, n, r) {
+	if (r !== void 0 && (t === "Equal" || t === "NotEqual")) {
+		let i = We(e, r), a = typeof n == "string" ? r.find((e) => e.toLowerCase() === n.toLowerCase()) : void 0;
+		return i === void 0 || a === void 0 ? !1 : t === "Equal" ? i === a : i !== a;
+	}
+	switch (t) {
+		case "Equal": return e != null && e === n;
+		case "NotEqual": return e != null && e !== n;
+		case "GreaterThan": return typeof e == "number" && typeof n == "number" && e > n;
+		case "GreaterThanOrEqual": return typeof e == "number" && typeof n == "number" && e >= n;
+		case "LessThan": return typeof e == "number" && typeof n == "number" && e < n;
+		case "LessThanOrEqual": return typeof e == "number" && typeof n == "number" && e <= n;
+		case "Contains": return typeof n == "string" && (typeof e == "string" || Array.isArray(e)) && e.includes(n);
+		case "StartsWith": return typeof e == "string" && typeof n == "string" && e.startsWith(n);
+		default: return;
+	}
+}
+function R(e, t) {
+	if (L(e)) {
+		if (e.kind === "comparison") {
+			let n = ze(e.left);
+			if (typeof n != "string" || !n.startsWith(Ve) || typeof e.operator != "string" || !Ue(e.right)) return;
+			let r = Array.isArray(e.enumeration) && e.enumeration.every((e) => typeof e == "string") ? e.enumeration : void 0;
+			return Ge(He(t, n.slice(5)), e.operator, e.right, r);
+		}
+		if (e.kind === "logical") {
+			let n = R(e.left, t), r = R(e.right, t);
+			return n === void 0 || r === void 0 ? void 0 : e.operator === "And" ? n && r : e.operator === "Or" ? n || r : void 0;
+		}
+	}
+}
+function Ke(e) {
+	return e.every((e) => R(e, {}) !== void 0);
+}
+function qe(e, t) {
+	if (Ke(e)) return e.findIndex((e) => R(e, t) === !0);
+}
+function Je(e, t) {
+	if (!L(e) || !Array.isArray(e.alternatives) || !L(t)) return;
+	let n = qe(e.alternatives, t);
+	if (n !== void 0) {
+		if (e.kind === "firstMatch" && typeof e.index == "number") return n === e.index;
+		if (e.kind === "otherwise") return n === -1;
+	}
+}
+function z(e, t) {
+	if (e.startsWith(Ve) && L(t)) return He(t, e.slice(5));
+}
+//#endregion
+//#region src/stageData.tsx
+var B = "cratis.stage.data-changed", Ye = e({
+	locale: "",
+	locales: [],
+	screen: "",
+	routes: void 0,
+	routesReady: !0,
+	parameters: {},
+	queries: {},
+	selected: void 0,
+	selections: {},
+	selectRow: () => void 0,
+	clearSelection: () => void 0,
+	setState: () => void 0,
+	setComponentOutput: () => void 0,
+	refreshQuery: () => void 0,
+	refreshAfterCommand: () => void 0,
+	resolveBinding: () => void 0,
+	resolveArgument: () => void 0,
+	registerQueryResult: () => void 0,
+	refreshVersion: 0
+}), Xe = [
+	500,
+	1500,
+	3e3
+], Ze = {};
+function Qe({ routes: e, routesReady: t = !0, parameters: r = Ze, locale: c, locales: l, screen: u, children: d }) {
+	let [f, p] = s({}), [m, _] = s({}), [v, y] = s(), [x, ee] = s({}), [S, te] = s({}), [C, ne] = s({ version: 0 }), re = n((e, t) => {
+		p((n) => {
+			if (!t) {
+				let { [e]: t, ...r } = n;
+				return r;
+			}
+			return {
+				...n,
+				[e]: t
+			};
+		});
+	}, []), w = n((e, t) => {
+		_((n) => ({
+			...n,
+			[e]: t
+		})), y(t ? e : (t) => t === e ? void 0 : t);
+	}, []), T = n((e) => {
+		_((t) => ({
+			...t,
+			[e]: void 0
+		})), y((t) => t === e ? void 0 : t);
+	}, []), E = n((e, t, n) => {
+		te((r) => {
+			let i = W(r[e]) ? r[e] : {};
+			return {
+				...r,
+				[e]: rt(i, t.split(".").filter(Boolean), n)
+			};
+		});
+	}, []), D = n((e) => ne((t) => ({
+		query: e,
+		version: t.version + 1
+	})), []), ie = o([]), ae = n(() => {
+		D();
+		for (let e of Xe) ie.current.push(setTimeout(() => D(), e));
+	}, [D]);
+	i(() => () => ie.current.forEach(clearTimeout), []), i(() => {
+		let e = () => D(), t = (e) => D(e.detail?.query);
+		return globalThis.addEventListener(B, e), globalThis.addEventListener("cratis.scene.refresh", t), () => {
+			globalThis.removeEventListener(B, e), globalThis.removeEventListener("cratis.scene.refresh", t);
+		};
+	}, [D]);
+	let O = v ? m[v] : void 0, oe = n((e) => {
+		if (e === void 0 || typeof e != "string" && e.path === "$guard") return;
+		if (typeof e == "string") return it(e, O, m, f, x, r, u, c, l);
+		if (!e.kind) return it(e.path, O, m, f, x, r, u, c, l);
+		let t = et(O, f, x, S, m), n = b(e, t);
+		return n.length > 0 && console.warn(`Scene binding could not be resolved: ${n.map((e) => `${e.code}:${e.message}`).join("; ")}`), h(t)(e);
+	}, [
+		S,
+		c,
+		l,
+		x,
+		r,
+		f,
+		u,
+		O,
+		m
+	]), k = n((e) => e ? g(e, et(O, f, x, S, m)) : void 0, [
+		S,
+		x,
+		f,
+		O,
+		m
+	]), A = a(() => ({
+		locale: c,
+		locales: l,
+		screen: u,
+		routes: e,
+		routesReady: t,
+		parameters: r,
+		queries: f,
+		selected: O,
+		selections: m,
+		selectRow: w,
+		clearSelection: T,
+		setState: (e, t) => ee((n) => rt(n, e.split(".").filter(Boolean), t)),
+		setComponentOutput: E,
+		refreshQuery: D,
+		refreshAfterCommand: ae,
+		resolveBinding: oe,
+		resolveArgument: k,
+		registerQueryResult: re,
+		refreshVersion: C.version,
+		refreshQueryName: C.query
+	}), [
+		T,
+		c,
+		l,
+		f,
+		ae,
+		D,
+		C.query,
+		C.version,
+		re,
+		k,
+		oe,
+		e,
+		t,
+		r,
+		u,
+		w,
+		O,
+		m,
+		E
+	]);
+	return /* @__PURE__ */ N(Ye.Provider, {
+		value: A,
+		children: d
+	});
+}
+var V = () => r(Ye);
+function H(e) {
+	let { refreshQueryName: t, refreshVersion: r, registerQueryResult: a } = V(), c = e.publish !== !1, l = n((e, t) => {
+		c && a(e, t);
+	}, [c, a]), [u, d] = s([]), [f, p] = s(""), [m, h] = s(!1), [g, _] = s(0), v = o(0), y = e.ready ?? !0, b = !!e.route && y, x = JSON.stringify(e.arguments ?? {});
+	return i(() => {
+		if (!b || !e.route) {
+			v.current += 1, d([]), p(""), h(!1), l(e.scope, void 0);
+			return;
+		}
+		let t = v.current + 1;
+		v.current = t;
+		let n = new AbortController(), r = JSON.parse(x), i = st(e.route, r);
+		return h(!0), p(""), fetch(i, {
+			headers: { Accept: "application/json" },
+			signal: n.signal
+		}).then(async (e) => {
+			if (!e.ok) throw Error(`The query answered ${e.status}.`);
+			return e.json();
+		}).then((e) => {
+			v.current !== t || n.signal.aborted || (d(ct(e)), p(""));
+		}).catch((e) => {
+			v.current !== t || n.signal.aborted || (d([]), p(e instanceof Error ? e.message : String(e)));
+		}).finally(() => {
+			v.current === t && !n.signal.aborted && h(!1);
+		}), () => n.abort();
+	}, [
+		b,
+		x,
+		g,
+		l,
+		e.name,
+		e.route,
+		e.scope
+	]), i(() => {
+		r !== 0 && (t && t !== e.name && t !== e.scope || _((e) => e + 1));
+	}, [
+		t,
+		r,
+		e.name,
+		e.scope
+	]), i(() => {
+		if (!b || !e.route) {
+			l(e.scope, void 0);
+			return;
+		}
+		l(e.scope, {
+			name: e.name,
+			route: e.route,
+			rows: u,
+			loading: m,
+			error: f,
+			arguments: JSON.parse(x)
+		});
+	}, [
+		b,
+		x,
+		f,
+		m,
+		l,
+		e.name,
+		e.route,
+		e.scope,
+		u
+	]), {
+		rows: u,
+		loading: m,
+		error: f,
+		refresh: () => _((e) => e + 1)
+	};
+}
+function $e() {
+	globalThis.dispatchEvent(new CustomEvent(B));
+}
+function et(e, t, n, r, i) {
+	return {
+		dataContext: e,
+		queryResults: Object.fromEntries(Object.entries(t).flatMap(([e, t]) => [[e, tt(t.rows)], ...t.name ? [[t.name, tt(t.rows)]] : []])),
+		componentOutputs: nt(r, i),
+		state: n
+	};
+}
+function tt(e) {
+	return e.length === 1 ? e[0] : e;
+}
+function nt(e, t) {
+	let n = { ...e };
+	for (let [e, r] of Object.entries(t)) r && (n[e] = {
+		...r,
+		...n[e] ?? {}
+	});
+	return n;
+}
+function rt(e, t, n) {
+	let [r, ...i] = t;
+	return r ? i.length === 0 ? {
+		...e,
+		[r]: n
+	} : {
+		...e,
+		[r]: rt(W(e[r]) ? e[r] : {}, i, n)
+	} : e;
+}
+function it(e, t, n, r, i, a, o, s, c) {
+	if (!e) return;
+	let l = e.replace(/^\$\.?/, "").split(".").filter(Boolean);
+	if (l.length !== 0) return l[0] === "screen" ? l.length === 1 ? { name: o } : U({ name: o }, l.slice(1)) : l[0] === "locale" ? s : l[0] === "locales" ? c : l[0] === "query" ? ot(r, l[1], l.slice(2).join(".")) : l[0] === "data" || l[0] === "selected" || l[0] === "current" ? at(l.slice(1).join("."), t, n) : l[0] === "state" ? U(i, l.slice(1)) : l[0] === "parameters" ? l.length === 1 ? a : a[l[1]] : U(t, l) ?? ot(r, void 0, l.join(".")) ?? U(i, l);
+}
+function at(e, t, n) {
+	let r = e?.split(".").filter(Boolean) ?? [];
+	return r.length > 0 && Object.hasOwn(n, r[0]) ? U(n[r[0]], r.slice(1)) : r.length === 0 ? t : U(t, r);
+}
+function ot(e, t, n) {
+	let r = Object.entries(e).filter(([e, n]) => !t || n.name === t || e === t).map(([, e]) => e.rows);
+	if (r.length === 0) return;
+	let i = r.flat(), a = n?.split(".").filter(Boolean) ?? [];
+	return a.length === 0 ? i : i.length === 1 ? U(i[0], a) : i.map((e) => U(e, a));
+}
+function st(e, t) {
+	let [n, r = ""] = e.replace(/^\//, "").split("?"), i = new URLSearchParams(r);
+	for (let [e, n] of Object.entries(t)) n != null && n !== "" && i.set(e, String(n));
+	let a = i.toString();
+	return a ? `${n}?${a}` : n;
+}
+function ct(e) {
+	let t = W(e) && "data" in e ? e.data : e;
+	return Array.isArray(t) ? t.filter(W) : W(t) ? [t] : [];
+}
+function U(e, t) {
+	let n = e;
+	for (let e of t) {
+		if (!W(n)) return;
+		n = n[e];
+	}
+	return n;
+}
+function W(e) {
+	return typeof e == "object" && !!e && !Array.isArray(e);
+}
+//#endregion
+//#region src/commandExecutor.ts
+function G(e, t, n) {
+	for (let r of [
+		t,
+		n?.replace(/^\//, ""),
+		e
+	]) {
+		if (!r) continue;
+		let t = De(r);
+		if (lt(t) && !(r === e && n && new t().route.replace(/^\//, "") !== n.replace(/^\//, ""))) return t;
+	}
+}
+function lt(e) {
+	return typeof e == "function" && e.prototype instanceof Ee;
+}
+async function ut(e, t, n) {
+	let r = G(e);
+	if (!r) return {
+		isSuccess: !1,
+		validationErrors: [],
+		messages: [`The modeled command “${e}” is not registered by this Stage.`]
+	};
+	let i = new r();
+	i.setMicroservice(n.microservice), i.setApiBasePath(n.apiBasePath ?? ""), i.setOrigin(n.origin ?? ""), i.setHttpHeadersCallback(n.httpHeadersCallback ?? (() => ({})));
+	for (let e of i.propertyDescriptors) Object.prototype.hasOwnProperty.call(t, e.name) && Reflect.set(i, e.name, t[e.name]);
+	return dt(e, await i.execute());
+}
+function dt(e, t) {
+	let n = t.isSuccess && t.isAuthorized && t.isValid && !t.hasExceptions, r = t.isValid ? [] : t.validationResults.flatMap((e) => (e.members.length > 0 ? e.members : [""]).map((t) => ({
+		member: t,
+		message: e.message
+	}))), i = n ? [] : [
+		...t.validationResults.map((e) => e.message),
+		...t.exceptionMessages,
+		...t.isAuthorized ? [] : [t.authorizationFailureReason || `“${e}” was not accepted.`]
+	];
+	return {
+		isSuccess: n,
+		response: n ? t.response : void 0,
+		validationErrors: r,
+		messages: n || i.length > 0 ? i : [`“${e}” was not accepted.`]
+	};
+}
+function ft() {
+	let e = r(Te);
+	return n((t, n) => ut(t, n, e), [e]);
+}
+//#endregion
+//#region src/StageCommandForm.tsx
+function pt({ element: e }) {
+	let t = V(), n = a(() => ht(e), [e]), r = a(() => jt(e), [e]), i = typeof e.properties.schema == "string", o = a(() => n ? gt(n, r) : [], [n, r]), c = n ? G(n.command, q(e, "typeName"), q(e, "route")) : void 0, l = bt(e, o, t.resolveArgument), u = a(() => yt(o, t.parameters), [o, t.parameters]), d = a(() => n ? _t(n, o, r) : void 0, [
+		n,
+		o,
+		r
+	]), f = a(() => n ? kt(o, r) : [], [
+		n,
+		o,
+		r
+	]), p = a(() => n ? At(n.layout, o) : [], [n, o]), [m, h] = s([]);
+	return n ? !c && !t.routesReady ? /* @__PURE__ */ P("p", {
+		className: "stage-note",
+		children: [
+			"The modeled command “",
+			n.command,
+			"” is waiting for Stage routes."
+		]
+	}) : c ? o.length === 0 && !i && e.properties.parameterless !== !0 ? /* @__PURE__ */ N(mt, {
+		form: n,
+		messages: [`The modeled command “${n.command}” has no form fields or schema metadata, so Stage will not submit an empty command body.`]
+	}) : f.length > 0 ? /* @__PURE__ */ N(mt, {
+		form: n,
+		messages: f
+	}) : /* @__PURE__ */ N("section", {
+		className: "stage-command-form",
+		"data-command": n.command,
+		"data-generation-mode": n.generationMode,
+		children: /* @__PURE__ */ P(Oe, {
+			command: c,
+			initialValues: u,
+			currentValues: l,
+			validateOn: "both",
+			validateAllFieldsOnChange: !0,
+			onFieldValidate: (e, t, n, i) => Ot(o, r, t, i),
+			onValidationFailure: (e) => h(e.map((e) => e.message)),
+			onException: (e) => h(e),
+			onFailed: (e) => h(dt(n.command, e).messages),
+			onSuccess: () => {
+				h([]), t.refreshAfterCommand();
+			},
+			children: [
+				p.map((e) => /* @__PURE__ */ N("p", {
+					role: "alert",
+					className: "stage-form-error",
+					children: e
+				}, e)),
+				d,
+				m.map((e) => /* @__PURE__ */ N("p", {
+					role: "alert",
+					className: "stage-form-error",
+					children: e
+				}, e)),
+				/* @__PURE__ */ P("button", {
+					type: "submit",
+					children: ["Execute ", n.label]
+				})
+			]
+		})
+	}) : /* @__PURE__ */ P("p", {
+		className: "stage-note",
+		children: [
+			"The modeled command “",
+			n.command,
+			"” is not registered by this Stage."
+		]
+	}) : /* @__PURE__ */ N("p", {
+		className: "stage-note",
+		children: "This form is missing its command metadata."
+	});
+}
+function mt({ form: e, messages: t }) {
+	return /* @__PURE__ */ N("section", {
+		className: "stage-command-form",
+		"data-command": e.command,
+		"data-generation-mode": e.generationMode,
+		children: t.map((e) => /* @__PURE__ */ N("p", {
+			role: "alert",
+			className: "stage-form-error",
+			children: e
+		}, e))
+	});
+}
+function ht(e) {
+	let t = q(e, "command");
+	if (!t) return;
+	let n = Array.isArray(e.properties.fields) ? e.properties.fields.filter(J) : [];
+	return {
+		command: t,
+		label: q(e, "label", t),
+		fields: n,
+		generationMode: St(e.properties.generationMode),
+		layout: Ct(e.properties.layout)
+	};
+}
+function gt(e, t) {
+	return e.generationMode === u.Manual || e.fields.length > 0 ? e.fields : t.filter((e) => !e.unsupportedReason).map((e) => ({
+		name: e.name,
+		label: e.name
+	}));
+}
+function _t(e, t, n) {
+	let r = e.layout, i = r ? wt(r, t) : [];
+	if (!r || r.columns.length === 0 && i.length === 0) return t.map((e) => vt(e, n));
+	let a = new Map(t.map((e) => [e.name, e])), o = Tt(r, i), s = {
+		gridTemplateColumns: Array.from({ length: o }, (e, t) => Et(t + 1, r.columns)).join(" "),
+		columnGap: K(r.columnGap),
+		rowGap: K(r.rowGap)
+	}, c = /* @__PURE__ */ new Set();
+	return /* @__PURE__ */ P("div", {
+		className: "stage-command-form__layout",
+		style: s,
+		children: [i.map((e) => {
+			let t = a.get(e.field);
+			return t ? (c.add(t.name), vt(t, n, e)) : null;
+		}), t.filter((e) => !c.has(e.name)).map((e) => vt(e, n))]
+	});
+}
+function vt(e, t, n) {
+	let r = e.sourceProperty ?? e.name, i = t.find((e) => e.name === r), a = e.label ?? e.name, o = (e) => e[r], s = i?.required ?? !0, c = (() => {
+		switch (i?.type ?? "text") {
+			case "number": return /* @__PURE__ */ N(Me, {
+				value: o,
+				fieldName: r,
+				title: a,
+				required: s
+			});
+			case "boolean": return /* @__PURE__ */ N(Ae, {
+				value: o,
+				fieldName: r,
+				label: a,
+				required: s
+			});
+			case "date": return /* @__PURE__ */ N(ke, {
+				value: o,
+				fieldName: r,
+				title: a,
+				required: s,
+				showIcon: !0
+			});
+			default: return /* @__PURE__ */ N(je, {
+				value: o,
+				fieldName: r,
+				title: a,
+				required: s
+			});
+		}
+	})(), l = Dt(n);
+	return /* @__PURE__ */ N("span", {
+		className: "stage-command-form__field",
+		"data-field": e.name,
+		"data-row": n?.row,
+		"data-column": n?.column,
+		"data-width-unit": n?.width?.unit,
+		style: l,
+		children: c
+	}, e.name);
+}
+function yt(e, t) {
+	let n = {};
+	for (let r of e) {
+		let e = r.sourceProperty ?? r.name, i = t[e];
+		i !== void 0 && i !== "" && (n[e] = i);
+	}
+	return n;
+}
+function bt(e, t, n) {
+	let r = a(() => xt(e, t), [e, t]), i = r.map((e) => n(e.source)), o = JSON.stringify(i);
+	return a(() => {
+		let e = Object.fromEntries(r.map((e, t) => [e.name, i[t]]).filter(([, e]) => e != null && e !== ""));
+		return Object.keys(e).length > 0 ? e : void 0;
+	}, [r, o]);
+}
+function xt(e, t) {
+	let n = e.properties.arguments;
+	if (!Array.isArray(n)) return [];
+	let r = new Set(t.map((e) => e.sourceProperty ?? e.name));
+	return n.filter((e) => typeof e == "object" && !!e && typeof e.name == "string" && typeof e.source == "string" && r.has(e.name));
+}
+function St(e) {
+	return e === u.Manual ? u.Manual : u.Auto;
+}
+function Ct(e) {
+	if (!J(e)) return;
+	let t = e;
+	return {
+		columns: Array.isArray(t.columns) ? t.columns.filter(Pt) : [],
+		placements: Array.isArray(t.placements) ? t.placements.filter(Ft) : [],
+		columnGap: It(t.columnGap) ? t.columnGap : void 0,
+		rowGap: It(t.rowGap) ? t.rowGap : void 0
+	};
+}
+function wt(e, t) {
+	let n = new Map(e.placements.map((e) => [e.field, e]));
+	for (let e of t) !n.has(e.name) && Ft(e.placement) && n.set(e.name, e.placement);
+	return [...n.values()].sort((e, t) => e.row - t.row || e.column - t.column || e.field.localeCompare(t.field));
+}
+function Tt(e, t) {
+	return Math.max(1, ...e.columns.map((e) => e.index), ...t.map((e) => e.column + (e.columnSpan ?? 1) - 1));
+}
+function Et(e, t) {
+	let n = t.find((t) => t.index === e), r = K(n?.width), i = K(n?.minWidth), a = K(n?.maxWidth);
+	return n?.width?.unit === d.Fraction && a ? `minmax(${i ?? "0"}, ${r ?? "1fr"})` : i || a ? `minmax(${i ?? "0"}, ${a && r ? `min(${r}, ${a})` : a ?? r ?? "1fr"})` : r ?? "1fr";
+}
+function Dt(e) {
+	if (e) return {
+		gridColumn: `${e.column} / span ${e.columnSpan ?? 1}`,
+		gridRow: `${e.row} / span ${e.rowSpan ?? 1}`,
+		width: e.width?.unit === d.Fraction ? void 0 : K(e.width)
+	};
+}
+function K(e) {
+	if (e) switch (e.unit) {
+		case d.Fraction: return `${e.value ?? 1}fr`;
+		case d.Pixels: return `${e.value ?? 0}px`;
+		case d.Percent: return `${e.value ?? 100}%`;
+		case d.Auto: return "auto";
+	}
+}
+function Ot(e, t, n, r) {
+	let i = e.find((e) => (e.sourceProperty ?? e.name) === n);
+	if ((t.find((e) => e.name === n)?.required ?? !0) && (r == null || r === "")) return `${i?.label ?? n} is required`;
+}
+function kt(e, t) {
+	let n = new Map(t.map((e) => [e.name, e]));
+	return e.flatMap((e) => {
+		let t = n.get(e.sourceProperty ?? e.name);
+		return t?.unsupportedReason ? [`The field “${e.label ?? e.name}” uses unsupported schema metadata: ${t.unsupportedReason}.`] : [];
+	});
+}
+function At(e, t) {
+	if (!e) return [];
+	let n = wt(e, t).filter((e) => e.width?.unit === d.Fraction).map((e) => `The field “${e.field}” uses a fractional field width, which cannot be applied to an individual form control.`), r = e.columns.filter((e) => e.width?.unit === d.Fraction && !!e.maxWidth).map((e) => `Column ${e.index} combines a fractional width with maxWidth; Stage keeps the fractional track and ignores maxWidth for that column.`);
+	return [...n, ...r];
+}
+function jt(e) {
+	return Mt(q(e, "schema"));
+}
+function Mt(e) {
+	if (!e) return [];
+	try {
+		let t = JSON.parse(e), n = Object.prototype.hasOwnProperty.call(t, "required"), r = Array.isArray(t.required) ? new Set(t.required.filter((e) => typeof e == "string")) : /* @__PURE__ */ new Set();
+		return Object.entries(t.properties ?? {}).map(([e, t]) => {
+			let i = Nt(t);
+			return {
+				name: e,
+				type: i.type,
+				unsupportedReason: i.unsupportedReason,
+				required: !n || r.has(e)
+			};
+		});
+	} catch {
+		return [];
+	}
+}
+function Nt(e) {
+	let t = e?.type;
+	if (Array.isArray(t)) {
+		let n = t.filter((e) => e !== "null");
+		return n.length === 1 ? Nt({
+			...e,
+			type: n[0]
+		}) : { unsupportedReason: `union type ${JSON.stringify(t)}` };
+	}
+	return t === "integer" || t === "number" ? { type: "number" } : t === "boolean" ? { type: "boolean" } : e?.format === "date" || e?.format === "date-time" ? { type: "date" } : t === "array" || t === "object" ? { unsupportedReason: `${t} fields are not supported by the native Stage command form` } : t === void 0 || t === "string" ? { type: "text" } : { unsupportedReason: `type ${String(t)}` };
+}
+function q(e, t, n = "") {
+	let r = e.properties[t];
+	return typeof r == "string" ? r : n;
+}
+function Pt(e) {
+	return J(e) && typeof e.index == "number" && Number.isInteger(e.index) && e.index > 0;
+}
+function Ft(e) {
+	return J(e) && typeof e.field == "string" && typeof e.row == "number" && typeof e.column == "number" && e.row > 0 && e.column > 0;
+}
+function It(e) {
+	return J(e) && Object.values(d).includes(e.unit);
+}
+function J(e) {
+	return typeof e == "object" && !!e && !Array.isArray(e);
+}
+//#endregion
+//#region src/stageNavigation.ts
+function Lt(e, t = {}) {
+	let n = new URLSearchParams(Object.entries(t).filter(([, e]) => e !== "")).toString();
+	return n ? `#/${encodeURIComponent(e)}?${n}` : `#/${encodeURIComponent(e)}`;
+}
+function Y(e, t = {}) {
+	if (!globalThis.location) return;
+	let n = Lt(e, t);
+	globalThis.location.hash !== n && (globalThis.location.hash = n);
+}
+function Rt(e) {
+	return Object.fromEntries(Object.entries(e ?? {}).filter(([, e]) => e != null && e !== "" && typeof e != "object").map(([e, t]) => [e, String(t)]));
+}
+//#endregion
+//#region src/StageGuardedAction.tsx
+function zt(e) {
+	return typeof e == "object" && !!e && !Array.isArray(e);
+}
+function X(e, t) {
+	let n = e.properties[t];
+	return typeof n == "string" ? n : "";
+}
+function Bt(e) {
+	return e.componentName === "core:action" && (Array.isArray(e.properties.alternatives) || e.properties.otherwise !== void 0);
+}
+function Vt(e) {
+	let t = V(), n = X(e, "itemQuery"), r = (n ? t.routes?.queries[n] : void 0) ?? X(e, "itemRoute"), i = zt(e.properties.itemArguments) ? e.properties.itemArguments : {}, a = {}, o = !0;
+	for (let [e, n] of Object.entries(i)) {
+		let r = zt(n) ? t.resolveBinding(n) : n;
+		a[e] = r, (r == null || r === "") && (o = !1);
+	}
+	let s = H({
+		scope: `${e.id}:item`,
+		name: n || void 0,
+		route: r || void 0,
+		arguments: a,
+		ready: o,
+		publish: !1
+	});
+	return {
+		hasSource: !!n || !!r,
+		item: s.rows.length === 1 ? s.rows[0] : void 0
+	};
+}
+function Ht(e, t) {
+	return Object.fromEntries(Object.entries(e.arguments ?? {}).map(([e, n]) => [e, z(ze(n) ?? "", t)]));
+}
+function Ut({ element: e, interactions: t }) {
+	let n = V(), r = Vt(e), i = ft(), [o, c] = s([]), [l, u] = s(!1), d = X(e, "label"), f = a(() => Array.isArray(e.properties.alternatives) ? e.properties.alternatives : [], [e]), p = zt(e.properties.otherwise) ? e.properties.otherwise : void 0, m = f.map((e) => e.condition), h = !p || p.outcome === "Hidden" || p.outcome === "Execute" && !!p.command;
+	if (!Ke(m) || !h || !r.hasSource) {
+		let n = r.hasSource ? `${Be}: “${d}” has a guard this Stage cannot evaluate, so it stays unavailable.` : `${Be}: “${d}” has no data subject to evaluate its guard against.`;
+		return /* @__PURE__ */ P("div", {
+			className: "stage-guarded-action",
+			"data-scene-id": e.id,
+			children: [/* @__PURE__ */ N(F, {
+				type: "button",
+				disabled: !0,
+				title: n,
+				...t,
+				children: d
+			}), /* @__PURE__ */ N("p", {
+				role: "alert",
+				className: "stage-form-error",
+				children: n
+			})]
+		});
+	}
+	if (!r.item) return null;
+	let g = qe(m, r.item), _ = g !== void 0 && g >= 0 ? f[g] : p?.outcome === "Execute" ? p : void 0;
+	if (!_?.command) return null;
+	let v = _.command, y = G(v), b = r.item, x = async () => {
+		if (!y) return;
+		u(!0);
+		let t = await i(v, Ht(_, b));
+		if (u(!1), c(t.messages), !t.isSuccess) return;
+		n.refreshAfterCommand();
+		let r = X(e, "navigateToScreen"), a = X(e, "navigateByParameter"), o = a ? z(`item.${a}`, b) : void 0;
+		r && Y(r, a && o != null ? { [a]: String(o) } : {});
+	};
+	return /* @__PURE__ */ P("div", {
+		className: "stage-guarded-action",
+		"data-scene-id": e.id,
+		"data-command": v,
+		children: [/* @__PURE__ */ N(F, {
+			...t,
+			type: "button",
+			disabled: !y || l,
+			title: y ? void 0 : "This command is not exposed as an API yet",
+			onClick: () => void x(),
+			children: d
+		}), o.map((e) => /* @__PURE__ */ N("p", {
+			role: "alert",
+			className: "stage-form-error",
+			children: e
+		}, e))]
+	});
+}
+function Wt(e) {
+	let t = D(), r = o(void 0), s = a(() => _(re(e.id, e.behaviors), f.DoubleClick), [e.behaviors, e.id]);
+	i(() => () => clearTimeout(r.current), []);
+	let c = n((e) => {
+		if (clearTimeout(r.current), r.current = void 0, !t) return;
+		let n = (n) => n.path === "$guard" ? Je(n.value, e) : n.path?.startsWith("item.") ? z(n.path, e) : t.context.resolve(n);
+		y(s, t.dispatcher, {
+			...t.context,
+			resolve: n
+		}).then((e) => {
+			e.findings.length > 0 && t.onFindings?.(e.findings);
+		});
+	}, [s, t]);
+	return {
+		click: n((e, t) => {
+			if (s.length === 0) {
+				t();
+				return;
+			}
+			clearTimeout(r.current), r.current = setTimeout(() => {
+				r.current = void 0, t();
+			}, 250);
+		}, [s.length]),
+		doubleClick: s.length > 0 ? c : void 0
+	};
+}
+//#endregion
+//#region src/stageComponents.tsx
+var Gt = "Stage:commandForm";
+function Kt(e, t, n = {}) {
+	return {
+		id: e,
+		componentName: "",
+		properties: t,
+		slots: n
+	};
+}
+function Z(e, t, n = "") {
+	let r = e.properties[t];
+	return typeof r == "string" ? r : n;
+}
+function qt(e, t) {
+	let n = e.properties.queryArguments;
+	if (!Zt(n)) return {
+		values: {},
+		ready: !0
+	};
+	let r = {}, i = !0;
+	for (let [e, a] of Object.entries(n)) {
+		let n = Xt(a) ? t.resolveBinding(a) : a;
+		r[e] = n, (n == null || n === "") && (i = !1);
+	}
+	return {
+		values: r,
+		ready: i
+	};
+}
+function Jt(e, t) {
+	let n = (e.slots.columns ?? []).map((e) => {
+		let t = e.properties;
+		return {
+			property: typeof t.property == "string" ? t.property : "",
+			label: typeof t.label == "string" ? t.label : ""
+		};
+	}).filter((e) => e.property.length > 0), r = [...new Set(t.flatMap((e) => Object.keys(e)))].map((e) => ({
+		property: e,
+		label: e
+	}));
+	return n.length > 0 ? n : r;
+}
+function Q(e, t) {
+	return e[t] ?? e.id ?? e.key;
+}
+function Yt({ element: e, slots: t }) {
+	let n = V(), r = Z(e, "query", Z(e, "typeName", e.id)), o = (Z(e, "query") ? n.routes?.queries[Z(e, "query")] : void 0) ?? Z(e, "route"), s = a(() => qt(e, n), [n, e]), { rows: c, error: l, loading: u } = H({
+		scope: e.id,
+		name: r,
+		route: o || void 0,
+		arguments: s.values,
+		ready: s.ready
+	}), d = Jt(e, c), f = Z(e, "navigateOnRowClickToScreen"), p = Z(e, "navigateOnRowClickByParameter"), m = Z(e, "dataKey") || p || "id", h = n.selections[e.id], g = p ? n.parameters[p] : void 0, _ = Wt(e);
+	i(() => {
+		if (!h) return;
+		let t = Q(h, m), r = t === void 0 ? void 0 : c.find((e) => Q(e, m) === t);
+		if (r && r !== h) {
+			n.selectRow(e.id, r);
+			return;
+		}
+		!r && t !== void 0 && !u && n.clearSelection(e.id);
+	}, [
+		n,
+		m,
+		e.id,
+		u,
+		c,
+		h
+	]), i(() => {
+		if (!p) return;
+		if (g === void 0) {
+			h && n.clearSelection(e.id);
+			return;
+		}
+		if (h && String(Q(h, m)) === g) return;
+		let t = c.find((e) => String(Q(e, m)) === g);
+		t && n.selectRow(e.id, t);
+	}, [
+		n,
+		m,
+		e.id,
+		g,
+		p,
+		c,
+		h
+	]);
+	let v = (t) => {
+		let r = Q(t, m);
+		if (p && r != null) {
+			let i = {
+				...f && f !== n.screen ? {} : n.parameters,
+				[p]: String(r)
+			};
+			(!f || f === n.screen) && n.selectRow(e.id, t), Y(f || n.screen, i);
+			return;
+		}
+		n.selectRow(e.id, t);
+	};
+	return o ? /* @__PURE__ */ P("section", {
+		className: "stage-table",
+		"data-scene-id": e.id,
+		children: [
+			u && /* @__PURE__ */ N(Se, {
+				element: Kt(`${e.id}-loading`, {
+					severity: "info",
+					text: "Loading…"
+				}),
+				slots: {}
+			}),
+			l && /* @__PURE__ */ N(Se, {
+				element: Kt(`${e.id}-error`, {
+					severity: "error",
+					text: l
+				}),
+				slots: {}
+			}),
+			h && /* @__PURE__ */ N(F, {
+				type: "button",
+				size: "small",
+				onClick: () => {
+					if (n.clearSelection(e.id), !p || n.parameters[p] === void 0) return;
+					let { [p]: t, ...r } = n.parameters;
+					Y(n.screen, r);
+				},
+				children: "Clear selection"
+			}),
+			/* @__PURE__ */ P("table", {
+				"aria-label": Z(e, "label", Z(e, "typeName", "Results")),
+				children: [/* @__PURE__ */ N("thead", { children: /* @__PURE__ */ N("tr", { children: d.map((e) => /* @__PURE__ */ N("th", {
+					scope: "col",
+					children: e.label
+				}, e.property)) }) }), /* @__PURE__ */ P("tbody", { children: [c.map((e, t) => /* @__PURE__ */ N("tr", {
+					"aria-selected": h === e,
+					tabIndex: 0,
+					onClick: () => _.click(e, () => v(e)),
+					onDoubleClick: _.doubleClick ? () => _.doubleClick?.(e) : void 0,
+					onKeyDown: (t) => {
+						(t.key === "Enter" || t.key === " ") && (t.preventDefault(), v(e));
+					},
+					children: d.map((t) => /* @__PURE__ */ N("td", { children: String(e[t.property] ?? "") }, t.property))
+				}, String(Q(e, m) ?? t))), c.length === 0 && !u && /* @__PURE__ */ N("tr", { children: /* @__PURE__ */ N("td", {
+					colSpan: Math.max(d.length, 1),
+					children: "No records found"
+				}) })] })]
+			})
+		]
+	}) : /* @__PURE__ */ P("section", {
+		className: "stage-table",
+		"data-scene-id": e.id,
+		children: [/* @__PURE__ */ P("p", {
+			className: "stage-note",
+			children: [
+				"No query is exposed for ",
+				Z(e, "typeName", "this read model"),
+				" yet."
+			]
+		}), t.columns]
+	});
+}
+function Xt(e) {
+	return Zt(e) && (typeof e.path == "string" || typeof e.kind == "string");
+}
+function Zt(e) {
+	return typeof e == "object" && !!e && !Array.isArray(e);
+}
+function Qt({ element: e, interactions: t, slots: n }) {
+	return Bt(e) ? /* @__PURE__ */ N(Ut, {
+		element: e,
+		interactions: t
+	}) : /* @__PURE__ */ N($t, {
+		element: e,
+		interactions: t,
+		slots: n
+	});
+}
+function $t({ element: e, interactions: t }) {
+	let n = Z(e, "label", Z(e, "command"));
+	if (!G(Z(e, "command"), Z(e, "typeName"), Z(e, "route"))) return /* @__PURE__ */ N(F, {
+		type: "button",
+		"data-scene-id": e.id,
+		disabled: !0,
+		title: "This command is not exposed as an API yet",
+		...t,
+		children: n
+	});
+	let r = /* @__PURE__ */ N(pt, { element: e });
+	return /* @__PURE__ */ N("div", {
+		className: "stage-action",
+		"data-scene-id": e.id,
+		children: /* @__PURE__ */ N(xe, {
+			element: Kt(e.id, {
+				visible: !1,
+				header: n,
+				triggerLabel: n
+			}),
+			slots: { content: [r] }
+		})
+	});
+}
+function en(e) {
+	let { element: t } = e;
+	if (Z(t, "kind").toLowerCase() !== "action" || Z(t, "slice") !== "") return /* @__PURE__ */ N(x, { ...e });
+	let n = Z(t, "name", t.id), r = {
+		...t,
+		componentName: "core:action",
+		properties: {
+			command: Z(t, "target"),
+			label: Z(t, "label", n)
+		}
+	};
+	return /* @__PURE__ */ N("span", {
+		className: "stage-toolbar-action",
+		"data-scene-toolbar-item": n,
+		children: /* @__PURE__ */ N(Qt, {
+			element: r,
+			interactions: e.interactions,
+			slots: e.slots
+		})
+	});
+}
+var tn = {
+	...w,
+	"core:table": Yt,
+	"core:action": Qt,
+	"core:toolbarItem": en,
+	[Gt]: pt
+};
+//#endregion
+//#region src/useStrings.ts
+function nn() {
+	let e = I(), [t, n] = s([]), [r, a] = s(""), [o, c] = s({});
+	return i(() => {
+		let t = new AbortController();
+		return e.locales(t.signal).then((e) => {
+			n(e), a((t) => t || e[0] || "");
+		}).catch(() => {}), () => t.abort();
+	}, [e]), i(() => {
+		if (!r) return;
+		let t = new AbortController();
+		return e.strings(r, t.signal).then(c).catch(() => c({})), () => t.abort();
+	}, [r, e]), {
+		locales: t,
+		locale: r,
+		setLocale: a,
+		dictionary: o
+	};
+}
+function rn(e) {
+	let t = /* @__PURE__ */ new Set(), n = [];
+	for (let r of e) for (let e of r.contributions ?? []) {
+		if (e.contributionPointName !== "Navigation") continue;
+		let r = e.content?.properties ?? {}, i = r.label, a = r.targetScreen;
+		if (typeof i != "string" || typeof a != "string") continue;
+		let o = Array.isArray(r.hierarchy) ? r.hierarchy.filter((e) => typeof e == "string") : [], s = JSON.stringify([
+			o,
+			a,
+			i
+		]);
+		if (t.has(s)) continue;
+		t.add(s);
+		let c = e.order ?? (typeof r.order == "number" ? r.order : void 0), l = sn(r.destination) ? r.destination : void 0;
+		n.push({
+			label: i,
+			targetScreen: a,
+			hierarchy: o,
+			order: c,
+			...typeof r.icon == "string" ? { icon: r.icon } : {},
+			...typeof r.presentation == "string" ? { presentation: r.presentation } : {},
+			...l && cn(l) ? { destination: l } : {}
+		});
+	}
+	return n.map((e, t) => ({
+		entry: e,
+		index: t
+	})).sort((e, t) => (e.entry.order ?? 2 ** 53 - 1) - (t.entry.order ?? 2 ** 53 - 1) || e.index - t.index).map(({ entry: e }) => e);
+}
+function an(e) {
+	let t = {
+		label: "",
+		children: []
+	};
+	for (let n of e) {
+		let e = t;
+		for (let t of n.hierarchy) {
+			let n = e.children.find((e) => e.screen === void 0 && e.label === t);
+			n || (n = {
+				label: t,
+				children: []
+			}, e.children.push(n)), e = n;
+		}
+		e.children.push({
+			label: n.label,
+			screen: n.targetScreen,
+			...n.icon ? { icon: n.icon } : {},
+			...n.presentation ? { presentation: n.presentation } : {},
+			...n.destination ? { destination: n.destination } : {},
+			children: []
+		});
+	}
+	return t.children;
+}
+function on(e, t) {
+	for (let n of e) {
+		if (n.screen === t) return [n.label];
+		let e = on(n.children, t);
+		if (e.length > 0) return [n.label, ...e];
+	}
+	return [];
+}
+function sn(e) {
+	return typeof e == "object" && !!e && !Array.isArray(e);
+}
+function cn(e) {
+	return e.outlet !== void 0 || e.dialog !== void 0 || e.kind === "external" || e.kind === "dialog";
+}
+function ln(e, t, n) {
+	return e.filter((e) => !t.has(e.name)).map((e) => ({
+		label: e.name,
+		targetScreen: e.name,
+		hierarchy: e.path && e.path.length > 0 ? [...e.path] : [n]
+	}));
+}
+//#endregion
+//#region src/blueprint.ts
+var un = "Stage:locale";
+function dn(e) {
+	let t = ye(e), n = t.packages.filter((e) => e !== "PrimeReact");
+	return n.splice(Math.max(n.indexOf(de), 0), 0, "PrimeReact"), {
+		...t,
+		name: e?.length ? t.name : "Stage",
+		packages: n
+	};
+}
+var fn = {
+	...ce,
+	PrimeReact: we.components
+};
+function pn(e) {
+	return {
+		...w,
+		...Ce,
+		...ue,
+		...ve,
+		...e
+	};
+}
+function mn(e) {
+	return e ? {
+		...e,
+		...fn
+	} : fn;
+}
+var hn = "Stage:navigationTree";
+function gn(e, t, n) {
+	return M(e, A.Logo, {
+		label: t,
+		initials: t.slice(0, 1).toUpperCase() || "S",
+		targetScreen: "",
+		...n ? { lightImageUrl: n } : {}
+	});
+}
+function _n(e, t, n, r, i, a = !1, o = !0) {
+	let s = e[0]?.name ?? "", c = i?.title ?? "Cratis Stage", l = rn(e), u = ln(e, new Set(l.map((e) => e.targetScreen)), "Other screens"), d = an([...l, ...l.length > 0 ? u : []]), f = e.map((e, n) => _e({
+		label: e.name,
+		targetScreen: e.name,
+		icon: "pi pi-table",
+		group: "Screens",
+		order: n
+	}, t)), p = on(an(l), t), m = e.find((e) => e.name === t)?.path?.length ? on(d, t) : [], h = p.length > 0 ? p : m, g = l.length > 0 ? M("menu-hierarchy", hn, {
+		nodes: d,
+		activeScreen: t
+	}) : M("menu-screens", A.Menu, {
+		title: "Screens",
+		label: "Screens"
+	}, { items: f }), _ = [];
+	n.length > 1 && _.push(M("topbar-locale", un, {
+		locales: n,
+		locale: r
+	})), _.push(M("topbar-theme", A.ThemeSwitcher, { label: "Theme" }));
+	let v = { regionNavigation: a };
+	return {
+		[j.Topbar]: [M("topbar", A.Topbar, v, {
+			logo: [gn("topbar-logo", c, i?.image)],
+			end: _
+		})],
+		[j.Sidebar]: [M("sidebar", A.Sidebar, v, { logo: [gn("sidebar-logo", c, i?.image)] })],
+		...a ? {} : { [j.Menu]: [g] },
+		[j.Breadcrumb]: [M("breadcrumb", A.Breadcrumb, {
+			homeTargetScreen: s,
+			items: (h.length > 0 ? h : [t]).map((e) => ({ label: e }))
+		})],
+		...o ? { [j.Footer]: [M("footer", A.Footer, { text: `${c} · rendered from your model` })] } : {},
+		[j.ConfigPanel]: [M(A.ConfigPanel, A.ConfigPanel, {
+			title: "Settings",
+			themes: fe.map((e) => ({
+				name: e.name,
+				label: e.name,
+				isDark: e.isDark ?? !1
+			}))
+		})]
+	};
+}
+function vn(e) {
+	return `#/${encodeURIComponent(e)}`;
+}
+//#endregion
+//#region src/StageChrome.tsx
+var yn = e({
+	locales: [],
+	locale: "",
+	setLocale: () => void 0,
+	activity: ""
+});
+function bn({ state: e, children: t }) {
+	return /* @__PURE__ */ N(yn.Provider, {
+		value: e,
+		children: t
+	});
+}
+var xn = "Stage:activity";
+function Sn() {
+	let { locales: e, locale: t, setLocale: n } = r(yn);
+	return e.length < 2 ? null : /* @__PURE__ */ N("select", {
+		className: "stage-locale",
+		"aria-label": "Locale",
+		value: t,
+		onChange: (e) => n(e.target.value),
+		children: e.map((e) => /* @__PURE__ */ N("option", {
+			value: e,
+			children: e
+		}, e))
+	});
+}
+function Cn({ element: e }) {
+	let t = e.properties ?? {};
+	return /* @__PURE__ */ N("nav", {
+		className: "stage-navigation-tree",
+		"aria-label": "Navigation",
+		"data-scene-id": e.id,
+		children: /* @__PURE__ */ N(wn, {
+			nodes: t.nodes ?? [],
+			activeScreen: t.activeScreen
+		})
+	});
+}
+function wn({ nodes: e, activeScreen: t }) {
+	return /* @__PURE__ */ N("ul", {
+		role: "tree",
+		children: e.map((e) => e.screen === void 0 ? /* @__PURE__ */ P("li", {
+			role: "treeitem",
+			"aria-expanded": "true",
+			children: [/* @__PURE__ */ N("span", {
+				className: "stage-navigation-group",
+				children: e.label
+			}), /* @__PURE__ */ N(wn, {
+				nodes: e.children,
+				activeScreen: t
+			})]
+		}, e.label) : /* @__PURE__ */ N("li", {
+			role: "treeitem",
+			children: /* @__PURE__ */ N(Tn, {
+				node: e,
+				screen: e.screen,
+				activeScreen: t
+			})
+		}, `${e.screen}:${e.label}`))
+	});
+}
+function Tn({ node: e, screen: t, activeScreen: n }) {
+	let i = r(te), a = e.presentation === "icon" || e.presentation === "text" ? e.presentation : "both", o = e.destination, s = o?.kind === "external" && o.route !== void 0, c = o && i && !s && cn(o) ? (e) => {
+		e.preventDefault(), i.navigate(o);
+	} : void 0;
+	return /* @__PURE__ */ P("a", {
+		href: s ? o.route : vn(t),
+		rel: s ? "noreferrer" : void 0,
+		"aria-current": t === n ? "page" : void 0,
+		"aria-label": a === "icon" ? e.label : void 0,
+		"data-presentation": e.presentation,
+		"data-icon": e.icon,
+		onClick: c,
+		children: [a !== "text" && e.icon && /* @__PURE__ */ N("span", {
+			className: "stage-navigation-icon",
+			"aria-hidden": "true",
+			"data-icon-name": e.icon
+		}), a !== "icon" && e.label]
+	});
+}
+function En({ element: e }) {
+	let t = typeof e.properties.name == "string" ? e.properties.name : "", n = r(te), i = ae(), a = V(), o = n?.outlets[t], s = o && i ? i.screens[o] : void 0, c = e.properties.closable === !0;
+	return /* @__PURE__ */ P("div", {
+		"data-scene-outlet": t,
+		"data-scene-outlet-screen": o,
+		children: [c && o && /* @__PURE__ */ N("div", {
+			className: "scene-outlet-bar",
+			children: /* @__PURE__ */ N("button", {
+				type: "button",
+				className: "scene-outlet-close",
+				"aria-label": "Close",
+				onClick: () => n?.closeOutlet(t),
+				children: "Close"
+			})
+		}), s && i && /* @__PURE__ */ N(S, {
+			element: s,
+			registry: i.registry,
+			resolveBinding: a.resolveBinding
+		})]
+	});
+}
+function Dn() {
+	let { activity: e } = r(yn);
+	return e ? /* @__PURE__ */ N("p", {
+		className: "stage-activity",
+		role: "status",
+		children: e
+	}) : null;
+}
+function On() {
+	let e = O(), t = e?.tokens?.["surface.background"], n = e?.tokens?.["text.color"];
+	return i(() => {
+		let r = e?.isDark ? "dark" : "light";
+		document.documentElement.setAttribute("data-scene-color-scheme", r), document.body.setAttribute("data-scene-color-scheme", r), document.body.style.backgroundColor = t ?? "", document.body.style.color = n ?? "";
+	}, [
+		e?.isDark,
+		t,
+		n
+	]), null;
+}
+var kn = {
+	[un]: Sn,
+	[hn]: Cn,
+	[xn]: Dn,
+	"core:outlet": En
+}, An = [
+	"navigationMode",
+	"menuTheme",
+	"showFooter"
+], jn = /^#(?:[0-9a-f]{3}|[0-9a-f]{6})$/i;
+function Mn(e, t, n = !1) {
+	let r = [], i = t.options ?? {}, a = {
+		showFooter: !0,
+		followsSystem: !1,
+		problems: r
+	};
+	for (let [e, n] of Object.entries(i)) {
+		if (!An.includes(e)) {
+			r.push(`The shell '${t.name}' has no option '${e}'; the options it understands are ${An.join(", ")}.`);
+			continue;
+		}
+		if (e === "navigationMode") {
+			let e = he.find((e) => e === n);
+			e ? a.mode = e : r.push(`Option 'navigationMode' is '${String(n)}'; expected one of ${he.join(", ")}.`);
+		} else if (e === "menuTheme") {
+			let e = ge.find((e) => e === n);
+			e ? a.menuTheme = e : r.push(`Option 'menuTheme' is '${String(n)}'; expected one of ${ge.join(", ")}.`);
+		} else typeof n == "boolean" ? a.showFooter = n : r.push(`Option 'showFooter' is '${String(n)}'; expected true or false.`);
+	}
+	let o = e?.appearance;
+	if (o?.colorScheme !== void 0) {
+		a.followsSystem = o.colorScheme === c.System;
+		let e = a.followsSystem ? n : o.colorScheme === c.Dark;
+		a.colorScheme = e ? k.Dark : k.Light, a.themeName = fe.find((t) => (t.isDark ?? !1) === e)?.name;
+	}
+	return o?.accent !== void 0 && (jn.test(o.accent) ? a.accent = o.accent : r.push(`The accent '${o.accent}' is not a colour written as #rgb or #rrggbb.`)), a;
+}
+function Nn(e, t) {
+	if (e?.root === void 0) return [];
+	let n = /* @__PURE__ */ new Set([
+		p.RootTemplateUnknown,
+		p.RootTemplateVersionNotSatisfied,
+		p.RootTemplateNotApplicable,
+		p.RootTemplateMissingContentSlot,
+		p.RootTemplateCycle,
+		p.RootTemplateBlueprintNotInstalled
+	]), r = t.diagnostics.filter((e) => n.has(e.code)).map((e) => e.message);
+	return r.length === 0 && t.origin !== m.Root && r.push(`The root template '${e.root.template.id}' did not resolve, so the application would not start in the shell it names.`), r;
+}
+function Pn(e) {
+	let t = e.length === 4 ? [...e.slice(1)].map((e) => e + e).join("") : e.slice(1), [n, r, i] = [
+		0,
+		2,
+		4
+	].map((e) => parseInt(t.slice(e, e + 2), 16));
+	return (n * 299 + r * 587 + i * 114) / 1e3 >= 150 ? "#111827" : "#ffffff";
+}
+function Fn(e, t) {
+	if (t === void 0) return e;
+	let n = t.length === 4 ? [...t.slice(1)].map((e) => e + e).join("") : t.slice(1), [r, i, a] = [
+		0,
+		2,
+		4
+	].map((e) => parseInt(n.slice(e, e + 2), 16));
+	return e.map((e) => ({
+		...e,
+		tokens: {
+			...e.tokens,
+			"primary.color": t,
+			"primary.contrastColor": Pn(t),
+			"focus.ring": `0 0 0 2px rgb(${r} ${i} ${a} / 0.4)`
+		}
+	}));
+}
+//#endregion
+//#region src/StageShellSettings.tsx
+var In = "(prefers-color-scheme: dark)";
+function Ln() {
+	return globalThis.matchMedia?.("(prefers-color-scheme: dark)").matches ?? !1;
+}
+function Rn({ settings: e, onSystemSchemeChange: t }) {
+	let n = o(be());
+	n.current = be();
+	let { mode: r, menuTheme: a, colorScheme: s, themeName: c } = e;
+	return i(() => {
+		let { setMode: e, setMenuTheme: t, setColorScheme: i, setThemeName: o } = n.current;
+		r !== void 0 && e(r), a !== void 0 && t(a), s !== void 0 && i(s), c !== void 0 && o(c);
+	}, [
+		r,
+		a,
+		s,
+		c
+	]), i(() => {
+		if (!e.followsSystem || !globalThis.matchMedia || !t) return;
+		let n = globalThis.matchMedia(In), r = (e) => t(e.matches);
+		return n.addEventListener("change", r), () => n.removeEventListener("change", r);
+	}, [e.followsSystem, t]), null;
+}
+//#endregion
+//#region src/stageNavigationModel.ts
+function zn(e) {
+	return (e?.application.regions.length ?? 0) > 0 || (e?.modules.length ?? 0) > 0;
+}
+function Bn(e) {
+	let t = /* @__PURE__ */ new Map();
+	for (let n of e) {
+		let e = (n.path ?? []).join(".");
+		e.length > 0 && !t.has(e) && t.set(e, n.name);
+	}
+	return (n) => {
+		let r = n.target?.resolvedFeature;
+		if (r === void 0) return;
+		let i = e.find((e) => (e.path ?? []).join(".").startsWith(`${r}.`))?.name;
+		return t.get(r) ?? i ?? (e.some((e) => e.name === r) ? r : void 0);
+	};
+}
+function Vn(e) {
+	return (t) => e.find((e) => e.name === t)?.path?.[0];
+}
+function Hn(e, t) {
+	return {
+		structure: e.structure ?? { modules: [] },
+		navigation: e.navigation ?? {
+			application: { regions: [] },
+			modules: []
+		},
+		screenFor: Bn(e.screens),
+		moduleOf: Vn(e.screens),
+		...t ? { isVisible: t } : {}
+	};
+}
+var Un = /* @__PURE__ */ new Set(["core:table"]);
+function Wn(e) {
+	return Gn(e, /* @__PURE__ */ new Map(), void 0);
+}
+function Gn(e, t, n) {
+	let r = e;
+	if (!r.slots) return e;
+	let i = !1, a = {};
+	for (let [e, o] of Object.entries(r.slots)) {
+		let r = new Map(t), s = n;
+		a[e] = o.map((e) => {
+			let t = e, n = $(t, "typeName");
+			t.componentName === "core:data" && n && (r.set(n, t), s = t);
+			let a = Gn(qn(Kn(t, r), s), r, s);
+			return a !== e && (i = !0), a;
+		});
+	}
+	return i ? {
+		...r,
+		slots: a
+	} : e;
+}
+function Kn(e, t) {
+	if (!Un.has(e.componentName)) return e;
+	let n = $(e, "typeName"), r = n ? t.get(n) : void 0;
+	if (!r || e.properties.queryArguments !== void 0) return e;
+	let i = $(r, "by"), a = { ...e.properties }, o = $(r, "query");
+	return o && (a.query = o), !$(e, "route") && $(r, "route") && (a.route = r.properties.route), i && (a.by = i, a.queryArguments = { [i]: { path: `parameters.${i}` } }), {
+		...e,
+		properties: a
+	};
+}
+function qn(e, t) {
+	if (e.componentName !== "core:action" || !Array.isArray(e.properties?.alternatives) || !t || t.properties?.isCollection === !0 || e.properties.itemQuery !== void 0) return e;
+	let n = { ...e.properties }, r = $(t, "query"), i = $(t, "by");
+	return r && (n.itemQuery = r), $(t, "route") && (n.itemRoute = t.properties.route), n.itemArguments = i ? { [i]: { path: `parameters.${i}` } } : {}, {
+		...e,
+		properties: n
+	};
+}
+function $(e, t) {
+	let n = e.properties?.[t];
+	return typeof n == "string" && n.length > 0 ? n : void 0;
+}
+//#endregion
+//#region src/stageSlices.ts
+function Jn(e) {
+	return (t) => Mt(e?.[t] ?? "").filter((e) => e.unsupportedReason === void 0).map((e) => ({
+		name: e.name,
+		type: e.type === "text" || e.type === void 0 ? "string" : e.type,
+		label: Yn(e.name),
+		required: e.required
+	}));
+}
+function Yn(e) {
+	return e.replace(/([a-z0-9])([A-Z])/g, "$1 $2").replace(/^./, (e) => e.toUpperCase());
+}
+function Xn(e, t, n) {
+	return { invoke: async (r, i, a) => {
+		let o = a ?? r.slice(r.lastIndexOf(".") + 1);
+		if (!G(o)) return {
+			succeeded: !1,
+			message: t ? `The modeled command “${o}” is not registered by this Stage.` : `The modeled command “${o}” is waiting for Stage routes.`
+		};
+		let s = await e(o, i);
+		return s.isSuccess && n(), {
+			succeeded: s.isSuccess,
+			...s.validationErrors.length > 0 ? { validationErrors: s.validationErrors.map((e) => ({
+				field: e.member || void 0,
+				message: e.message
+			})) } : {},
+			...s.messages.length > 0 ? { message: s.messages.join(" ") } : {},
+			...s.isSuccess ? { value: s.response } : {}
+		};
+	} };
+}
+//#endregion
+//#region src/App.tsx
+function Zn(e = {}) {
+	return pn({
+		...e,
+		...tn,
+		...kn
+	});
+}
+function Qn(e, t) {
+	return M(`form-${e}-${t.name}`, Gt, {
+		command: t.forCommand,
+		label: t.name,
+		generationMode: t.generationMode,
+		layout: t.layout,
+		fields: t.fields
+	});
+}
+function $n(e, t) {
+	let n = e.screens[0];
+	return pe(e, n, {
+		profile: dn(e.uiProfiles),
+		blueprintTemplates: t?.length ? [...me, ...t] : void 0
+	});
+}
+function er(e, t, n, r, i, a, o = !0) {
+	let s = zn(e.navigation), c = e.navigation?.application.logo ? {
+		title: e.navigation.application.logo.title,
+		image: e.navigation.application.logo.image || void 0
+	} : void 0;
+	return {
+		profile: dn(e.uiProfiles),
+		catalog: mn(r),
+		blueprintTemplates: a?.length ? [...me, ...a] : void 0,
+		chrome: (r, i) => i === A.FullPageShell ? { [j.ConfigPanel]: _n(e.screens, r.name, t, n, c, s, o)[j.ConfigPanel] } : _n(e.screens, r.name, t, n, c, s, o),
+		form: Qn,
+		trailing: [M("activity", xn)],
+		decorate: (e) => {
+			let t = Wn(e);
+			return i ? v(t, i) : t;
+		}
+	};
+}
+function tr(e, t, n, r, i, a) {
+	return le(e, t, er(e, n, r, i, void 0, a)).element;
+}
+function nr() {
+	try {
+		return globalThis.localStorage ?? null;
+	} catch {
+		return null;
+	}
+}
+function rr({ components: e, packageCatalog: t, screenTemplates: n, dialogTemplates: r, isVisible: o } = {}) {
+	let c = I(), l = a(() => Zn(e), [e]), [u, d] = s(), [f, p] = s(""), m = Re(), h = nn();
+	return i(() => {
+		let e = new AbortController();
+		return c.scene(e.signal).then((e) => d(r?.length ? {
+			...e,
+			dialogTemplates: [...e.dialogTemplates ?? [], ...r.filter((t) => !e.dialogTemplates?.some((e) => e.name === t.name))]
+		} : e)).catch((t) => {
+			e.signal.aborted || p(t instanceof Error ? t.message : String(t));
+		}), () => e.abort();
+	}, [c, r]), f ? /* @__PURE__ */ P("main", {
+		className: "stage-message",
+		children: [/* @__PURE__ */ N("h1", { children: "Unable to render this Stage" }), /* @__PURE__ */ N("p", { children: f })]
+	}) : u ? /* @__PURE__ */ N(ir, {
+		scene: u,
+		registry: l,
+		routeState: m,
+		strings: h,
+		packageCatalog: t,
+		screenTemplates: n,
+		isVisible: o
+	}) : /* @__PURE__ */ N("main", {
+		className: "stage-message",
+		children: /* @__PURE__ */ N("h1", { children: "Preparing the Stage" })
+	});
+}
+function ir({ scene: e, registry: t, routeState: r, strings: i, packageCatalog: o, screenTemplates: c, isVisible: l }) {
+	let u = a(() => E(), []), [d, f] = s(Ln), p = e.screens[0]?.name ?? "", m = a(() => dn(e.uiProfiles), [e]), h = a(() => p ? $n(e, c) : void 0, [
+		e,
+		c,
+		p
+	]), g = a(() => h ? Nn(m, h) : [], [m, h]), _ = a(() => h ? Mn(m, h, d) : void 0, [
+		m,
+		h,
+		d
+	]), v = a(() => Fn(fe, _?.accent), [_?.accent]), y = _?.showFooter ?? !0, b = a(() => er(e, i.locales, i.locale, o, i.dictionary, c, y), [
+		e,
+		i.locales,
+		i.locale,
+		i.dictionary,
+		o,
+		c,
+		y
+	]), x = n((e) => f(e), []), ee = a(() => Hn(e, l), [e, l]), S = e;
+	return p ? g.length > 0 ? /* @__PURE__ */ P("main", {
+		className: "stage-message",
+		role: "alert",
+		"data-stage-startup-problem": "root-template",
+		children: [
+			/* @__PURE__ */ N("h1", { children: "Unable to start this Stage" }),
+			/* @__PURE__ */ N("p", { children: "The ui profile's root template cannot be the application's shell." }),
+			/* @__PURE__ */ N("ul", { children: g.map((e) => /* @__PURE__ */ N("li", { children: e }, e)) })
+		]
+	}) : /* @__PURE__ */ N(oe, {
+		application: S,
+		composition: b,
+		navigationModel: ee,
+		registry: t,
+		initialScreen: p,
+		history: u,
+		layoutConfigStorage: nr(),
+		scope: (t, n) => /* @__PURE__ */ N(ar, {
+			scene: e,
+			routeState: r,
+			strings: i,
+			navigation: t,
+			themes: v,
+			shellSettings: _,
+			onSystemSchemeChange: x,
+			children: n
+		}),
+		renderScreen: (e, n) => /* @__PURE__ */ N(sr, {
+			element: e,
+			configuration: n,
+			registry: t
+		}),
+		renderDialogTemplate: (e, n, r) => /* @__PURE__ */ N(cr, {
+			template: e,
+			content: n,
+			registry: t,
+			strings: i,
+			close: () => r.closeDialog()
+		})
+	}) : /* @__PURE__ */ P("main", {
+		className: "stage-message",
+		children: [/* @__PURE__ */ N("h1", { children: "Nothing to show yet" }), /* @__PURE__ */ N("p", { children: "This model has no slice carrying a command or a read model, so there is no screen to render." })]
+	});
+}
+function ar({ scene: e, routeState: t, strings: n, navigation: r, themes: a, shellSettings: o, onSystemSchemeChange: c, children: u }) {
+	let [d, f] = s(""), { navigate: p } = r;
+	return i(() => f(""), [r.currentScreen, r.currentDialog]), i(() => {
+		let e = (e) => {
+			let t = e.detail;
+			f(`The modeled command “${t.command}” is ready for input.`);
+		};
+		return globalThis.addEventListener("cratis.scene.command", e), () => globalThis.removeEventListener("cratis.scene.command", e);
+	}, []), i(() => {
+		let t = (t) => {
+			let n = t.detail, r = n.destination ?? (n.dialog ? {
+				kind: l.Dialog,
+				dialog: n.dialog
+			} : n.targetScreen ? { screen: n.targetScreen } : void 0);
+			r && (r.dialog === void 0 ? r.screen !== void 0 && !e.screens.some((e) => e.name === r.screen) ? f(`The modeled screen “${r.screen}” is not available.`) : p(r) : e.dialogTemplates?.some((e) => e.name === r.dialog) ? p(r) : f(`The modeled dialog “${r.dialog}” is not available in this Stage runtime.`));
+		};
+		return globalThis.addEventListener("cratis.scene.navigate", t), () => globalThis.removeEventListener("cratis.scene.navigate", t);
+	}, [p, e]), /* @__PURE__ */ P(se, {
+		themes: a,
+		children: [
+			o && /* @__PURE__ */ N(Rn, {
+				settings: o,
+				onSystemSchemeChange: c
+			}),
+			/* @__PURE__ */ N(On, {}),
+			/* @__PURE__ */ N(Qe, {
+				routes: t.routes,
+				routesReady: t.ready,
+				parameters: r.currentParameters,
+				locale: n.locale,
+				locales: n.locales,
+				screen: r.primaryScreen ?? e.screens[0]?.name ?? "",
+				children: /* @__PURE__ */ N(or, {
+					activity: d,
+					routesReady: t.ready,
+					scene: e,
+					setActivity: f,
+					strings: n,
+					children: u
+				})
+			})
+		]
+	});
+}
+function or({ activity: e, routesReady: t, scene: n, setActivity: r, strings: i, children: o }) {
+	let s = V(), c = ie(), u = ft(), d = a(() => Xn(u, t, s.refreshAfterCommand), [
+		u,
+		t,
+		s.refreshAfterCommand
+	]), f = a(() => Jn(n.commandSchemas), [n.commandSchemas]), p = T({
+		executeCommand: async (e, n) => {
+			let i = G(e);
+			if (!i && !t) return r(`The modeled command “${e}” is waiting for Stage routes.`), {
+				isSuccess: !1,
+				validationErrors: []
+			};
+			if (!i) return r(`The modeled command “${e}” is not registered by this Stage.`), {
+				isSuccess: !1,
+				validationErrors: []
+			};
+			let a = await u(e, n);
+			return a.messages.length > 0 && r(a.messages.join(" ")), a.isSuccess && s.refreshAfterCommand(), {
+				isSuccess: a.isSuccess,
+				validationErrors: a.validationErrors,
+				response: a.response
+			};
+		},
+		navigate: (e, t) => {
+			n.screens.some((t) => t.name === e) ? Y(e, Rt(t)) : r(`The modeled screen “${e}” is not available.`);
+		},
+		navigateBack: () => globalThis.history?.back(),
+		openDialog: async (e) => {
+			let t = n.dialogTemplates?.find((t) => t.name === e);
+			return t ? (c.navigate({
+				kind: l.Dialog,
+				dialog: t.name
+			}), { isConfirmed: !0 }) : (r(`The modeled dialog “${e}” is not available in this Stage runtime.`), { isConfirmed: !1 });
+		},
+		closeDialog: () => c.closeDialog(),
+		confirm: async (e) => globalThis.confirm(e),
+		setState: (e, t) => s.setState(e, t),
+		notify: (e, t) => r(`${e}: ${t}`),
+		refreshQuery: async (e) => s.refreshQuery(e),
+		raise: async (e) => r(`The modeled trigger “${e}” is not available in this Stage runtime.`)
+	});
+	return /* @__PURE__ */ N(bn, {
+		state: {
+			locales: i.locales,
+			locale: i.locale,
+			setLocale: i.setLocale,
+			activity: e
+		},
+		children: /* @__PURE__ */ N(ne, {
+			invoker: d,
+			children: /* @__PURE__ */ N(C, {
+				fieldsFor: f,
+				children: /* @__PURE__ */ N(ee, {
+					dispatcher: p,
+					context: {
+						resolve: s.resolveBinding,
+						localize: (e) => i.dictionary[e] ?? e
+					},
+					attachments: [],
+					onFindings: (e) => r(e.map((e) => e.detail).join(" ")),
+					children: o
+				})
+			})
+		})
+	});
+}
+function sr({ element: e, configuration: t, registry: n }) {
+	let r = V();
+	return /* @__PURE__ */ N(S, {
+		element: e,
+		registry: n,
+		resolveBinding: r.resolveBinding,
+		configuration: t
+	});
+}
+function cr({ template: e, content: t, registry: n, strings: r, close: a }) {
+	let o = V(), s = v(t, r.dictionary);
+	return i(() => {
+		let e = (e) => {
+			e.key === "Escape" && a();
+		};
+		return globalThis.addEventListener("keydown", e), () => globalThis.removeEventListener("keydown", e);
+	}, [a]), /* @__PURE__ */ N("div", {
+		className: "stage-dialog-backdrop",
+		children: /* @__PURE__ */ P("section", {
+			role: "dialog",
+			"aria-modal": "true",
+			"aria-label": e.displayName ?? e.name,
+			className: "stage-dialog",
+			children: [/* @__PURE__ */ N("button", {
+				type: "button",
+				onClick: a,
+				children: "Close"
+			}), /* @__PURE__ */ N(S, {
+				element: s,
+				registry: n,
+				resolveBinding: o.resolveBinding
+			})]
+		})
+	});
+}
+//#endregion
+//#region src/stageTheme.ts
+var lr = "[data-scene-color-scheme='dark']", ur = {
+	preset: Ne,
+	options: { darkModeSelector: lr }
+};
+//#endregion
+export { rr as App, rr as StageApplication, pt as StageCommandForm, Qe as StageDataProvider, Ut as StageGuardedAction, Le as StageSourceProvider, tr as composeStageScreen, Xn as createStageSliceInvoker, $e as dataChanged, ut as executeRegisteredCommand, G as registeredCommand, Jn as sliceFieldsFrom, Zn as stageApplicationRegistry, er as stageComposition, lr as stageDarkSelector, Fe as stageEndpoints, $n as stageShellOf, ur as stageTheme, Pe as staticStageSource, ft as useStageCommandExecutor, V as useStageData, H as useStageQuery, I as useStageSource };