@cratis/stage.runtime 4.190.3 → 4.190.4

package/dist/src/index.js

@@ -2,8 +2,8 @@ import "./app.css";
 import { createContext as e, createElement as t, useCallback as n, useContext as r, useEffect as i, useId as a, useMemo as o, useRef as s, useState as c } from "react";
 import { ColorScheme as l, DestinationKind as u, FormGenerationMode as d, FormWidthUnit as f, InteractionTriggerKind as p, componentIconLibrary as m } from "@cratis/scene.model";
 import { ShellDiagnosticCode as h, ShellOrigin as g, createBindingResolver as _, resolveArgumentSource as v, resolveBehaviors as y, resolveStringsInElement as b, runBindings as x, validateBindingExpression as ee } from "@cratis/scene.engine";
-import { CoreSliceDialog as S, CoreToolbarItem as C, IconAdapterProvider as w, InteractionScope as te, SceneElementView as T, SceneNavigationContextInternal as ne, SliceCommandFieldsProvider as E, SliceDialogView as re, SliceInvokerProvider as D, attachmentFor as ie, coreComponents as O, createBrowserDispatcher as k, createHashSceneHistory as ae, createIconAdapterRegistry as oe, sliceDialogParameters as se, useInteractionScope as ce, useOptionalSceneNavigation as A, useSceneNavigation as le, useSceneOutlets as ue, useSceneTheme as j } from "@cratis/scene.react";
-import { ApplicationHost as de, ColorScheme as fe, ComponentName as M, LayoutThemeProvider as pe, SlotName as N, blueprintPackageCatalog as me, composeApplicationScreen as he, defaultBlueprintComponents as ge, defaultBlueprintName as _e, defaultBlueprintThemes as ve, effectiveShellOf as ye, externalComponent as P, galleryScreenTemplates as be, layoutModes as xe, menuThemes as Se, navigationElement as Ce, previewComponents as we, previewProfile as Te, useLayoutConfig as Ee } from "@cratis/scene.blueprint.default";
+import { CoreSliceDialog as S, CoreToolbarItem as C, IconAdapterProvider as te, InteractionScope as ne, SceneElementView as w, SceneNavigationContextInternal as re, SliceCommandFieldsProvider as T, SliceDialogView as ie, SliceInvokerProvider as E, attachmentFor as ae, coreComponents as D, createBrowserDispatcher as O, createHashSceneHistory as oe, createIconAdapterRegistry as se, sliceDialogParameters as ce, useInteractionScope as le, useOptionalSceneNavigation as k, useSceneNavigation as ue, useSceneOutlets as de, useSceneTheme as A } from "@cratis/scene.react";
+import { ApplicationHost as fe, ColorScheme as pe, ComponentName as j, LayoutThemeProvider as me, SlotName as M, blueprintPackageCatalog as he, composeApplicationScreen as ge, defaultBlueprintComponents as _e, defaultBlueprintName as ve, defaultBlueprintThemes as ye, effectiveShellOf as be, externalComponent as N, galleryScreenTemplates as P, layoutModes as xe, menuThemes as Se, navigationElement as Ce, previewComponents as we, previewProfile as Te, useLayoutConfig as Ee } from "@cratis/scene.blueprint.default";
 import "@cratis/scene.blueprint.default/styles.css";
 import { ArcContext as De } from "@cratis/arc.react";
 import { ObservableQueryFor as Oe, Paging as ke, QueryFor as Ae } from "@cratis/arc/queries";
@@ -255,7 +255,7 @@ var jt = "cratis.stage.data-changed", Mt = e({
 	3e3
 ], Pt = {};
 function Ft({ routes: e, routesReady: t = !0, parameters: r = Pt, locale: a, locales: l, screen: u, children: d }) {
-	let [f, p] = c({}), [m, h] = c(0), [g, y] = c({}), [b, x] = c(), [S, C] = c({}), [w, te] = c({}), [T, ne] = c({}), [E, re] = c({ version: 0 }), D = o(() => Vt(T), [T]), ie = n((e, t) => {
+	let [f, p] = c({}), [m, h] = c(0), [g, y] = c({}), [b, x] = c(), [S, C] = c({}), [te, ne] = c({}), [w, re] = c({}), [T, ie] = c({ version: 0 }), E = o(() => Vt(w), [w]), ae = n((e, t) => {
 		p((n) => {
 			if (!t) {
 				let { [e]: t, ...r } = n;
@@ -266,138 +266,138 @@ function Ft({ routes: e, routesReady: t = !0, parameters: r = Pt, locale: a, loc
 				[e]: t
 			};
 		});
-	}, []), O = r, k = o(() => At(), [m]), ae = o(() => ({
+	}, []), D = r, O = o(() => At(), [m]), oe = o(() => ({
 		name: u,
 		keys: {
-			...k,
+			...O,
 			...r
 		}
 	}), [
 		r,
 		u,
-		k
-	]), oe = n((e, t) => {
+		O
+	]), se = n((e, t) => {
 		y((n) => ({
 			...n,
 			[e]: t
 		})), x(t ? e : (t) => t === e ? void 0 : t);
-	}, []), se = n((e) => {
+	}, []), ce = n((e) => {
 		y((t) => ({
 			...t,
 			[e]: void 0
 		})), x((t) => t === e ? void 0 : t);
-	}, []), ce = n((e, t, n) => {
-		te((r) => {
+	}, []), le = n((e, t, n) => {
+		ne((r) => {
 			let i = U(r[e]) ? r[e] : {};
 			return {
 				...r,
 				[e]: Bt(i, t.split(".").filter(Boolean), n)
 			};
 		});
-	}, []), A = n((e) => re((t) => ({
+	}, []), k = n((e) => ie((t) => ({
 		query: e,
 		version: t.version + 1
-	})), []), le = s([]), ue = n(() => {
-		h((e) => e + 1), A();
-		for (let e of Nt) le.current.push(setTimeout(() => A(), e));
-	}, [A]);
-	i(() => () => le.current.forEach(clearTimeout), []), i(() => {
-		let e = () => A(), t = (e) => A(e.detail?.query);
+	})), []), ue = s([]), de = n(() => {
+		h((e) => e + 1), k();
+		for (let e of Nt) ue.current.push(setTimeout(() => k(), e));
+	}, [k]);
+	i(() => () => ue.current.forEach(clearTimeout), []), i(() => {
+		let e = () => k(), t = (e) => k(e.detail?.query);
 		return globalThis.addEventListener(jt, e), globalThis.addEventListener("cratis.scene.refresh", t), () => {
 			globalThis.removeEventListener(jt, e), globalThis.removeEventListener("cratis.scene.refresh", t);
 		};
-	}, [A]);
-	let j = b ? g[b] : void 0, de = n((e) => {
+	}, [k]);
+	let A = b ? g[b] : void 0, fe = n((e) => {
 		if (e === void 0 || typeof e != "string" && e.path === "$guard") return;
-		if (typeof e == "string") return Ht(e, j, g, f, S, O, ae, a, l);
-		let t = Lt(j, f, S, {
-			...D,
-			...w
+		if (typeof e == "string") return Ht(e, A, g, f, S, D, oe, a, l);
+		let t = Lt(A, f, S, {
+			...E,
+			...te
 		}, g);
 		if (!e.kind && e.path.startsWith("component.")) return v(e.path, t);
-		if (!e.kind) return Ht(e.path, j, g, f, S, O, ae, a, l);
+		if (!e.kind) return Ht(e.path, A, g, f, S, D, oe, a, l);
 		let n = ee(e, t);
 		return n.length > 0 && console.warn(`Scene binding could not be resolved: ${n.map((e) => `${e.code}:${e.message}`).join("; ")}`), _(t)(e);
 	}, [
-		w,
+		te,
 		a,
 		l,
 		S,
-		O,
 		D,
+		E,
 		f,
-		ae,
-		j,
+		oe,
+		A,
 		g
-	]), fe = n((e) => e ? v(e, Lt(j, f, S, {
-		...D,
-		...w
+	]), pe = n((e) => e ? v(e, Lt(A, f, S, {
+		...E,
+		...te
 	}, g)) : void 0, [
-		w,
+		te,
 		S,
-		D,
+		E,
 		f,
-		j,
+		A,
 		g
-	]), M = n((e, t) => ne((n) => ({
+	]), j = n((e, t) => re((n) => ({
 		...n,
 		[e]: t
-	})), []), pe = n((e) => ne((t) => {
+	})), []), me = n((e) => re((t) => {
 		if (!Object.prototype.hasOwnProperty.call(t, e)) return t;
 		let n = { ...t };
 		return delete n[e], n;
-	}), []), N = o(() => Lt(void 0, f, {}, {}, {}).queryResults, [f]), me = o(() => ({
+	}), []), M = o(() => Lt(void 0, f, {}, {}, {}).queryResults, [f]), he = o(() => ({
 		locale: a,
 		locales: l,
 		screen: u,
 		routes: e,
 		routesReady: t,
-		parameters: O,
-		session: k,
+		parameters: D,
+		session: O,
 		queries: f,
-		selected: j,
+		selected: A,
 		selections: g,
-		selectRow: oe,
-		clearSelection: se,
+		selectRow: se,
+		clearSelection: ce,
 		setState: (e, t) => C((n) => Bt(n, e.split(".").filter(Boolean), t)),
-		setComponentOutput: ce,
-		publishComponentOutputs: M,
-		withdrawComponentOutputs: pe,
-		queryResults: N,
-		refreshQuery: A,
-		refreshAfterCommand: ue,
-		resolveBinding: de,
-		resolveArgument: fe,
-		registerQueryResult: ie,
-		refreshVersion: E.version,
-		refreshQueryName: E.query
+		setComponentOutput: le,
+		publishComponentOutputs: j,
+		withdrawComponentOutputs: me,
+		queryResults: M,
+		refreshQuery: k,
+		refreshAfterCommand: de,
+		resolveBinding: fe,
+		resolveArgument: pe,
+		registerQueryResult: ae,
+		refreshVersion: T.version,
+		refreshQueryName: T.query
 	}), [
-		se,
+		ce,
 		a,
 		l,
 		f,
-		ue,
-		A,
-		E.query,
-		E.version,
-		ie,
+		de,
+		k,
+		T.query,
+		T.version,
+		ae,
+		j,
+		me,
 		M,
 		pe,
-		N,
 		fe,
-		de,
 		e,
 		t,
+		D,
 		O,
-		k,
 		u,
-		oe,
-		j,
+		se,
+		A,
 		g,
-		ce
+		le
 	]);
 	return /* @__PURE__ */ F(Mt.Provider, {
-		value: me,
+		value: he,
 		children: d
 	});
 }
@@ -1375,7 +1375,7 @@ function or({ element: e, interactions: t }) {
 	});
 }
 function sr(e) {
-	let t = ce(), r = s(void 0), a = o(() => y(ie(e.id, e.behaviors), p.DoubleClick), [e.behaviors, e.id]);
+	let t = le(), r = s(void 0), a = o(() => y(ae(e.id, e.behaviors), p.DoubleClick), [e.behaviors, e.id]);
 	i(() => () => clearTimeout(r.current), []);
 	let c = n((e) => {
 		if (clearTimeout(r.current), r.current = void 0, !t) return;
@@ -1405,16 +1405,17 @@ function sr(e) {
 var cr = "Stage:confirmDialog", lr = "ConfirmDialog";
 function ur(e, t) {
 	let n = new Set(t.map((e) => e.name));
-	return e.map((e) => {
-		if (e.screenTemplate !== lr || n.has(lr)) return e;
-		let t = dr(e), r = P(`confirm-dialog-${e.name}`, cr, {
-			title: e.name,
-			decisions: t
+	return e.map((t) => {
+		if (t.screenTemplate !== lr || n.has(lr)) return t;
+		let r = dr(t), i = e.find((e) => e.name !== t.name)?.name, a = N(`confirm-dialog-${t.name}`, cr, {
+			title: t.name,
+			decisions: r,
+			home: i
 		});
 		return {
-			...e,
+			...t,
 			screenTemplate: void 0,
-			slotContent: { content: [r] },
+			slotContent: { content: [a] },
 			forms: []
 		};
 	});
@@ -1446,7 +1447,7 @@ function pr(e) {
 //#endregion
 //#region src/StageConfirmDialog.tsx
 function mr({ element: e }) {
-	let { routes: t, parameters: n, selections: r } = B(), [a, o] = c(), l = s(null), u = typeof e.properties.title == "string" ? e.properties.title : "", d = Array.isArray(e.properties.decisions) ? e.properties.decisions : [], f = d.find((e) => e.command === a), p = Object.values(r).filter((e) => e !== void 0);
+	let { routes: t, parameters: n, selections: r } = B(), [a, o] = c(), l = s(null), u = typeof e.properties.title == "string" ? e.properties.title : "", d = Array.isArray(e.properties.decisions) ? e.properties.decisions : [], f = typeof e.properties.home == "string" ? e.properties.home : void 0, p = d.find((e) => e.command === a), m = Object.values(r).filter((e) => e !== void 0);
 	return i(() => l.current?.focus(), []), /* @__PURE__ */ I("section", {
 		className: "scene-slice-dialog stage-confirm-dialog",
 		role: "dialog",
@@ -1465,39 +1466,54 @@ function mr({ element: e }) {
 				children: d.map((e, t) => /* @__PURE__ */ F("button", {
 					ref: t === 0 ? l : void 0,
 					type: "button",
+					className: t === 0 ? "scene-slice-dialog-submit stage-confirm-dialog__decision" : "scene-slice-dialog-cancel stage-confirm-dialog__decision",
+					"data-emphasis": t === 0 ? "primary" : "secondary",
 					"aria-pressed": e.command === a,
 					onClick: () => o(e.command),
-					children: hr(e)
+					children: gr(e)
 				}, e.command))
 			}),
-			f && /* @__PURE__ */ F(xn, { element: vr(f, t?.commandSchemas?.[f.command] ?? "", n, p) }, f.command)
+			p && /* @__PURE__ */ F(xn, { element: yr(p, t?.commandSchemas?.[p.command] ?? "", n, m) }, p.command),
+			/* @__PURE__ */ F("footer", {
+				className: "scene-slice-dialog-footer",
+				children: /* @__PURE__ */ F("button", {
+					type: "button",
+					className: "scene-slice-dialog-cancel stage-confirm-dialog__cancel",
+					onClick: () => hr(d, f),
+					children: "Cancel"
+				})
+			})
 		]
 	});
 }
-function hr(e) {
+function hr(e, t) {
+	let n = new Set(e.map((e) => e.navigateToScreen).filter((e) => !!e)), r = n.size === 1 ? [...n][0] : t;
+	r && G(r, {});
+}
+function gr(e) {
 	return e.label ?? q(e.command);
 }
-function gr(e, t, n) {
+function _r(e, t, n) {
 	return !e.identifier || !e.required ? !1 : e.identity === !0 || !!t[e.name] || Nn(e, n) !== void 0;
 }
-function _r(e, t, n, r) {
+function vr(e, t, n, r) {
 	let i = e.form?.fields ?? [], a = i.length > 0 ? i : t.filter((e) => !e.unsupportedReason).map((e) => ({
 		name: e.name,
 		label: e.name
-	})), o = new Set(t.filter((e) => gr(e, n, r)).map((e) => e.name)), s = a.filter((e) => !o.has(e.sourceProperty ?? e.name)), c = new Set(s.map((e) => e.sourceProperty ?? e.name)), l = t.filter((e) => e.identifier && e.required && !o.has(e.name) && !c.has(e.name));
+	})), o = new Set(t.filter((e) => _r(e, n, r)).map((e) => e.name)), s = a.filter((e) => !o.has(e.sourceProperty ?? e.name)), c = new Set(s.map((e) => e.sourceProperty ?? e.name)), l = t.filter((e) => e.identifier && e.required && !o.has(e.name) && !c.has(e.name));
 	return [...s, ...l.map((e) => ({
 		name: e.name,
 		label: q(e.name)
 	}))];
 }
-function vr(e, t, n, r) {
-	let i = _r(e, K(t), n, r);
+function yr(e, t, n, r) {
+	let i = vr(e, K(t), n, r);
 	return {
 		id: `confirm-${e.command}`,
 		componentName: cr,
 		properties: {
 			command: e.command,
-			label: hr(e),
+			label: gr(e),
 			submitLabel: "Confirm",
 			typeName: e.typeName,
 			route: e.route,
@@ -1513,8 +1529,8 @@ function vr(e, t, n, r) {
 }
 //#endregion
 //#region src/stageComponents.tsx
-var yr = "Stage:commandForm";
-function br(e, t, n = {}) {
+var br = "Stage:commandForm";
+function xr(e, t, n = {}) {
 	return {
 		id: e,
 		componentName: "",
@@ -1526,15 +1542,15 @@ function Z(e, t, n = "") {
 	let r = e.properties[t];
 	return typeof r == "string" ? r : n;
 }
-function xr(e, t) {
+function Sr(e, t) {
 	let n = e.properties.queryArguments;
-	if (!Tr(n)) return {
+	if (!Er(n)) return {
 		values: {},
 		ready: !0
 	};
 	let r = {}, i = !0;
 	for (let [e, a] of Object.entries(n)) {
-		let n = wr(a) ? t.resolveBinding(a) : a;
+		let n = Tr(a) ? t.resolveBinding(a) : a;
 		r[e] = n, (n == null || n === "") && (i = !1);
 	}
 	return {
@@ -1542,7 +1558,7 @@ function xr(e, t) {
 		ready: i
 	};
 }
-function Sr(e, t) {
+function Cr(e, t) {
 	let n = (e.slots.columns ?? []).map((e) => {
 		let t = e.properties;
 		return {
@@ -1558,14 +1574,14 @@ function Sr(e, t) {
 function Q(e, t) {
 	return e[t] ?? e.id ?? e.key;
 }
-function Cr({ element: e, slots: t }) {
-	let n = B(), r = Z(e, "query", Z(e, "typeName", e.id)), a = (Z(e, "query") ? n.routes?.queries?.[Z(e, "query")] : void 0) ?? Z(e, "route"), s = o(() => xr(e, n), [n, e]), { rows: c, error: l, loading: u } = V({
+function wr({ element: e, slots: t }) {
+	let n = B(), r = Z(e, "query", Z(e, "typeName", e.id)), a = (Z(e, "query") ? n.routes?.queries?.[Z(e, "query")] : void 0) ?? Z(e, "route"), s = o(() => Sr(e, n), [n, e]), { rows: c, error: l, loading: u } = V({
 		scope: e.id,
 		name: r,
 		route: a || void 0,
 		arguments: s.values,
 		ready: s.ready
-	}), d = Sr(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, _ = sr(e);
+	}), d = Cr(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, _ = sr(e);
 	i(() => {
 		if (!h) return;
 		let t = Q(h, m), r = t === void 0 ? void 0 : c.find((e) => Q(e, m) === t);
@@ -1627,14 +1643,14 @@ function Cr({ element: e, slots: t }) {
 		"data-scene-id": e.id,
 		children: [
 			u && /* @__PURE__ */ F(Fe, {
-				element: br(`${e.id}-loading`, {
+				element: xr(`${e.id}-loading`, {
 					severity: "info",
 					text: "Loading…"
 				}),
 				slots: {}
 			}),
 			l && /* @__PURE__ */ F(Fe, {
-				element: br(`${e.id}-error`, {
+				element: xr(`${e.id}-error`, {
 					severity: "error",
 					text: l
 				}),
@@ -1672,25 +1688,25 @@ function Cr({ element: e, slots: t }) {
 		]
 	});
 }
-function wr(e) {
-	return Tr(e) && (typeof e.path == "string" || typeof e.kind == "string");
-}
 function Tr(e) {
+	return Er(e) && (typeof e.path == "string" || typeof e.kind == "string");
+}
+function Er(e) {
 	return typeof e == "object" && !!e && !Array.isArray(e);
 }
-function Er({ element: e, interactions: t, slots: n }) {
+function Dr({ element: e, interactions: t, slots: n }) {
 	return rr(e) ? /* @__PURE__ */ F(or, {
 		element: e,
 		interactions: t
-	}) : /* @__PURE__ */ F(Dr, {
+	}) : /* @__PURE__ */ F(Or, {
 		element: e,
 		interactions: t,
 		slots: n
 	});
 }
-function Dr({ element: e, interactions: t }) {
+function Or({ element: e, interactions: t }) {
 	let n = Z(e, "label", Z(e, "command"));
-	return W(Z(e, "command"), Z(e, "typeName"), Z(e, "route")) ? /* @__PURE__ */ F(Or, {
+	return W(Z(e, "command"), Z(e, "typeName"), Z(e, "route")) ? /* @__PURE__ */ F(kr, {
 		element: e,
 		label: n
 	}) : /* @__PURE__ */ F(L, {
@@ -1702,7 +1718,7 @@ function Dr({ element: e, interactions: t }) {
 		children: n
 	});
 }
-function Or({ element: e, label: t }) {
+function kr({ element: e, label: t }) {
 	let [r, i] = c(0), a = n(() => i((e) => e + 1), []), o = /* @__PURE__ */ F(bn.Provider, {
 		value: a,
 		children: /* @__PURE__ */ F(xn, { element: e })
@@ -1711,7 +1727,7 @@ function Or({ element: e, label: t }) {
 		className: "stage-action",
 		"data-scene-id": e.id,
 		children: /* @__PURE__ */ F(Pe, {
-			element: br(e.id, {
+			element: xr(e.id, {
 				visible: !1,
 				header: t,
 				triggerLabel: t
@@ -1720,13 +1736,13 @@ function Or({ element: e, label: t }) {
 		}, r)
 	});
 }
-function kr(e) {
-	let t = e.element ?? br("slice-dialog", {}), r = A(), { routes: i, parameters: a } = B(), s = se(r?.currentDialogParameters), c = Z(t, "command") || s?.command || Z(t, "slice") || "", l = Z(t, "title") || s?.title || c, u = i?.commandSchemas?.[c], d = o(() => K(u ?? ""), [u]), f = n(() => r?.closeDialog(), [r]);
+function Ar(e) {
+	let t = e.element ?? xr("slice-dialog", {}), r = k(), { routes: i, parameters: a } = B(), s = ce(r?.currentDialogParameters), c = Z(t, "command") || s?.command || Z(t, "slice") || "", l = Z(t, "title") || s?.title || c, u = i?.commandSchemas?.[c], d = o(() => K(u ?? ""), [u]), f = n(() => r?.closeDialog(), [r]);
 	if (!u || !d.some((e) => e.options || e.members || e.item)) return e.element ? /* @__PURE__ */ F(S, {
 		element: e.element,
 		slots: e.slots ?? {}
-	}) : /* @__PURE__ */ F(re, {});
-	let p = d.filter((e) => !jn(e, a)), m = br(`slice-dialog-${c}`, {
+	}) : /* @__PURE__ */ F(ie, {});
+	let p = d.filter((e) => !jn(e, a)), m = xr(`slice-dialog-${c}`, {
 		command: c,
 		label: l,
 		schema: u,
@@ -1764,11 +1780,11 @@ function kr(e) {
 		]
 	});
 }
-function Ar(e) {
+function jr(e) {
 	let { element: t } = e;
-	return Z(t, "kind").toLowerCase() !== "action" || Z(t, "slice") !== "" ? /* @__PURE__ */ F(C, { ...e }) : /* @__PURE__ */ F(jr, { ...e });
+	return Z(t, "kind").toLowerCase() !== "action" || Z(t, "slice") !== "" ? /* @__PURE__ */ F(C, { ...e }) : /* @__PURE__ */ F(Mr, { ...e });
 }
-function jr(e) {
+function Mr(e) {
 	let { element: t } = e, { routes: n, parameters: r, queries: i, selections: a } = B(), s = Z(t, "name", t.id), c = Z(t, "target"), l = Z(t, "label", s), u = n?.commandSchemas?.[c], d = o(() => K(u ?? ""), [u]), f = o(() => Fn(i), [i]), p = In(d, r, o(() => Object.values(a).filter((e) => e !== void 0), [a]), f), m = d.filter((e) => !jn(e, r) && !(e.identifier && e.required && Pn(e, f))), h = u ? {
 		schema: u,
 		fields: m.map((e) => ({
@@ -1796,25 +1812,25 @@ function jr(e) {
 			title: "Select a row first",
 			...e.interactions,
 			children: l
-		}) : /* @__PURE__ */ F(Er, {
+		}) : /* @__PURE__ */ F(Dr, {
 			element: g,
 			interactions: e.interactions,
 			slots: e.slots
 		})
 	});
 }
-var Mr = {
-	...O,
-	"core:table": Cr,
-	"core:action": Er,
-	"core:toolbarItem": Ar,
-	"core:sliceDialog": kr,
-	[yr]: xn,
+var Nr = {
+	...D,
+	"core:table": wr,
+	"core:action": Dr,
+	"core:toolbarItem": jr,
+	"core:sliceDialog": Ar,
+	[br]: xn,
 	[cr]: mr
 };
 //#endregion
 //#region src/useStrings.ts
-function Nr() {
+function Pr() {
 	let e = tt(), [t, n] = c([]), [r, a] = c(""), [o, s] = c({});
 	return i(() => {
 		let t = new AbortController();
@@ -1832,11 +1848,11 @@ function Nr() {
 		dictionary: o
 	};
 }
-var Pr = /* @__PURE__ */ new Set(["core:table"]);
-function Fr(e) {
-	return Ir(e, /* @__PURE__ */ new Map(), void 0);
+var Fr = /* @__PURE__ */ new Set(["core:table"]);
+function Ir(e) {
+	return Lr(e, /* @__PURE__ */ new Map(), void 0);
 }
-function Ir(e, t, n) {
+function Lr(e, t, n) {
 	let r = e;
 	if (!r.slots) return e;
 	let i = !1, a = {};
@@ -1845,7 +1861,7 @@ function Ir(e, t, 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 = Ir(Rr(Lr(t, r), s), r, s);
+			let a = Lr(zr(Rr(t, r), s), r, s);
 			return a !== e && (i = !0), a;
 		});
 	}
@@ -1854,8 +1870,8 @@ function Ir(e, t, n) {
 		slots: a
 	} : e;
 }
-function Lr(e, t) {
-	if (!Pr.has(e.componentName)) return e;
+function Rr(e, t) {
+	if (!Fr.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");
@@ -1864,7 +1880,7 @@ function Lr(e, t) {
 		properties: a
 	};
 }
-function Rr(e, t) {
+function zr(e, t) {
 	if (e.componentName !== "core:action" || !Array.isArray(e.properties?.alternatives) || !t || e.properties.itemQuery !== void 0) return e;
 	let n = { ...e.properties };
 	if (t.properties?.isCollection === !0) return n.itemSelection = !0, {
@@ -1883,7 +1899,7 @@ function $(e, t) {
 }
 //#endregion
 //#region src/stageQueryBindings.tsx
-function zr(e) {
+function Br(e) {
 	let t = /* @__PURE__ */ new Set(), n = (e) => {
 		if (Array.isArray(e)) {
 			e.forEach(n);
@@ -1903,7 +1919,7 @@ function zr(e) {
 	};
 	return r(e), [...t];
 }
-function Br(e) {
+function Vr(e) {
 	let t = /* @__PURE__ */ new Map(), n = (e, t) => {
 		let n = e.properties?.[t];
 		return typeof n == "string" && n.length > 0 ? n : void 0;
@@ -1922,7 +1938,7 @@ function Br(e) {
 	};
 	return r(e), [...t.values()];
 }
-function Vr({ source: e }) {
+function Hr({ source: e }) {
 	let { routes: t, routesReady: n, parameters: r, session: i } = B(), a = e.by ? r[e.by] || i[e.by] : void 0, s = o(() => e.by ? a ? { [e.by]: a } : {} : {
 		...i,
 		...r
@@ -1942,7 +1958,7 @@ function Vr({ source: e }) {
 		list: !0
 	}), null;
 }
-function Hr({ name: e }) {
+function Ur({ name: e }) {
 	let { routes: t, routesReady: n, parameters: r, session: i } = B(), a = o(() => ({
 		...i,
 		...r
@@ -1956,11 +1972,11 @@ function Hr({ name: e }) {
 		list: !0
 	}), null;
 }
-function Ur({ element: e }) {
-	let t = o(() => zr(e), [e]), n = o(() => Br(e), [e]);
-	return /* @__PURE__ */ I(Ne, { children: [t.map((e) => /* @__PURE__ */ F(Hr, { name: e }, e)), n.map((e) => /* @__PURE__ */ F(Vr, { source: e }, e.typeName))] });
+function Wr({ element: e }) {
+	let t = o(() => Br(e), [e]), n = o(() => Vr(e), [e]);
+	return /* @__PURE__ */ I(Ne, { children: [t.map((e) => /* @__PURE__ */ F(Ur, { name: e }, e)), n.map((e) => /* @__PURE__ */ F(Hr, { source: e }, e.typeName))] });
 }
-function Wr(e) {
+function Gr(e) {
 	let t = /* @__PURE__ */ new Set(), n = [];
 	for (let r of e) for (let e of r.contributions ?? []) {
 		if (e.contributionPointName !== "Navigation") continue;
@@ -1973,7 +1989,7 @@ function Wr(e) {
 		]);
 		if (t.has(s)) continue;
 		t.add(s);
-		let c = e.order ?? (typeof r.order == "number" ? r.order : void 0), l = qr(r.destination) ? r.destination : void 0;
+		let c = e.order ?? (typeof r.order == "number" ? r.order : void 0), l = Jr(r.destination) ? r.destination : void 0;
 		n.push({
 			label: i,
 			targetScreen: a,
@@ -1981,7 +1997,7 @@ function Wr(e) {
 			order: c,
 			...typeof r.icon == "string" ? { icon: r.icon } : {},
 			...typeof r.presentation == "string" ? { presentation: r.presentation } : {},
-			...l && Jr(l) ? { destination: l } : {}
+			...l && Yr(l) ? { destination: l } : {}
 		});
 	}
 	return n.map((e, t) => ({
@@ -1989,7 +2005,7 @@ function Wr(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 Gr(e) {
+function Kr(e) {
 	let t = {
 		label: "",
 		children: []
@@ -2014,21 +2030,21 @@ function Gr(e) {
 	}
 	return t.children;
 }
-function Kr(e, t) {
+function qr(e, t) {
 	for (let n of e) {
 		if (n.screen === t) return [n.label];
-		let e = Kr(n.children, t);
+		let e = qr(n.children, t);
 		if (e.length > 0) return [n.label, ...e];
 	}
 	return [];
 }
-function qr(e) {
+function Jr(e) {
 	return typeof e == "object" && !!e && !Array.isArray(e);
 }
-function Jr(e) {
+function Yr(e) {
 	return e.outlet !== void 0 || e.dialog !== void 0 || e.kind === "external" || e.kind === "dialog";
 }
-function Yr(e, t, n) {
+function Xr(e, t, n) {
 	return e.filter((e) => !t.has(e.name)).map((e) => ({
 		label: e.name,
 		targetScreen: e.name,
@@ -2037,77 +2053,77 @@ function Yr(e, t, n) {
 }
 //#endregion
 //#region src/blueprint.ts
-var Xr = "Stage:locale";
-function Zr(e) {
+var Zr = "Stage:locale";
+function Qr(e) {
 	let t = Te(e), n = t.packages.filter((e) => e !== "PrimeReact");
-	return n.splice(Math.max(n.indexOf(_e), 0), 0, "PrimeReact"), {
+	return n.splice(Math.max(n.indexOf(ve), 0), 0, "PrimeReact"), {
 		...t,
 		name: e?.length ? t.name : "Stage",
 		packages: n
 	};
 }
-var Qr = {
-	...me,
+var $r = {
+	...he,
 	PrimeReact: Le.components
 };
-function $r(e) {
+function ei(e) {
 	return {
-		...O,
+		...D,
 		...Ie,
-		...ge,
+		..._e,
 		...we,
 		...e
 	};
 }
-function ei(e) {
+function ti(e) {
 	return e ? {
 		...e,
-		...Qr
-	} : Qr;
+		...$r
+	} : $r;
 }
-var ti = "Stage:navigationTree";
-function ni(e, t, n) {
-	return P(e, M.Logo, {
+var ni = "Stage:navigationTree";
+function ri(e, t, n) {
+	return N(e, j.Logo, {
 		label: t,
 		initials: t.slice(0, 1).toUpperCase() || "S",
 		targetScreen: "",
 		...n ? { lightImageUrl: n } : {}
 	});
 }
-function ri(e, t, n, r, i, a = !1, o = !0) {
-	let s = e[0]?.name ?? "", c = i?.title ?? "Cratis Stage", l = Wr(e), u = Yr(e, new Set(l.map((e) => e.targetScreen)), "Other screens"), d = Gr([...l, ...l.length > 0 ? u : []]), f = e.map((e, n) => Ce({
+function ii(e, t, n, r, i, a = !1, o = !0) {
+	let s = e[0]?.name ?? "", c = i?.title ?? "Cratis Stage", l = Gr(e), u = Xr(e, new Set(l.map((e) => e.targetScreen)), "Other screens"), d = Kr([...l, ...l.length > 0 ? u : []]), f = e.map((e, n) => Ce({
 		label: e.name,
 		targetScreen: e.name,
 		icon: "pi pi-table",
 		group: "Screens",
 		order: n
-	}, t)), p = Kr(Gr(l), t), m = e.find((e) => e.name === t)?.path?.length ? Kr(d, t) : [], h = p.length > 0 ? p : m, g = l.length > 0 ? P("menu-hierarchy", ti, {
+	}, t)), p = qr(Kr(l), t), m = e.find((e) => e.name === t)?.path?.length ? qr(d, t) : [], h = p.length > 0 ? p : m, g = l.length > 0 ? N("menu-hierarchy", ni, {
 		nodes: d,
 		activeScreen: t
-	}) : P("menu-screens", M.Menu, {
+	}) : N("menu-screens", j.Menu, {
 		title: "Screens",
 		label: "Screens"
 	}, { items: f }), _ = [];
-	n.length > 1 && _.push(P("topbar-locale", Xr, {
+	n.length > 1 && _.push(N("topbar-locale", Zr, {
 		locales: n,
 		locale: r
-	})), _.push(P("topbar-theme", M.ThemeSwitcher, { label: "Theme" }));
+	})), _.push(N("topbar-theme", j.ThemeSwitcher, { label: "Theme" }));
 	let v = { regionNavigation: a };
 	return {
-		[N.Topbar]: [P("topbar", M.Topbar, v, {
-			logo: [ni("topbar-logo", c, i?.image)],
+		[M.Topbar]: [N("topbar", j.Topbar, v, {
+			logo: [ri("topbar-logo", c, i?.image)],
 			end: _
 		})],
-		[N.Sidebar]: [P("sidebar", M.Sidebar, v, { logo: [ni("sidebar-logo", c, i?.image)] })],
-		...a ? {} : { [N.Menu]: [g] },
-		[N.Breadcrumb]: [P("breadcrumb", M.Breadcrumb, {
+		[M.Sidebar]: [N("sidebar", j.Sidebar, v, { logo: [ri("sidebar-logo", c, i?.image)] })],
+		...a ? {} : { [M.Menu]: [g] },
+		[M.Breadcrumb]: [N("breadcrumb", j.Breadcrumb, {
 			homeTargetScreen: s,
 			items: (h.length > 0 ? h : [t]).map((e) => ({ label: e }))
 		})],
-		...o ? { [N.Footer]: [P("footer", M.Footer, { text: `${c} · rendered from your model` })] } : {},
-		[N.ConfigPanel]: [P(M.ConfigPanel, M.ConfigPanel, {
+		...o ? { [M.Footer]: [N("footer", j.Footer, { text: `${c} · rendered from your model` })] } : {},
+		[M.ConfigPanel]: [N(j.ConfigPanel, j.ConfigPanel, {
 			title: "Settings",
-			themes: ve.map((e) => ({
+			themes: ye.map((e) => ({
 				name: e.name,
 				label: e.name,
 				isDark: e.isDark ?? !1
@@ -2115,26 +2131,26 @@ function ri(e, t, n, r, i, a = !1, o = !0) {
 		})]
 	};
 }
-function ii(e) {
+function ai(e) {
 	return `#/${encodeURIComponent(e)}`;
 }
 //#endregion
 //#region src/StageChrome.tsx
-var ai = e({
+var oi = e({
 	locales: [],
 	locale: "",
 	setLocale: () => void 0,
 	activity: ""
 });
-function oi({ state: e, children: t }) {
-	return /* @__PURE__ */ F(ai.Provider, {
+function si({ state: e, children: t }) {
+	return /* @__PURE__ */ F(oi.Provider, {
 		value: e,
 		children: t
 	});
 }
-var si = "Stage:activity";
-function ci() {
-	let { locales: e, locale: t, setLocale: n } = r(ai);
+var ci = "Stage:activity";
+function li() {
+	let { locales: e, locale: t, setLocale: n } = r(oi);
 	return e.length < 2 ? null : /* @__PURE__ */ F("select", {
 		className: "stage-locale",
 		"aria-label": "Locale",
@@ -2146,19 +2162,19 @@ function ci() {
 		}, e))
 	});
 }
-function li({ element: e }) {
+function ui({ element: e }) {
 	let t = e.properties ?? {};
 	return /* @__PURE__ */ F("nav", {
 		className: "stage-navigation-tree",
 		"aria-label": "Navigation",
 		"data-scene-id": e.id,
-		children: /* @__PURE__ */ F(ui, {
+		children: /* @__PURE__ */ F(di, {
 			nodes: t.nodes ?? [],
 			activeScreen: t.activeScreen
 		})
 	});
 }
-function ui({ nodes: e, activeScreen: t }) {
+function di({ nodes: e, activeScreen: t }) {
 	return /* @__PURE__ */ F("ul", {
 		role: "tree",
 		children: e.map((e) => e.screen === void 0 ? /* @__PURE__ */ I("li", {
@@ -2167,13 +2183,13 @@ function ui({ nodes: e, activeScreen: t }) {
 			children: [/* @__PURE__ */ F("span", {
 				className: "stage-navigation-group",
 				children: e.label
-			}), /* @__PURE__ */ F(ui, {
+			}), /* @__PURE__ */ F(di, {
 				nodes: e.children,
 				activeScreen: t
 			})]
 		}, e.label) : /* @__PURE__ */ F("li", {
 			role: "treeitem",
-			children: /* @__PURE__ */ F(di, {
+			children: /* @__PURE__ */ F(fi, {
 				node: e,
 				screen: e.screen,
 				activeScreen: t
@@ -2181,12 +2197,12 @@ function ui({ nodes: e, activeScreen: t }) {
 		}, `${e.screen}:${e.label}`))
 	});
 }
-function di({ node: e, screen: t, activeScreen: n }) {
-	let i = r(ne), 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 && Jr(o) ? (e) => {
+function fi({ node: e, screen: t, activeScreen: n }) {
+	let i = r(re), 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 && Yr(o) ? (e) => {
 		e.preventDefault(), i.navigate(o);
 	} : void 0;
 	return /* @__PURE__ */ I("a", {
-		href: s ? o.route : ii(t),
+		href: s ? o.route : ai(t),
 		rel: s ? "noreferrer" : void 0,
 		"aria-current": t === n ? "page" : void 0,
 		"aria-label": a === "icon" ? e.label : void 0,
@@ -2200,8 +2216,8 @@ function di({ node: e, screen: t, activeScreen: n }) {
 		}), a !== "icon" && e.label]
 	});
 }
-function fi({ element: e }) {
-	let t = typeof e.properties.name == "string" ? e.properties.name : "", n = r(ne), i = ue(), a = B(), o = n?.outlets[t], s = o && i ? i.screens[o] : void 0, c = e.properties.closable === !0;
+function pi({ element: e }) {
+	let t = typeof e.properties.name == "string" ? e.properties.name : "", n = r(re), i = de(), a = B(), o = n?.outlets[t], s = o && i ? i.screens[o] : void 0, c = e.properties.closable === !0;
 	return /* @__PURE__ */ I("div", {
 		"data-scene-outlet": t,
 		"data-scene-outlet-screen": o,
@@ -2214,23 +2230,23 @@ function fi({ element: e }) {
 				onClick: () => n?.closeOutlet(t),
 				children: "Close"
 			})
-		}), s && i && /* @__PURE__ */ F(T, {
+		}), s && i && /* @__PURE__ */ F(w, {
 			element: s,
 			registry: i.registry,
 			resolveBinding: a.resolveBinding
 		})]
 	});
 }
-function pi() {
-	let { activity: e } = r(ai);
+function mi() {
+	let { activity: e } = r(oi);
 	return e ? /* @__PURE__ */ F("p", {
 		className: "stage-activity",
 		role: "status",
 		children: e
 	}) : null;
 }
-function mi() {
-	let e = j(), t = e?.tokens?.["surface.background"], n = e?.tokens?.["text.color"];
+function hi() {
+	let e = A(), 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 ?? "";
@@ -2240,25 +2256,25 @@ function mi() {
 		n
 	]), null;
 }
-var hi = {
-	[Xr]: ci,
-	[ti]: li,
-	[si]: pi,
-	"core:outlet": fi
-}, gi = [
+var gi = {
+	[Zr]: li,
+	[ni]: ui,
+	[ci]: mi,
+	"core:outlet": pi
+}, _i = [
 	"navigationMode",
 	"menuTheme",
 	"showFooter"
-], _i = /^#(?:[0-9a-f]{3}|[0-9a-f]{6})$/i;
-function vi(e, t, n = !1) {
+], vi = /^#(?:[0-9a-f]{3}|[0-9a-f]{6})$/i;
+function yi(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 (!gi.includes(e)) {
-			r.push(`The shell '${t.name}' has no option '${e}'; the options it understands are ${gi.join(", ")}.`);
+		if (!_i.includes(e)) {
+			r.push(`The shell '${t.name}' has no option '${e}'; the options it understands are ${_i.join(", ")}.`);
 			continue;
 		}
 		if (e === "navigationMode") {
@@ -2273,11 +2289,11 @@ function vi(e, t, n = !1) {
 	if (o?.colorScheme !== void 0) {
 		a.followsSystem = o.colorScheme === l.System;
 		let e = a.followsSystem ? n : o.colorScheme === l.Dark;
-		a.colorScheme = e ? fe.Dark : fe.Light, a.themeName = ve.find((t) => (t.isDark ?? !1) === e)?.name;
+		a.colorScheme = e ? pe.Dark : pe.Light, a.themeName = ye.find((t) => (t.isDark ?? !1) === e)?.name;
 	}
-	return o?.accent !== void 0 && (_i.test(o.accent) ? a.accent = o.accent : r.push(`The accent '${o.accent}' is not a colour written as #rgb or #rrggbb.`)), a;
+	return o?.accent !== void 0 && (vi.test(o.accent) ? a.accent = o.accent : r.push(`The accent '${o.accent}' is not a colour written as #rgb or #rrggbb.`)), a;
 }
-function yi(e, t) {
+function bi(e, t) {
 	if (e?.root === void 0) return [];
 	let n = /* @__PURE__ */ new Set([
 		h.RootTemplateUnknown,
@@ -2289,7 +2305,7 @@ function yi(e, t) {
 	]), r = t.diagnostics.filter((e) => n.has(e.code)).map((e) => e.message);
 	return r.length === 0 && t.origin !== g.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 bi(e) {
+function xi(e) {
 	let t = e.length === 4 ? [...e.slice(1)].map((e) => e + e).join("") : e.slice(1), [n, r, i] = [
 		0,
 		2,
@@ -2297,7 +2313,7 @@ function bi(e) {
 	].map((e) => parseInt(t.slice(e, e + 2), 16));
 	return (n * 299 + r * 587 + i * 114) / 1e3 >= 150 ? "#111827" : "#ffffff";
 }
-function xi(e, t) {
+function Si(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,
@@ -2309,18 +2325,18 @@ function xi(e, t) {
 		tokens: {
 			...e.tokens,
 			"primary.color": t,
-			"primary.contrastColor": bi(t),
+			"primary.contrastColor": xi(t),
 			"focus.ring": `0 0 0 2px rgb(${r} ${i} ${a} / 0.4)`
 		}
 	}));
 }
 //#endregion
 //#region src/StageShellSettings.tsx
-var Si = "(prefers-color-scheme: dark)";
-function Ci() {
+var Ci = "(prefers-color-scheme: dark)";
+function wi() {
 	return globalThis.matchMedia?.("(prefers-color-scheme: dark)").matches ?? !1;
 }
-function wi({ settings: e, onSystemSchemeChange: t }) {
+function Ti({ settings: e, onSystemSchemeChange: t }) {
 	let n = s(Ee());
 	n.current = Ee();
 	let { mode: r, menuTheme: a, colorScheme: o, themeName: c } = e;
@@ -2334,16 +2350,16 @@ function wi({ settings: e, onSystemSchemeChange: t }) {
 		c
 	]), i(() => {
 		if (!e.followsSystem || !globalThis.matchMedia || !t) return;
-		let n = globalThis.matchMedia(Si), r = (e) => t(e.matches);
+		let n = globalThis.matchMedia(Ci), r = (e) => t(e.matches);
 		return n.addEventListener("change", r), () => n.removeEventListener("change", r);
 	}, [e.followsSystem, t]), null;
 }
 //#endregion
 //#region src/stageNavigationModel.ts
-function Ti(e) {
+function Ei(e) {
 	return (e?.application.regions.length ?? 0) > 0 || (e?.modules.length ?? 0) > 0;
 }
-function Ei(e) {
+function Di(e) {
 	let t = /* @__PURE__ */ new Map();
 	for (let n of e) {
 		let e = (n.path ?? []).join(".");
@@ -2356,35 +2372,35 @@ function Ei(e) {
 		return t.get(r) ?? i ?? (e.some((e) => e.name === r) ? r : void 0);
 	};
 }
-function Di(e) {
+function Oi(e) {
 	return (t) => e.find((e) => e.name === t)?.path?.[0];
 }
-function Oi(e, t) {
+function ki(e, t) {
 	return {
 		structure: e.structure ?? { modules: [] },
 		navigation: e.navigation ?? {
 			application: { regions: [] },
 			modules: []
 		},
-		screenFor: Ei(e.screens),
-		moduleOf: Di(e.screens),
+		screenFor: Di(e.screens),
+		moduleOf: Oi(e.screens),
 		...t ? { isVisible: t } : {}
 	};
 }
 //#endregion
 //#region src/stageSlices.ts
-function ki(e) {
+function Ai(e) {
 	return (t) => K(e?.[t] ?? "").filter((e) => e.unsupportedReason === void 0 && !e.members && !e.item).map((e) => ({
 		name: e.name,
 		type: e.type === "text" || e.type === void 0 ? "string" : e.type,
-		label: Ai(e.name),
+		label: ji(e.name),
 		required: e.required
 	}));
 }
-function Ai(e) {
+function ji(e) {
 	return e.replace(/([a-z0-9])([A-Z])/g, "$1 $2").replace(/^./, (e) => e.toUpperCase());
 }
-function ji(e, t, n) {
+function Mi(e, t, n) {
 	return { invoke: async (r, i, a) => {
 		let o = a ?? r.slice(r.lastIndexOf(".") + 1);
 		if (!W(o)) return {
@@ -2404,8 +2420,20 @@ function ji(e, t, n) {
 	} };
 }
 //#endregion
+//#region src/standaloneScreenTemplates.ts
+function Ni(e) {
+	let t = new Set(e.map((e) => e.name));
+	return e.map((e) => {
+		let n = e.fitsSlot, r = n?.includes(".") ? n.slice(0, n.lastIndexOf(".")) : void 0;
+		return r !== void 0 && r !== e.name && t.has(r) ? {
+			...e,
+			fitsSlot: "content"
+		} : e;
+	});
+}
+//#endregion
 //#region src/withoutSeededSlots.ts
-function Mi(e, t) {
+function Pi(e, t) {
 	let n = /* @__PURE__ */ new Map();
 	for (let e of t) n.has(e.name) || n.set(e.name, e.slots.map((e) => e.name));
 	return e.map((e) => {
@@ -2423,7 +2451,7 @@ function Mi(e, t) {
 }
 //#endregion
 //#region src/stageIcons.ts
-var Ni = /* @__PURE__ */ new Map([
+var Fi = /* @__PURE__ */ new Map([
 	["chart", "chart-column"],
 	["add", "plus"],
 	["dollar", "dollar-sign"],
@@ -2431,24 +2459,24 @@ var Ni = /* @__PURE__ */ new Map([
 	["refresh", "refresh-cw"],
 	["invoice", "receipt-text"],
 	["batch", "layers"]
-]), Pi = (e) => e.trim().replace(/([A-Z]+)([A-Z][a-z])/g, "$1-$2").replace(/([a-z0-9])([A-Z])/g, "$1-$2").replace(/([a-zA-Z])([0-9]+)/g, "$1-$2").replace(/[\s_]+/g, "-").toLowerCase(), Fi = oe([{
+]), Ii = (e) => e.trim().replace(/([A-Z]+)([A-Z][a-z])/g, "$1-$2").replace(/([a-z0-9])([A-Z])/g, "$1-$2").replace(/([a-zA-Z])([0-9]+)/g, "$1-$2").replace(/[\s_]+/g, "-").toLowerCase(), Li = se([{
 	library: m,
 	loadGlyph: async ({ key: e }) => {
-		let t = Pi(e), n = Ni.get(t) ?? t;
+		let t = Ii(e), n = Fi.get(t) ?? t;
 		if (Object.hasOwn(Ye, n)) return (await Ye[n]())?.default;
 	}
 }]);
 //#endregion
 //#region src/App.tsx
-function Ii(e = {}) {
-	return $r({
+function Ri(e = {}) {
+	return ei({
 		...e,
-		...Mr,
-		...hi
+		...Nr,
+		...gi
 	});
 }
-function Li(e, t) {
-	return P(`form-${e}-${t.name}`, yr, {
+function zi(e, t) {
+	return N(`form-${e}-${t.name}`, br, {
 		command: t.forCommand,
 		label: t.name,
 		generationMode: t.generationMode,
@@ -2456,47 +2484,47 @@ function Li(e, t) {
 		fields: t.fields
 	});
 }
-function Ri(e, t) {
+function Bi(e, t) {
 	let n = e.screens[0];
-	return ye(e, n, {
-		profile: Zr(e.uiProfiles),
-		blueprintTemplates: t?.length ? [...be, ...t] : void 0
+	return be(e, n, {
+		profile: Qr(e.uiProfiles),
+		blueprintTemplates: Ni(t?.length ? [...P, ...t] : P)
 	});
 }
-function zi(e, t, n, r, i, a, o = !0) {
-	let s = Ti(e.navigation), c = e.navigation?.application.logo ? {
+function Vi(e, t, n, r, i, a, o = !0) {
+	let s = Ei(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: Zr(e.uiProfiles),
-		catalog: ei(r),
-		blueprintTemplates: a?.length ? [...be, ...a] : void 0,
-		chrome: (r, i) => i === M.FullPageShell ? { [N.ConfigPanel]: ri(e.screens, r.name, t, n, c, s, o)[N.ConfigPanel] } : ri(e.screens, r.name, t, n, c, s, o),
-		form: Li,
-		trailing: [P("activity", si)],
+		profile: Qr(e.uiProfiles),
+		catalog: ti(r),
+		blueprintTemplates: Ni(a?.length ? [...P, ...a] : P),
+		chrome: (r, i) => i === j.FullPageShell ? { [M.ConfigPanel]: ii(e.screens, r.name, t, n, c, s, o)[M.ConfigPanel] } : ii(e.screens, r.name, t, n, c, s, o),
+		form: zi,
+		trailing: [N("activity", ci)],
 		decorate: (e) => {
-			let t = Fr(e);
+			let t = Ir(e);
 			return i ? b(t, i) : t;
 		}
 	};
 }
-function Bi(e, t, n, r, i, a) {
-	let [o] = ur([t], Vi(e));
-	return he(e, o, zi(e, n, r, i, void 0, a)).element;
+function Hi(e, t, n, r, i, a) {
+	let [o] = ur([t], Ui(e));
+	return ge(e, o, Vi(e, n, r, i, void 0, a)).element;
 }
-function Vi(e) {
+function Ui(e) {
 	return [...e.screenTemplates ?? [], ...e.dialogTemplates ?? []];
 }
-function Hi() {
+function Wi() {
 	try {
 		return globalThis.localStorage ?? null;
 	} catch {
 		return null;
 	}
 }
-function Ui({ components: e, packageCatalog: t, screenTemplates: n, dialogTemplates: r, isVisible: a } = {}) {
-	let s = tt(), l = o(() => Ii(e), [e]), [u, d] = c(), [f, p] = c(""), m = nt(), h = Nr();
+function Gi({ components: e, packageCatalog: t, screenTemplates: n, dialogTemplates: r, isVisible: a } = {}) {
+	let s = tt(), l = o(() => Ri(e), [e]), [u, d] = c(), [f, p] = c(""), m = nt(), h = Pr();
 	return i(() => {
 		let e = new AbortController();
 		return s.scene(e.signal).then((e) => d(r?.length ? {
@@ -2508,7 +2536,7 @@ function Ui({ components: e, packageCatalog: t, screenTemplates: n, dialogTempla
 	}, [s, r]), f ? /* @__PURE__ */ I("main", {
 		className: "stage-message",
 		children: [/* @__PURE__ */ F("h1", { children: "Unable to render this Stage" }), /* @__PURE__ */ F("p", { children: f })]
-	}) : u ? /* @__PURE__ */ F(Wi, {
+	}) : u ? /* @__PURE__ */ F(Ki, {
 		scene: u,
 		registry: l,
 		routeState: m,
@@ -2521,16 +2549,16 @@ function Ui({ components: e, packageCatalog: t, screenTemplates: n, dialogTempla
 		children: /* @__PURE__ */ F("h1", { children: "Preparing the Stage" })
 	});
 }
-function Wi({ scene: e, registry: t, routeState: r, strings: i, packageCatalog: a, screenTemplates: s, isVisible: l }) {
-	let u = o(() => ae(), []), [d, f] = c(Ci), p = e.screens[0]?.name ?? "", m = o(() => Zr(e.uiProfiles), [e]), h = o(() => p ? Ri(e, s) : void 0, [
+function Ki({ scene: e, registry: t, routeState: r, strings: i, packageCatalog: a, screenTemplates: s, isVisible: l }) {
+	let u = o(() => oe(), []), [d, f] = c(wi), p = e.screens[0]?.name ?? "", m = o(() => Qr(e.uiProfiles), [e]), h = o(() => p ? Bi(e, s) : void 0, [
 		e,
 		s,
 		p
-	]), g = o(() => h ? yi(m, h) : [], [m, h]), _ = o(() => h ? vi(m, h, d) : void 0, [
+	]), g = o(() => h ? bi(m, h) : [], [m, h]), _ = o(() => h ? yi(m, h, d) : void 0, [
 		m,
 		h,
 		d
-	]), v = o(() => xi(ve, _?.accent), [_?.accent]), y = _?.showFooter ?? !0, b = o(() => zi(e, i.locales, i.locale, a, i.dictionary, s, y), [
+	]), v = o(() => Si(ye, _?.accent), [_?.accent]), y = _?.showFooter ?? !0, b = o(() => Vi(e, i.locales, i.locale, a, i.dictionary, s, y), [
 		e,
 		i.locales,
 		i.locale,
@@ -2538,14 +2566,14 @@ function Wi({ scene: e, registry: t, routeState: r, strings: i, packageCatalog:
 		a,
 		s,
 		y
-	]), x = n((e) => f(e), []), ee = o(() => Oi(e, l), [e, l]), S = o(() => ({
+	]), x = n((e) => f(e), []), ee = o(() => ki(e, l), [e, l]), S = o(() => ({
 		...e,
-		screens: ur(Mi(e.screens, [
+		screens: ur(Pi(e.screens, [
 			...e.screenTemplates,
 			...e.dialogTemplates ?? [],
-			...be,
+			...P,
 			...s ?? []
-		]), Vi(e))
+		]), Ui(e))
 	}), [e, s]);
 	return p ? g.length > 0 ? /* @__PURE__ */ I("main", {
 		className: "stage-message",
@@ -2556,15 +2584,15 @@ function Wi({ scene: e, registry: t, routeState: r, strings: i, packageCatalog:
 			/* @__PURE__ */ F("p", { children: "The ui profile's root template cannot be the application's shell." }),
 			/* @__PURE__ */ F("ul", { children: g.map((e) => /* @__PURE__ */ F("li", { children: e }, e)) })
 		]
-	}) : /* @__PURE__ */ F(de, {
+	}) : /* @__PURE__ */ F(fe, {
 		application: S,
 		composition: b,
 		navigationModel: ee,
 		registry: t,
 		initialScreen: p,
 		history: u,
-		layoutConfigStorage: Hi(),
-		scope: (t, n) => /* @__PURE__ */ F(Gi, {
+		layoutConfigStorage: Wi(),
+		scope: (t, n) => /* @__PURE__ */ F(qi, {
 			scene: e,
 			routeState: r,
 			strings: i,
@@ -2574,13 +2602,13 @@ function Wi({ scene: e, registry: t, routeState: r, strings: i, packageCatalog:
 			onSystemSchemeChange: x,
 			children: n
 		}),
-		renderScreen: (e, n) => /* @__PURE__ */ F(qi, {
+		renderScreen: (e, n) => /* @__PURE__ */ F(Yi, {
 			element: e,
 			configuration: n,
 			registry: t
 		}),
-		renderDialog: () => /* @__PURE__ */ F(kr, {}),
-		renderDialogTemplate: (e, n, r) => /* @__PURE__ */ F(Ji, {
+		renderDialog: () => /* @__PURE__ */ F(Ar, {}),
+		renderDialogTemplate: (e, n, r) => /* @__PURE__ */ F(Xi, {
 			template: e,
 			content: n,
 			registry: t,
@@ -2592,7 +2620,7 @@ function Wi({ scene: e, registry: t, routeState: r, strings: i, packageCatalog:
 		children: [/* @__PURE__ */ F("h1", { children: "Nothing to show yet" }), /* @__PURE__ */ F("p", { children: "This model has no slice carrying a command or a read model, so there is no screen to render." })]
 	});
 }
-function Gi({ scene: e, routeState: t, strings: n, navigation: r, themes: a, shellSettings: o, onSystemSchemeChange: s, children: l }) {
+function qi({ scene: e, routeState: t, strings: n, navigation: r, themes: a, shellSettings: o, onSystemSchemeChange: s, children: l }) {
 	let [d, f] = c(""), { navigate: p } = r;
 	return i(() => f(""), [r.currentScreen, r.currentDialog]), i(() => {
 		let e = (e) => {
@@ -2609,16 +2637,16 @@ function Gi({ scene: e, routeState: t, strings: n, navigation: r, themes: a, she
 			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__ */ F(w, {
-		registry: Fi,
-		children: /* @__PURE__ */ I(pe, {
+	}, [p, e]), /* @__PURE__ */ F(te, {
+		registry: Li,
+		children: /* @__PURE__ */ I(me, {
 			themes: a,
 			children: [
-				o && /* @__PURE__ */ F(wi, {
+				o && /* @__PURE__ */ F(Ti, {
 					settings: o,
 					onSystemSchemeChange: s
 				}),
-				/* @__PURE__ */ F(mi, {}),
+				/* @__PURE__ */ F(hi, {}),
 				/* @__PURE__ */ F(Ft, {
 					routes: t.routes,
 					routesReady: t.ready,
@@ -2626,7 +2654,7 @@ function Gi({ scene: e, routeState: t, strings: n, navigation: r, themes: a, she
 					locale: n.locale,
 					locales: n.locales,
 					screen: r.primaryScreen ?? e.screens[0]?.name ?? "",
-					children: /* @__PURE__ */ F(Ki, {
+					children: /* @__PURE__ */ F(Ji, {
 						activity: d,
 						routesReady: t.ready,
 						scene: e,
@@ -2639,12 +2667,12 @@ function Gi({ scene: e, routeState: t, strings: n, navigation: r, themes: a, she
 		})
 	});
 }
-function Ki({ activity: e, routesReady: t, scene: n, setActivity: r, strings: i, children: a }) {
-	let s = B(), c = le(), l = Qt(), d = o(() => ji(l, t, s.refreshAfterCommand), [
+function Ji({ activity: e, routesReady: t, scene: n, setActivity: r, strings: i, children: a }) {
+	let s = B(), c = ue(), l = Qt(), d = o(() => Mi(l, t, s.refreshAfterCommand), [
 		l,
 		t,
 		s.refreshAfterCommand
-	]), f = o(() => ki(n.commandSchemas), [n.commandSchemas]), p = k({
+	]), f = o(() => Ai(n.commandSchemas), [n.commandSchemas]), p = O({
 		executeCommand: async (e, n) => {
 			let i = W(e);
 			if (!i && !t) return r(`The modeled command “${e}” is waiting for Stage routes.`), {
@@ -2680,18 +2708,18 @@ function Ki({ activity: e, routesReady: t, scene: n, setActivity: r, strings: i,
 		refreshQuery: async (e) => s.refreshQuery(e),
 		raise: async (e) => r(`The modeled trigger “${e}” is not available in this Stage runtime.`)
 	});
-	return /* @__PURE__ */ F(oi, {
+	return /* @__PURE__ */ F(si, {
 		state: {
 			locales: i.locales,
 			locale: i.locale,
 			setLocale: i.setLocale,
 			activity: e
 		},
-		children: /* @__PURE__ */ F(D, {
+		children: /* @__PURE__ */ F(E, {
 			invoker: d,
-			children: /* @__PURE__ */ F(E, {
+			children: /* @__PURE__ */ F(T, {
 				fieldsFor: f,
-				children: /* @__PURE__ */ F(te, {
+				children: /* @__PURE__ */ F(ne, {
 					dispatcher: p,
 					context: {
 						resolve: s.resolveBinding,
@@ -2705,9 +2733,9 @@ function Ki({ activity: e, routesReady: t, scene: n, setActivity: r, strings: i,
 		})
 	});
 }
-function qi({ element: e, configuration: t, registry: n }) {
+function Yi({ element: e, configuration: t, registry: n }) {
 	let r = B(), i = qt();
-	return /* @__PURE__ */ I(Ne, { children: [/* @__PURE__ */ F(Ur, { element: e }), /* @__PURE__ */ F(T, {
+	return /* @__PURE__ */ I(Ne, { children: [/* @__PURE__ */ F(Wr, { element: e }), /* @__PURE__ */ F(w, {
 		element: e,
 		registry: n,
 		resolveBinding: r.resolveBinding,
@@ -2716,7 +2744,7 @@ function qi({ element: e, configuration: t, registry: n }) {
 		configuration: t
 	})] });
 }
-function Ji({ template: e, content: t, registry: n, strings: r, close: a }) {
+function Xi({ template: e, content: t, registry: n, strings: r, close: a }) {
 	let o = B(), s = qt(), c = b(t, r.dictionary);
 	return i(() => {
 		let e = (e) => {
@@ -2734,7 +2762,7 @@ function Ji({ template: e, content: t, registry: n, strings: r, close: a }) {
 				type: "button",
 				onClick: a,
 				children: "Close"
-			}), /* @__PURE__ */ F(T, {
+			}), /* @__PURE__ */ F(w, {
 				element: c,
 				registry: n,
 				resolveBinding: o.resolveBinding,
@@ -2746,9 +2774,9 @@ function Ji({ template: e, content: t, registry: n, strings: r, close: a }) {
 }
 //#endregion
 //#region src/stageTheme.ts
-var Yi = "[data-scene-color-scheme='dark']", Xi = {
+var Zi = "[data-scene-color-scheme='dark']", Qi = {
 	preset: Xe,
-	options: { darkModeSelector: Yi }
+	options: { darkModeSelector: Zi }
 };
 //#endregion
-export { Ui as App, Ui as StageApplication, xn as StageCommandForm, Ft as StageDataProvider, or as StageGuardedAction, et as StageSourceProvider, Bi as composeStageScreen, ji as createStageSliceInvoker, It as dataChanged, Xt as executeRegisteredCommand, pt as performQuery, lt as registerQueryRouteResolver, W as registeredCommand, ut as registeredQuery, ki as sliceFieldsFrom, Ii as stageApplicationRegistry, zi as stageComposition, Yi as stageDarkSelector, Qe as stageEndpoints, Ri as stageShellOf, Xi as stageTheme, Ze as staticStageSource, mt as subscribeQuery, Qt as useStageCommandExecutor, B as useStageData, V as useStageQuery, tt as useStageSource };
+export { Gi as App, Gi as StageApplication, xn as StageCommandForm, Ft as StageDataProvider, or as StageGuardedAction, et as StageSourceProvider, Hi as composeStageScreen, Mi as createStageSliceInvoker, It as dataChanged, Xt as executeRegisteredCommand, ot as hostedBasePath, pt as performQuery, lt as registerQueryRouteResolver, W as registeredCommand, ut as registeredQuery, Ai as sliceFieldsFrom, Ri as stageApplicationRegistry, Vi as stageComposition, Zi as stageDarkSelector, Qe as stageEndpoints, Bi as stageShellOf, Qi as stageTheme, Ze as staticStageSource, mt as subscribeQuery, Qt as useStageCommandExecutor, B as useStageData, V as useStageQuery, tt as useStageSource };