@cratis/stage.runtime 4.205.0 → 4.206.0

package/dist/src/index.js

@@ -3,8 +3,8 @@ import { t as e } from "../stageDarkSelector-DAwb43-P.js";
 import { createContext as t, createElement as n, useCallback as r, useContext as i, useEffect as a, useId as o, useMemo as s, useRef as c, useState as l } from "react";
 import { ColorScheme as u, DestinationKind as d, FormGenerationMode as f, FormWidthUnit as p, InteractionTriggerKind as m, LogoKind as h, PackageKind as g, componentIconLibrary as _ } from "@cratis/scene.model";
 import { ShellDiagnosticCode as v, ShellOrigin as y, createBindingResolver as b, hostProfilePackages as x, resolveArgumentSource as S, resolveBehaviors as C, resolveStringsInElement as w, resolveStringsValue as ee, runBindings as te, validateBindingExpression as ne } from "@cratis/scene.engine";
-import { CoreSliceDialog as T, CoreToolbarItem as E, IconAdapterProvider as re, InteractionScope as ie, SceneElementView as D, SceneNavigationContextInternal as O, SliceCommandFieldsProvider as ae, SliceDialogView as oe, SliceInvokerProvider as se, attachmentFor as ce, componentRegistryKey as le, coreComponents as k, createBrowserDispatcher as ue, createBrowserSceneHistory as de, createHashSceneHistory as A, createIconAdapterRegistry as fe, sliceDialogParameters as pe, useInteractionScope as me, useOptionalSceneNavigation as he, useSceneNavigation as ge, useSceneOutlets as _e, useSceneTheme as ve } from "@cratis/scene.react";
-import { ApplicationHost as ye, ColorScheme as be, ComponentName as j, KanbanBoard as xe, LayoutThemeProvider as Se, SlotName as M, blueprintPackageCatalog as Ce, composeApplicationScreen as we, defaultBlueprintComponents as Te, defaultBlueprintName as Ee, defaultBlueprintThemes as De, effectiveShellOf as Oe, externalComponent as N, galleryScreenTemplates as P, layoutModes as ke, menuThemes as Ae, navigationElement as je, previewComponents as Me, previewProfile as Ne, useLayoutConfig as Pe } from "@cratis/scene.blueprint.default";
+import { CoreSliceDialog as T, CoreToolbarItem as E, IconAdapterProvider as re, InteractionScope as ie, SceneElementView as ae, SceneNavigationContextInternal as D, SliceCommandFieldsProvider as oe, SliceDialogView as se, SliceInvokerProvider as ce, attachmentFor as le, componentRegistryKey as ue, coreComponents as O, createBrowserDispatcher as de, createBrowserSceneHistory as fe, createHashSceneHistory as k, createIconAdapterRegistry as pe, sliceDialogParameters as me, useInteractionScope as he, useOptionalSceneNavigation as ge, useSceneNavigation as _e, useSceneOutlets as ve, useSceneTheme as ye } from "@cratis/scene.react";
+import { ApplicationHost as be, ColorScheme as A, ComponentName as j, KanbanBoard as xe, LayoutThemeProvider as Se, SlotName as M, blueprintPackageCatalog as Ce, composeApplicationScreen as we, defaultBlueprintComponents as Te, defaultBlueprintName as Ee, defaultBlueprintThemes as N, effectiveShellOf as De, externalComponent as P, galleryScreenTemplates as Oe, layoutModes as ke, menuThemes as Ae, navigationElement as je, previewComponents as Me, previewProfile as Ne, useLayoutConfig as Pe } from "@cratis/scene.blueprint.default";
 import "@cratis/components/tokens";
 import "@cratis/components/CommandForm/styles";
 import "@cratis/components/Dropdown/styles";
@@ -258,7 +258,7 @@ var Bt = "cratis.stage.data-changed", Vt = t({
 	3e3
 ], Ut = {};
 function Wt({ routes: e, routesReady: t = !0, parameters: n = Ut, locale: i, locales: o, screen: u, children: d }) {
-	let [f, p] = l({}), [m, h] = l(0), [g, _] = l({}), [v, y] = l(), [x, C] = l({}), [w, ee] = l({}), [te, T] = l({}), [E, re] = l({ version: 0 }), ie = s(() => Xt(te), [te]), D = r((e, t) => {
+	let [f, p] = l({}), [m, h] = l(0), [g, _] = l({}), [v, y] = l(), [x, C] = l({}), [w, ee] = l({}), [te, T] = l({}), [E, re] = l({ version: 0 }), ie = s(() => Xt(te), [te]), ae = r((e, t) => {
 		p((n) => {
 			if (!t) {
 				let { [e]: t, ...r } = n;
@@ -269,27 +269,27 @@ function Wt({ routes: e, routesReady: t = !0, parameters: n = Ut, locale: i, loc
 				[e]: t
 			};
 		});
-	}, []), O = n, ae = s(() => zt(), [m]), oe = s(() => ({
+	}, []), D = n, oe = s(() => zt(), [m]), se = s(() => ({
 		name: u,
 		keys: {
-			...ae,
+			...oe,
 			...n
 		}
 	}), [
 		n,
 		u,
-		ae
-	]), se = r((e, t) => {
+		oe
+	]), ce = r((e, t) => {
 		_((n) => ({
 			...n,
 			[e]: t
 		})), y(t ? e : (t) => t === e ? void 0 : t);
-	}, []), ce = r((e) => {
+	}, []), le = r((e) => {
 		_((t) => ({
 			...t,
 			[e]: void 0
 		})), y((t) => t === e ? void 0 : t);
-	}, []), le = r((e, t, n) => {
+	}, []), ue = r((e, t, n) => {
 		ee((r) => {
 			let i = H(r[e]) ? r[e] : {};
 			return {
@@ -297,28 +297,28 @@ function Wt({ routes: e, routesReady: t = !0, parameters: n = Ut, locale: i, loc
 				[e]: Yt(i, t.split(".").filter(Boolean), n)
 			};
 		});
-	}, []), k = r((e) => re((t) => ({
+	}, []), O = r((e) => re((t) => ({
 		query: e,
 		version: t.version + 1
-	})), []), ue = c([]), de = r(() => {
-		h((e) => e + 1), k();
-		for (let e of Ht) ue.current.push(setTimeout(() => k(), e));
-	}, [k]);
-	a(() => () => ue.current.forEach(clearTimeout), []), a(() => {
-		let e = () => k(), t = (e) => k(e.detail?.query);
+	})), []), de = c([]), fe = r(() => {
+		h((e) => e + 1), O();
+		for (let e of Ht) de.current.push(setTimeout(() => O(), e));
+	}, [O]);
+	a(() => () => de.current.forEach(clearTimeout), []), a(() => {
+		let e = () => O(), t = (e) => O(e.detail?.query);
 		return globalThis.addEventListener(Bt, e), globalThis.addEventListener("cratis.scene.refresh", t), () => {
 			globalThis.removeEventListener(Bt, e), globalThis.removeEventListener("cratis.scene.refresh", t);
 		};
-	}, [k]);
-	let A = v ? g[v] : void 0, fe = r((e) => {
+	}, [O]);
+	let k = v ? g[v] : void 0, pe = r((e) => {
 		if (e === void 0 || typeof e != "string" && e.path === "$guard") return;
-		if (typeof e == "string") return Zt(e, A, g, f, x, O, oe, i, o);
-		let t = Kt(A, f, x, {
+		if (typeof e == "string") return Zt(e, k, g, f, x, D, se, i, o);
+		let t = Kt(k, f, x, {
 			...ie,
 			...w
 		}, g);
 		if (!e.kind && e.path.startsWith("component.")) return S(e.path, t);
-		if (!e.kind) return Zt(e.path, A, g, f, x, O, oe, i, o);
+		if (!e.kind) return Zt(e.path, k, g, f, x, D, se, i, o);
 		let n = ne(e, t);
 		return n.length > 0 && console.warn(`Scene binding could not be resolved: ${n.map((e) => `${e.code}:${e.message}`).join("; ")}`), b(t)(e);
 	}, [
@@ -326,13 +326,13 @@ function Wt({ routes: e, routesReady: t = !0, parameters: n = Ut, locale: i, loc
 		i,
 		o,
 		x,
-		O,
+		D,
 		ie,
 		f,
-		oe,
-		A,
+		se,
+		k,
 		g
-	]), pe = r((e) => e ? S(e, Kt(A, f, x, {
+	]), me = r((e) => e ? S(e, Kt(k, f, x, {
 		...ie,
 		...w
 	}, g)) : void 0, [
@@ -340,67 +340,67 @@ function Wt({ routes: e, routesReady: t = !0, parameters: n = Ut, locale: i, loc
 		x,
 		ie,
 		f,
-		A,
+		k,
 		g
-	]), me = r((e, t) => T((n) => ({
+	]), he = r((e, t) => T((n) => ({
 		...n,
 		[e]: t
-	})), []), he = r((e) => T((t) => {
+	})), []), ge = r((e) => T((t) => {
 		if (!Object.prototype.hasOwnProperty.call(t, e)) return t;
 		let n = { ...t };
 		return delete n[e], n;
-	}), []), ge = s(() => Kt(void 0, f, {}, {}, {}).queryResults, [f]), _e = s(() => ({
+	}), []), _e = s(() => Kt(void 0, f, {}, {}, {}).queryResults, [f]), ve = s(() => ({
 		locale: i,
 		locales: o,
 		screen: u,
 		routes: e,
 		routesReady: t,
-		parameters: O,
-		session: ae,
+		parameters: D,
+		session: oe,
 		queries: f,
-		selected: A,
+		selected: k,
 		selections: g,
-		selectRow: se,
-		clearSelection: ce,
+		selectRow: ce,
+		clearSelection: le,
 		setState: (e, t) => C((n) => Yt(n, e.split(".").filter(Boolean), t)),
-		setComponentOutput: le,
-		publishComponentOutputs: me,
-		withdrawComponentOutputs: he,
-		queryResults: ge,
-		refreshQuery: k,
-		refreshAfterCommand: de,
-		resolveBinding: fe,
-		resolveArgument: pe,
-		registerQueryResult: D,
+		setComponentOutput: ue,
+		publishComponentOutputs: he,
+		withdrawComponentOutputs: ge,
+		queryResults: _e,
+		refreshQuery: O,
+		refreshAfterCommand: fe,
+		resolveBinding: pe,
+		resolveArgument: me,
+		registerQueryResult: ae,
 		refreshVersion: E.version,
 		refreshQueryName: E.query
 	}), [
-		ce,
+		le,
 		i,
 		o,
 		f,
-		de,
-		k,
+		fe,
+		O,
 		E.query,
 		E.version,
-		D,
-		me,
+		ae,
 		he,
 		ge,
+		_e,
+		me,
 		pe,
-		fe,
 		e,
 		t,
-		O,
-		ae,
+		D,
+		oe,
 		u,
-		se,
-		A,
+		ce,
+		k,
 		g,
-		le
+		ue
 	]);
 	return /* @__PURE__ */ F(Vt.Provider, {
-		value: _e,
+		value: ve,
 		children: d
 	});
 }
@@ -1443,7 +1443,7 @@ function Or({ element: e, interactions: t }) {
 	});
 }
 function kr(e) {
-	let t = me(), n = c(void 0), i = s(() => C(ce(e.id, e.behaviors), m.DoubleClick), [e.behaviors, e.id]);
+	let t = he(), n = c(void 0), i = s(() => C(le(e.id, e.behaviors), m.DoubleClick), [e.behaviors, e.id]);
 	a(() => () => clearTimeout(n.current), []);
 	let o = r((e) => {
 		if (clearTimeout(n.current), n.current = void 0, !t) return;
@@ -1470,7 +1470,7 @@ function Mr(e, t) {
 	let n = new Set(t.map((e) => e.name));
 	return e.map((t) => {
 		if (t.screenTemplate !== jr || n.has(jr)) return t;
-		let r = Nr(t), i = e.find((e) => e.name !== t.name)?.name, a = N(`confirm-dialog-${t.name}`, Ar, {
+		let r = Nr(t), i = e.find((e) => e.name !== t.name)?.name, a = P(`confirm-dialog-${t.name}`, Ar, {
 			title: t.name,
 			decisions: r,
 			home: i
@@ -1622,7 +1622,7 @@ function Wr(e, t) {
 	return (n) => n.path === "$guard" ? Pt(n.value, e.item) : n.path === "value" ? e.value : n.path === "previous" ? e.previous : n.path?.startsWith("item.") ? Ft(n.path, e.item) : t(n);
 }
 function Gr(e, t) {
-	let n = me(), i = z(), { element: a, rowsProperty: o, idField: u, valueField: d } = e, f = s(() => C(ce(a.id, a.behaviors), m.Change), [a.behaviors, a.id]), p = c(void 0), h = c(!1), [g, _] = l(0), v = c({
+	let n = he(), i = z(), { element: a, rowsProperty: o, idField: u, valueField: d } = e, f = s(() => C(le(a.id, a.behaviors), m.Change), [a.behaviors, a.id]), p = c(void 0), h = c(!1), [g, _] = l(0), v = c({
 		scope: n,
 		data: i,
 		element: a,
@@ -1689,7 +1689,7 @@ function Kr(e) {
 		bindingOutputs: r.outputs
 	}, r.revision) : /* @__PURE__ */ F(i, { ...e });
 }
-var qr = le(Ee, j.KanbanBoard), Jr = "Stage:commandForm";
+var qr = ue(Ee, j.KanbanBoard), Jr = "Stage:commandForm";
 function Yr(e, t, n = {}) {
 	return {
 		id: e,
@@ -1911,11 +1911,11 @@ function oi({ element: e, label: t }) {
 	});
 }
 function si(e) {
-	let t = e.element ?? Yr("slice-dialog", {}), n = he(), { routes: i, parameters: a } = z(), o = pe(n?.currentDialogParameters), c = Z(t, "command") || o?.command || Z(t, "slice") || "", u = Z(t, "title") || o?.title || c, d = i?.commandSchemas?.[c], f = s(() => G(d ?? ""), [d]), { selectableRows: p, selectedRows: m } = In(), h = r(() => n?.closeDialog(), [n]), [g, _] = l(null), v = (e) => e.identifier && e.required && Qn(e, p) && Zn(e, m) !== void 0;
+	let t = e.element ?? Yr("slice-dialog", {}), n = ge(), { routes: i, parameters: a } = z(), o = me(n?.currentDialogParameters), c = Z(t, "command") || o?.command || Z(t, "slice") || "", u = Z(t, "title") || o?.title || c, d = i?.commandSchemas?.[c], f = s(() => G(d ?? ""), [d]), { selectableRows: p, selectedRows: m } = In(), h = r(() => n?.closeDialog(), [n]), [g, _] = l(null), v = (e) => e.identifier && e.required && Qn(e, p) && Zn(e, m) !== void 0;
 	if (!d || !(f.some((e) => e.options || e.members || e.item) || f.some(v))) return e.element ? /* @__PURE__ */ F(T, {
 		element: e.element,
 		slots: e.slots ?? {}
-	}) : /* @__PURE__ */ F(oe, {});
+	}) : /* @__PURE__ */ F(se, {});
 	let y = f.filter((e) => !Yn(e, a) && !v(e)), b = Yr(`slice-dialog-${c}`, {
 		command: c,
 		label: u,
@@ -2015,7 +2015,7 @@ function ui(e) {
 	});
 }
 var di = {
-	...k,
+	...O,
 	"core:table": $r,
 	"core:action": ni,
 	"core:toolbarItem": ci,
@@ -2170,12 +2170,33 @@ function Si({ element: e }) {
 	let t = s(() => vi(e), [e]), n = s(() => yi(e), [e]);
 	return /* @__PURE__ */ I(Ve, { children: [t.map((e) => /* @__PURE__ */ F(xi, { name: e }, e)), n.map((e) => /* @__PURE__ */ F(bi, { source: e }, e.typeName))] });
 }
-function Ci(e) {
+// src/stageThemeChoice.ts
+var Ci = "cratis.stage.theme";
+function wi() {
+	try {
+		return globalThis.localStorage ?? null;
+	} catch {
+		return null;
+	}
+}
+function Ti() {
+	try {
+		return wi()?.getItem("cratis.stage.theme") || void 0;
+	} catch {
+		return;
+	}
+}
+function Ei(e) {
+	try {
+		wi()?.setItem(Ci, e);
+	} catch {}
+}
+function Di(e) {
 	let t = /* @__PURE__ */ new Set(), n = [];
 	for (let r of e.flatMap((e) => e.contributions ?? [])) {
-		let e = Ti(r);
+		let e = ki(r);
 		if (!e) continue;
-		let i = Ei(e);
+		let i = Ai(e);
 		t.has(i) || (t.add(i), n.push(e));
 	}
 	return n.map((e, t) => ({
@@ -2183,18 +2204,18 @@ function Ci(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 wi(e) {
+function Oi(e) {
 	let t = {
 		label: "",
 		children: []
 	};
 	for (let n of e) {
-		let e = n.hierarchy.reduce((e, t) => Di(e, t, !1), t);
-		(n.group ? Di(e, n.group, !0) : e).children.push(Oi(n));
+		let e = n.hierarchy.reduce((e, t) => ji(e, t, !1), t);
+		(n.group ? ji(e, n.group, !0) : e).children.push(Mi(n));
 	}
 	return t.children;
 }
-function Ti(e) {
+function ki(e) {
 	if (e.contributionPointName !== "Navigation") return;
 	let t = e.content?.properties ?? {}, n = t.label, r = t.targetScreen;
 	if (typeof n != "string" || typeof r != "string") return;
@@ -2204,23 +2225,23 @@ function Ti(e) {
 		targetScreen: r,
 		hierarchy: i,
 		order: a,
-		...Ai({
-			id: ki(t.id),
-			group: ki(t.group),
-			icon: ki(t.icon),
-			presentation: ki(t.presentation),
-			destination: Mi(o) && Ni(o) ? o : void 0
+		...Pi({
+			id: Ni(t.id),
+			group: Ni(t.group),
+			icon: Ni(t.icon),
+			presentation: Ni(t.presentation),
+			destination: Ii(o) && Li(o) ? o : void 0
 		})
 	};
 }
-function Ei(e) {
+function Ai(e) {
 	return e.id === void 0 ? JSON.stringify([
 		e.hierarchy,
 		e.targetScreen,
 		e.label
 	]) : JSON.stringify(["id", e.id]);
 }
-function Di(e, t, n) {
+function ji(e, t, n) {
 	let r = e.children.find((e) => e.screen === void 0 && e.section === !0 === n && e.label === t);
 	if (r) return r;
 	let i = n ? {
@@ -2233,12 +2254,12 @@ function Di(e, t, n) {
 	};
 	return e.children.push(i), i;
 }
-function Oi(e) {
+function Mi(e) {
 	return {
 		label: e.label,
-		...Ai({ id: e.id || void 0 }),
+		...Pi({ id: e.id || void 0 }),
 		screen: e.targetScreen,
-		...Ai({
+		...Pi({
 			icon: e.icon || void 0,
 			presentation: e.presentation || void 0,
 			destination: e.destination
@@ -2246,27 +2267,27 @@ function Oi(e) {
 		children: []
 	};
 }
-function ki(e) {
+function Ni(e) {
 	return typeof e == "string" ? e : void 0;
 }
-function Ai(e) {
+function Pi(e) {
 	return Object.fromEntries(Object.entries(e).filter(([, e]) => e !== void 0));
 }
-function ji(e, t) {
+function Fi(e, t) {
 	for (let n of e) {
 		if (n.screen === t) return [n.label];
-		let e = ji(n.children, t);
+		let e = Fi(n.children, t);
 		if (e.length > 0) return n.section ? e : [n.label, ...e];
 	}
 	return [];
 }
-function Mi(e) {
+function Ii(e) {
 	return typeof e == "object" && !!e && !Array.isArray(e);
 }
-function Ni(e) {
+function Li(e) {
 	return e.outlet !== void 0 || e.dialog !== void 0 || e.kind === "external" || e.kind === "dialog";
 }
-function Pi(e, t, n) {
+function Ri(e, t, n) {
 	return e.filter((e) => !t.has(e.name)).map((e) => ({
 		label: e.name,
 		targetScreen: e.name,
@@ -2274,35 +2295,35 @@ function Pi(e, t, n) {
 	}));
 }
 // src/blueprint.ts
-var Fi = "Stage:locale", Ii = "Stage:themeToggle", Li = "Cratis.Components", Ri = "PrimeReact", zi = /* @__PURE__ */ new Map();
-function Bi(e) {
-	return Ne(e).packages.includes(Ri);
+var zi = "Stage:locale", Bi = "Stage:themeToggle", Vi = "Cratis.Components", Hi = "PrimeReact", Ui = /* @__PURE__ */ new Map();
+function Wi(e) {
+	return Ne(e).packages.includes(Hi);
 }
-function Vi(e, t) {
-	zi.set(e, t);
+function Gi(e, t) {
+	Ui.set(e, t);
 }
-function Hi(e) {
+function Ki(e) {
 	let t = Ne(e);
 	return {
 		...t,
 		name: e?.length ? t.name : "Stage",
 		packages: x(t.packages, {
-			baseline: Li,
+			baseline: Vi,
 			catalog: { [Ee]: g.Blueprint }
 		})
 	};
 }
-var Ui = {
+var qi = {
 	...Ce,
-	[Li]: rt.components
+	[Vi]: rt.components
 };
-function Wi(e) {
-	let t = [...zi.values()].reduce((e, t) => ({
+function Ji(e) {
+	let t = [...Ui.values()].reduce((e, t) => ({
 		...e,
 		...t.components
 	}), {});
 	return {
-		...k,
+		...O,
 		...nt,
 		...t,
 		...Te,
@@ -2310,18 +2331,18 @@ function Wi(e) {
 		...e
 	};
 }
-function Gi(e) {
-	let t = Object.fromEntries([...zi].map(([e, t]) => [e, t.declared]));
+function Yi(e) {
+	let t = Object.fromEntries([...Ui].map(([e, t]) => [e, t.declared]));
 	return {
 		...e,
-		...Ui,
+		...qi,
 		...t
 	};
 }
-var Ki = "Stage:navigationTree";
-function qi(e, t, n) {
+var Xi = "Stage:navigationTree";
+function Zi(e, t, n) {
 	let r = t?.title ?? "Cratis Stage";
-	return N(e, j.Logo, {
+	return P(e, j.Logo, {
 		label: r,
 		initials: r.slice(0, 1).toUpperCase() || "S",
 		targetScreen: n,
@@ -2330,40 +2351,40 @@ function qi(e, t, n) {
 		...t?.showName === void 0 ? {} : { showName: t.showName }
 	});
 }
-function Ji(e, t, n, r, i, a = !1, o = !0) {
-	let s = e[0]?.name ?? "", c = i?.title ?? "Cratis Stage", l = Ci(e), u = Pi(e, new Set(l.map((e) => e.targetScreen)), "Other screens"), d = wi([...l, ...l.length > 0 ? u : []]), f = e.map((e, n) => je({
+function Qi(e, t, n, r, i, a = !1, o = !0) {
+	let s = e[0]?.name ?? "", c = i?.title ?? "Cratis Stage", l = Di(e), u = Ri(e, new Set(l.map((e) => e.targetScreen)), "Other screens"), d = Oi([...l, ...l.length > 0 ? u : []]), f = e.map((e, n) => je({
 		label: e.name,
 		targetScreen: e.name,
 		icon: "pi pi-table",
 		group: "Screens",
 		order: n
-	}, t)), p = ji(wi(l), t), m = e.find((e) => e.name === t)?.path?.length ? ji(d, t) : [], h = p.length > 0 ? p : m, g = l.length > 0 ? N("menu-hierarchy", Ki, {
+	}, t)), p = Fi(Oi(l), t), m = e.find((e) => e.name === t)?.path?.length ? Fi(d, t) : [], h = p.length > 0 ? p : m, g = l.length > 0 ? P("menu-hierarchy", Xi, {
 		nodes: d,
 		activeScreen: t
-	}) : N("menu-screens", j.Menu, {
+	}) : P("menu-screens", j.Menu, {
 		title: "Screens",
 		label: "Screens"
 	}, { items: f }), _ = [];
-	n.length > 1 && _.push(N("topbar-locale", Fi, {
+	n.length > 1 && _.push(P("topbar-locale", zi, {
 		locales: n,
 		locale: r
-	})), _.push(N("topbar-theme", Ii, {}));
+	})), _.push(P("topbar-theme", Bi, {}));
 	let v = { regionNavigation: a };
 	return {
-		[M.Topbar]: [N("topbar", j.Topbar, v, {
-			logo: [qi("topbar-logo", i, s)],
+		[M.Topbar]: [P("topbar", j.Topbar, v, {
+			logo: [Zi("topbar-logo", i, s)],
 			end: _
 		})],
-		[M.Sidebar]: [N("sidebar", j.Sidebar, v, { logo: [qi("sidebar-logo", i, s)] })],
+		[M.Sidebar]: [P("sidebar", j.Sidebar, v, { logo: [Zi("sidebar-logo", i, s)] })],
 		...a ? {} : { [M.Menu]: [g] },
-		[M.Breadcrumb]: [N("breadcrumb", j.Breadcrumb, {
+		[M.Breadcrumb]: [P("breadcrumb", j.Breadcrumb, {
 			homeTargetScreen: s,
 			items: (h.length > 0 ? h : [t]).map((e) => ({ label: e }))
 		})],
-		...o ? { [M.Footer]: [N("footer", j.Footer, { text: `${c} · rendered from your model` })] } : {},
-		[M.ConfigPanel]: [N(j.ConfigPanel, j.ConfigPanel, {
+		...o ? { [M.Footer]: [P("footer", j.Footer, { text: `${c} · rendered from your model` })] } : {},
+		[M.ConfigPanel]: [P(j.ConfigPanel, j.ConfigPanel, {
 			title: "Settings",
-			themes: De.map((e) => ({
+			themes: N.map((e) => ({
 				name: e.name,
 				label: e.name,
 				isDark: e.isDark ?? !1
@@ -2371,11 +2392,11 @@ function Ji(e, t, n, r, i, a = !1, o = !0) {
 		})]
 	};
 }
-function Yi(e) {
+function $i(e) {
 	return `#/${encodeURIComponent(e)}`;
 }
 // src/externalRouteHref.ts
-function Xi(e) {
+function ea(e) {
 	try {
 		let t = new URL(e ?? "");
 		return t.protocol === "http:" || t.protocol === "https:" ? e : void 0;
@@ -2384,21 +2405,21 @@ function Xi(e) {
 	}
 }
 // src/StageChrome.tsx
-var Zi = t({
+var ta = t({
 	locales: [],
 	locale: "",
 	setLocale: () => void 0,
 	activity: ""
 });
-function Qi({ state: e, children: t }) {
-	return /* @__PURE__ */ F(Zi.Provider, {
+function na({ state: e, children: t }) {
+	return /* @__PURE__ */ F(ta.Provider, {
 		value: e,
 		children: t
 	});
 }
-var $i = "Stage:activity";
-function ea() {
-	let { locales: e, locale: t, setLocale: n } = i(Zi);
+var ra = "Stage:activity";
+function ia() {
+	let { locales: e, locale: t, setLocale: n } = i(ta);
 	return e.length < 2 ? null : /* @__PURE__ */ F("select", {
 		className: "stage-locale",
 		"aria-label": "Locale",
@@ -2410,8 +2431,8 @@ function ea() {
 		}, e))
 	});
 }
-function ta({ element: e }) {
-	let { config: t, setThemeName: n, setColorScheme: r } = Pe(), i = De.find((e) => e.name === t.themeName)?.isDark ?? t.colorScheme === be.Dark, a = De.find((e) => (e.isDark ?? !1) !== i);
+function aa({ element: e }) {
+	let { config: t, setThemeName: n, setColorScheme: r } = Pe(), i = N.find((e) => e.name === t.themeName)?.isDark ?? t.colorScheme === A.Dark, a = N.find((e) => (e.isDark ?? !1) !== i);
 	if (!a) return null;
 	let o = i ? "Switch to a light theme" : "Switch to a dark theme";
 	return /* @__PURE__ */ F("div", {
@@ -2423,7 +2444,7 @@ function ta({ element: e }) {
 			"aria-label": o,
 			title: o,
 			onClick: () => {
-				n(a.name), r(a.isDark ? be.Dark : be.Light);
+				Ei(a.name), n(a.name), r(a.isDark ? A.Dark : A.Light);
 			},
 			children: /* @__PURE__ */ F("svg", {
 				width: "18",
@@ -2444,19 +2465,19 @@ function ta({ element: e }) {
 		})
 	});
 }
-function na({ element: e }) {
+function oa({ 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(ra, {
+		children: /* @__PURE__ */ F(sa, {
 			nodes: t.nodes ?? [],
 			activeScreen: t.activeScreen
 		})
 	});
 }
-function ra({ nodes: e, activeScreen: t }) {
+function sa({ nodes: e, activeScreen: t }) {
 	return /* @__PURE__ */ F("ul", {
 		role: "tree",
 		children: e.map((e) => e.screen === void 0 ? /* @__PURE__ */ I("li", {
@@ -2465,13 +2486,13 @@ function ra({ nodes: e, activeScreen: t }) {
 			children: [/* @__PURE__ */ F("span", {
 				className: "stage-navigation-group",
 				children: e.label
-			}), /* @__PURE__ */ F(ra, {
+			}), /* @__PURE__ */ F(sa, {
 				nodes: e.children,
 				activeScreen: t
 			})]
 		}, e.label) : /* @__PURE__ */ F("li", {
 			role: "treeitem",
-			children: /* @__PURE__ */ F(ia, {
+			children: /* @__PURE__ */ F(ca, {
 				node: e,
 				screen: e.screen,
 				activeScreen: t
@@ -2479,10 +2500,10 @@ function ra({ nodes: e, activeScreen: t }) {
 		}, `${e.screen}:${e.label}`))
 	});
 }
-function ia({ node: e, screen: t, activeScreen: n }) {
-	let r = i(O), a = e.presentation === "icon" || e.presentation === "text" ? e.presentation : "both", o = e.destination, s = o?.kind === "external", c = o && r && !s && Ni(o) ? (e) => {
+function ca({ node: e, screen: t, activeScreen: n }) {
+	let r = i(D), a = e.presentation === "icon" || e.presentation === "text" ? e.presentation : "both", o = e.destination, s = o?.kind === "external", c = o && r && !s && Li(o) ? (e) => {
 		e.preventDefault(), r.navigate(o);
-	} : void 0, l = s ? Xi(o.route) : Yi(t), u = s && l === void 0;
+	} : void 0, l = s ? ea(o.route) : $i(t), u = s && l === void 0;
 	return /* @__PURE__ */ I("a", {
 		href: l,
 		rel: s && !u ? "noreferrer" : void 0,
@@ -2499,8 +2520,8 @@ function ia({ node: e, screen: t, activeScreen: n }) {
 		}), a !== "icon" && e.label]
 	});
 }
-function aa({ element: e }) {
-	let t = typeof e.properties.name == "string" ? e.properties.name : "", n = i(O), r = _e(), a = z(), o = n?.outlets[t], s = o && r ? r.screens[o] : void 0, c = e.properties.closable === !0;
+function la({ element: e }) {
+	let t = typeof e.properties.name == "string" ? e.properties.name : "", n = i(D), r = ve(), a = z(), o = n?.outlets[t], s = o && r ? r.screens[o] : void 0, c = e.properties.closable === !0;
 	return /* @__PURE__ */ I("div", {
 		"data-scene-outlet": t,
 		"data-scene-outlet-screen": o,
@@ -2515,7 +2536,7 @@ function aa({ element: e }) {
 			})
 		}), s && r && /* @__PURE__ */ F(Pn, {
 			element: s,
-			children: /* @__PURE__ */ F(D, {
+			children: /* @__PURE__ */ F(ae, {
 				element: s,
 				registry: r.registry,
 				resolveBinding: a.resolveBinding
@@ -2523,16 +2544,16 @@ function aa({ element: e }) {
 		})]
 	});
 }
-function oa() {
-	let { activity: e } = i(Zi);
+function ua() {
+	let { activity: e } = i(ta);
 	return e ? /* @__PURE__ */ F("p", {
 		className: "stage-activity",
 		role: "status",
 		children: e
 	}) : null;
 }
-function sa() {
-	let e = ve(), t = e?.tokens?.["surface.background"], n = e?.tokens?.["text.color"];
+function da() {
+	let e = ye(), t = e?.tokens?.["surface.background"], n = e?.tokens?.["text.color"];
 	return a(() => {
 		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 ?? "";
@@ -2542,24 +2563,24 @@ function sa() {
 		n
 	]), null;
 }
-var ca = {
-	[Fi]: ea,
-	[Ii]: ta,
-	[Ki]: na,
-	[$i]: oa,
-	"core:outlet": aa
-}, la = [
+var fa = {
+	[zi]: ia,
+	[Bi]: aa,
+	[Xi]: oa,
+	[ra]: ua,
+	"core:outlet": la
+}, pa = [
 	"navigationMode",
 	"menuTheme",
 	"showFooter"
-], ua = /^#(?:[0-9a-f]{3}|[0-9a-f]{6})$/i;
-function da(e, t, n = !1) {
+], ma = /^#(?:[0-9a-f]{3}|[0-9a-f]{6})$/i;
+function ha(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 (!la.includes(e)) r.push(`The shell '${t.name}' has no option '${e}'; the options it understands are ${la.join(", ")}.`);
+	for (let [e, n] of Object.entries(i)) if (!pa.includes(e)) r.push(`The shell '${t.name}' has no option '${e}'; the options it understands are ${pa.join(", ")}.`);
 	else if (e === "navigationMode") {
 		let e = ke.find((e) => e === n);
 		e ? a.mode = e : r.push(`Option 'navigationMode' is '${String(n)}'; expected one of ${ke.join(", ")}.`);
@@ -2571,11 +2592,11 @@ function da(e, t, n = !1) {
 	if (o?.colorScheme !== void 0) {
 		a.followsSystem = o.colorScheme === u.System;
 		let e = a.followsSystem ? n : o.colorScheme === u.Dark;
-		a.colorScheme = e ? be.Dark : be.Light, a.themeName = De.find((t) => (t.isDark ?? !1) === e)?.name;
+		a.colorScheme = e ? A.Dark : A.Light, a.themeName = N.find((t) => (t.isDark ?? !1) === e)?.name;
 	}
-	return o?.accent !== void 0 && (ua.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 && (ma.test(o.accent) ? a.accent = o.accent : r.push(`The accent '${o.accent}' is not a colour written as #rgb or #rrggbb.`)), a;
 }
-function fa(e, t) {
+function ga(e, t) {
 	if (e?.root === void 0) return [];
 	let n = /* @__PURE__ */ new Set([
 		v.RootTemplateUnknown,
@@ -2587,7 +2608,7 @@ function fa(e, t) {
 	]), r = t.diagnostics.filter((e) => n.has(e.code)).map((e) => e.message);
 	return r.length === 0 && t.origin !== y.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 pa(e) {
+function _a(e) {
 	let t = e.length === 4 ? [...e.slice(1)].map((e) => e + e).join("") : e.slice(1), [n, r, i] = [
 		0,
 		2,
@@ -2595,7 +2616,7 @@ function pa(e) {
 	].map((e) => parseInt(t.slice(e, e + 2), 16));
 	return (n * 299 + r * 587 + i * 114) / 1e3 >= 150 ? "#111827" : "#ffffff";
 }
-function ma(e, t) {
+function va(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,
@@ -2607,23 +2628,25 @@ function ma(e, t) {
 		tokens: {
 			...e.tokens,
 			"primary.color": t,
-			"primary.contrastColor": pa(t),
+			"primary.contrastColor": _a(t),
 			"focus.ring": `0 0 0 2px rgb(${r} ${i} ${a} / 0.4)`
 		}
 	}));
 }
 // src/StageShellSettings.tsx
-var ha = "(prefers-color-scheme: dark)";
-function ga() {
+var ya = "(prefers-color-scheme: dark)";
+function ba() {
 	return globalThis.matchMedia?.("(prefers-color-scheme: dark)").matches ?? !1;
 }
-function _a({ settings: e, onSystemSchemeChange: t }) {
+function xa({ settings: e, onSystemSchemeChange: t }) {
 	let n = c(Pe());
 	n.current = Pe();
 	let { mode: r, menuTheme: i, colorScheme: o, themeName: s } = e;
 	return a(() => {
 		let { setMode: e, setMenuTheme: t, setColorScheme: a, setThemeName: c } = n.current;
-		r !== void 0 && e(r), i !== void 0 && t(i), o !== void 0 && a(o), s !== void 0 && c(s);
+		r !== void 0 && e(r), i !== void 0 && t(i);
+		let l = N.find((e) => e.name === Ti());
+		l ? (c(l.name), a(l.isDark ? A.Dark : A.Light)) : (o !== void 0 && a(o), s !== void 0 && c(s));
 	}, [
 		r,
 		i,
@@ -2631,15 +2654,15 @@ function _a({ settings: e, onSystemSchemeChange: t }) {
 		s
 	]), a(() => {
 		if (!e.followsSystem || !globalThis.matchMedia || !t) return;
-		let n = globalThis.matchMedia(ha), r = (e) => t(e.matches);
+		let n = globalThis.matchMedia(ya), r = (e) => t(e.matches);
 		return n.addEventListener("change", r), () => n.removeEventListener("change", r);
 	}, [e.followsSystem, t]), null;
 }
 // src/stageNavigationModel.ts
-function va(e) {
+function Sa(e) {
 	return (e?.application.regions.length ?? 0) > 0 || (e?.modules.length ?? 0) > 0;
 }
-function ya(e) {
+function Ca(e) {
 	let t = /* @__PURE__ */ new Map();
 	for (let n of e) {
 		let e = (n.path ?? []).join(".");
@@ -2652,38 +2675,38 @@ function ya(e) {
 		return t.get(r) ?? i ?? (e.some((e) => e.name === r) ? r : void 0);
 	};
 }
-function ba(e) {
+function wa(e) {
 	return (t) => e.find((e) => e.name === t)?.path?.[0];
 }
-function xa(e, t, n) {
+function Ta(e, t, n) {
 	let r = e.navigation ?? {
 		application: { regions: [] },
 		modules: []
 	};
 	return {
 		structure: e.structure ?? { modules: [] },
-		navigation: n ? Sa(r, n) : r,
-		screenFor: ya(e.screens),
-		moduleOf: ba(e.screens),
+		navigation: n ? Ea(r, n) : r,
+		screenFor: Ca(e.screens),
+		moduleOf: wa(e.screens),
 		...t ? { isVisible: t } : {}
 	};
 }
-function Sa(e, t) {
-	return typeof e == "string" ? ee(e, t) : Array.isArray(e) ? e.map((e) => Sa(e, t)) : typeof e == "object" && e ? Object.fromEntries(Object.entries(e).map(([e, n]) => [e, Sa(n, t)])) : e;
+function Ea(e, t) {
+	return typeof e == "string" ? ee(e, t) : Array.isArray(e) ? e.map((e) => Ea(e, t)) : typeof e == "object" && e ? Object.fromEntries(Object.entries(e).map(([e, n]) => [e, Ea(n, t)])) : e;
 }
 // src/stageSlices.ts
-function Ca(e) {
+function Da(e) {
 	return (t) => G(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: wa(e.name),
+		label: Oa(e.name),
 		required: e.required
 	}));
 }
-function wa(e) {
+function Oa(e) {
 	return e.replace(/([a-z0-9])([A-Z])/g, "$1 $2").replace(/^./, (e) => e.toUpperCase());
 }
-function Ta(e, t, n) {
+function ka(e, t, n) {
 	return { invoke: async (r, i, a) => {
 		let o = a ?? r.slice(r.lastIndexOf(".") + 1);
 		if (!U(o)) return {
@@ -2703,7 +2726,7 @@ function Ta(e, t, n) {
 	} };
 }
 // src/withoutSeededSlots.ts
-function Ea(e, t) {
+function Aa(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) => {
@@ -2720,7 +2743,7 @@ function Ea(e, t) {
 	});
 }
 // src/stageIcons.ts
-var Da = /* @__PURE__ */ new Map([
+var ja = /* @__PURE__ */ new Map([
 	["chart", "chart-column"],
 	["add", "plus"],
 	["dollar", "dollar-sign"],
@@ -2728,23 +2751,23 @@ var Da = /* @__PURE__ */ new Map([
 	["refresh", "refresh-cw"],
 	["invoice", "receipt-text"],
 	["batch", "layers"]
-]), Oa = (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(), ka = fe([{
+]), Ma = (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(), Na = pe([{
 	library: _,
 	loadGlyph: async ({ key: e }) => {
-		let t = Oa(e), n = Da.get(t) ?? t;
+		let t = Ma(e), n = ja.get(t) ?? t;
 		if (Object.hasOwn(it, n)) return (await it[n]())?.default;
 	}
 }]);
 // src/App.tsx
-function Aa(e = {}) {
-	return Wi({
+function Pa(e = {}) {
+	return Ji({
 		...e,
 		...di,
-		...ca
+		...fa
 	});
 }
-function ja(e, t) {
-	return N(`form-${e}-${t.name}`, Jr, {
+function Fa(e, t) {
+	return P(`form-${e}-${t.name}`, Jr, {
 		command: t.forCommand,
 		label: t.name,
 		generationMode: t.generationMode,
@@ -2752,36 +2775,36 @@ function ja(e, t) {
 		fields: t.fields
 	});
 }
-function Ma(e, t) {
+function Ia(e, t) {
 	let n = e.screens[0];
-	return Oe(e, n, {
-		profile: Hi(e.uiProfiles),
-		blueprintTemplates: t?.length ? [...P, ...t] : P
+	return De(e, n, {
+		profile: Ki(e.uiProfiles),
+		blueprintTemplates: t?.length ? [...Oe, ...t] : Oe
 	});
 }
-function Na(e, t, n, r, i, a, o = !0) {
-	let s = va(e.navigation), c = Pa(e);
+function La(e, t, n, r, i, a, o = !0) {
+	let s = Sa(e.navigation), c = Ra(e);
 	return {
-		profile: Hi(e.uiProfiles),
-		catalog: Gi(r),
-		blueprintTemplates: a?.length ? [...P, ...a] : P,
+		profile: Ki(e.uiProfiles),
+		catalog: Yi(r),
+		blueprintTemplates: a?.length ? [...Oe, ...a] : Oe,
 		namedTemplateOnly: !0,
-		chrome: (r, i) => i === j.FullPageShell ? { [M.ConfigPanel]: Ji(e.screens, r.name, t, n, c, s, o)[M.ConfigPanel] } : Ji(e.screens, r.name, t, n, c, s, o),
-		form: ja,
-		trailing: [N("activity", $i)],
+		chrome: (r, i) => i === j.FullPageShell ? { [M.ConfigPanel]: Qi(e.screens, r.name, t, n, c, s, o)[M.ConfigPanel] } : Qi(e.screens, r.name, t, n, c, s, o),
+		form: Fa,
+		trailing: [P("activity", ra)],
 		decorate: (e) => {
 			let t = mi(e);
 			return i ? w(t, i) : t;
 		}
 	};
 }
-function Pa(e) {
+function Ra(e) {
 	let t = e.navigation?.application.logo;
 	if (t) return {
 		title: t.title,
 		image: t.image || void 0
 	};
-	let n = Hi(e.uiProfiles).identity;
+	let n = Ki(e.uiProfiles).identity;
 	if (!n?.name) return;
 	let r = n.logo;
 	return {
@@ -2791,22 +2814,22 @@ function Pa(e) {
 		showName: n.showName
 	};
 }
-function Fa(e, t, n, r, i, a) {
-	let [o] = Mr([t], Ia(e));
-	return we(e, o, Na(e, n, r, i, void 0, a)).element;
+function za(e, t, n, r, i, a) {
+	let [o] = Mr([t], Ba(e));
+	return we(e, o, La(e, n, r, i, void 0, a)).element;
 }
-function Ia(e) {
+function Ba(e) {
 	return [...e.screenTemplates ?? [], ...e.dialogTemplates ?? []];
 }
-function La() {
+function Va() {
 	try {
 		return globalThis.localStorage ?? null;
 	} catch {
 		return null;
 	}
 }
-function Ra({ components: e, packageCatalog: t, screenTemplates: n, dialogTemplates: r, isVisible: i, routing: o = "hash" } = {}) {
-	let c = lt(), [u, d] = l(), [f, p] = l(""), m = s(() => Aa(e), [e, u]), h = ut(), g = fi();
+function Ha({ components: e, packageCatalog: t, screenTemplates: n, dialogTemplates: r, isVisible: i, routing: o = "hash" } = {}) {
+	let c = lt(), [u, d] = l(), [f, p] = l(""), m = s(() => Pa(e), [e, u]), h = ut(), g = fi();
 	return a(() => {
 		let e = new AbortController();
 		return c.scene(e.signal).then((e) => d(r?.length ? {
@@ -2818,7 +2841,7 @@ function Ra({ components: e, packageCatalog: t, screenTemplates: n, dialogTempla
 	}, [c, 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(za, {
+	}) : u ? /* @__PURE__ */ F(Ua, {
 		scene: u,
 		registry: m,
 		routing: o,
@@ -2832,20 +2855,20 @@ function Ra({ components: e, packageCatalog: t, screenTemplates: n, dialogTempla
 		children: /* @__PURE__ */ F("h1", { children: "Preparing the Stage" })
 	});
 }
-function za({ scene: e, registry: t, routing: n, routeState: i, strings: a, packageCatalog: o, screenTemplates: c, isVisible: u }) {
+function Ua({ scene: e, registry: t, routing: n, routeState: i, strings: a, packageCatalog: o, screenTemplates: c, isVisible: u }) {
 	let d = s(() => {
-		if (dn(n), n === "hash") return A();
+		if (dn(n), n === "hash") return k();
 		let e = /^#\/(.+)$/.exec(globalThis.location.hash);
-		return e && globalThis.history.replaceState(null, "", `/${e[1]}`), de(window, "/");
-	}, [n]), [f, p] = l(ga), m = e.screens[0]?.name ?? "", h = s(() => Hi(e.uiProfiles), [e]), g = s(() => m ? Ma(e, c) : void 0, [
+		return e && globalThis.history.replaceState(null, "", `/${e[1]}`), fe(window, "/");
+	}, [n]), [f, p] = l(ba), m = e.screens[0]?.name ?? "", h = s(() => Ki(e.uiProfiles), [e]), g = s(() => m ? Ia(e, c) : void 0, [
 		e,
 		c,
 		m
-	]), _ = s(() => g ? fa(h, g) : [], [h, g]), v = s(() => g ? da(h, g, f) : void 0, [
+	]), _ = s(() => g ? ga(h, g) : [], [h, g]), v = s(() => g ? ha(h, g, f) : void 0, [
 		h,
 		g,
 		f
-	]), y = s(() => ma(De, v?.accent), [v?.accent]), b = v?.showFooter ?? !0, x = s(() => Na(e, a.locales, a.locale, o, a.dictionary, c, b), [
+	]), y = s(() => va(N, v?.accent), [v?.accent]), b = v?.showFooter ?? !0, x = s(() => La(e, a.locales, a.locale, o, a.dictionary, c, b), [
 		e,
 		a.locales,
 		a.locale,
@@ -2853,18 +2876,18 @@ function za({ scene: e, registry: t, routing: n, routeState: i, strings: a, pack
 		o,
 		c,
 		b
-	]), S = r((e) => p(e), []), C = s(() => xa(e, u, a.dictionary), [
+	]), S = r((e) => p(e), []), C = s(() => Ta(e, u, a.dictionary), [
 		e,
 		u,
 		a.dictionary
 	]), w = s(() => ({
 		...e,
-		screens: Mr(Ea(e.screens, [
+		screens: Mr(Aa(e.screens, [
 			...e.screenTemplates,
 			...e.dialogTemplates ?? [],
-			...P,
+			...Oe,
 			...c ?? []
-		]), Ia(e))
+		]), Ba(e))
 	}), [e, c]);
 	return m ? _.length > 0 ? /* @__PURE__ */ I("main", {
 		className: "stage-message",
@@ -2875,15 +2898,15 @@ function za({ scene: e, registry: t, routing: n, routeState: i, strings: a, pack
 			/* @__PURE__ */ F("p", { children: "The ui profile's root template cannot be the application's shell." }),
 			/* @__PURE__ */ F("ul", { children: _.map((e) => /* @__PURE__ */ F("li", { children: e }, e)) })
 		]
-	}) : /* @__PURE__ */ F(ye, {
+	}) : /* @__PURE__ */ F(be, {
 		application: w,
 		composition: x,
 		navigationModel: C,
 		registry: t,
 		initialScreen: m,
 		history: d,
-		layoutConfigStorage: La(),
-		scope: (t, n) => /* @__PURE__ */ F(Ba, {
+		layoutConfigStorage: Va(),
+		scope: (t, n) => /* @__PURE__ */ F(Wa, {
 			scene: e,
 			routeState: i,
 			strings: a,
@@ -2893,13 +2916,13 @@ function za({ scene: e, registry: t, routing: n, routeState: i, strings: a, pack
 			onSystemSchemeChange: S,
 			children: n
 		}),
-		renderScreen: (e, n) => /* @__PURE__ */ F(Ha, {
+		renderScreen: (e, n) => /* @__PURE__ */ F(Ka, {
 			element: e,
 			configuration: n,
 			registry: t
 		}),
 		renderDialog: () => /* @__PURE__ */ F(si, {}),
-		renderDialogTemplate: (e, n, r) => /* @__PURE__ */ F(Ua, {
+		renderDialogTemplate: (e, n, r) => /* @__PURE__ */ F(qa, {
 			template: e,
 			content: n,
 			registry: t,
@@ -2911,7 +2934,7 @@ function za({ scene: e, registry: t, routing: n, routeState: i, strings: a, pack
 		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 Ba({ scene: e, routeState: t, strings: n, navigation: r, themes: i, shellSettings: o, onSystemSchemeChange: s, children: c }) {
+function Wa({ scene: e, routeState: t, strings: n, navigation: r, themes: i, shellSettings: o, onSystemSchemeChange: s, children: c }) {
 	let [u, f] = l(""), { navigate: p } = r;
 	return a(() => f(""), [r.currentScreen, r.currentDialog]), a(() => {
 		let e = (e) => {
@@ -2929,15 +2952,15 @@ function Ba({ scene: e, routeState: t, strings: n, navigation: r, themes: i, she
 		};
 		return globalThis.addEventListener("cratis.scene.navigate", t), () => globalThis.removeEventListener("cratis.scene.navigate", t);
 	}, [p, e]), /* @__PURE__ */ F(re, {
-		registry: ka,
+		registry: Na,
 		children: /* @__PURE__ */ I(Se, {
 			themes: i,
 			children: [
-				o && /* @__PURE__ */ F(_a, {
+				o && /* @__PURE__ */ F(xa, {
 					settings: o,
 					onSystemSchemeChange: s
 				}),
-				/* @__PURE__ */ F(sa, {}),
+				/* @__PURE__ */ F(da, {}),
 				/* @__PURE__ */ F(Wt, {
 					routes: t.routes,
 					routesReady: t.ready,
@@ -2945,7 +2968,7 @@ function Ba({ scene: e, routeState: t, strings: n, navigation: r, themes: i, she
 					locale: n.locale,
 					locales: n.locales,
 					screen: r.primaryScreen ?? e.screens[0]?.name ?? "",
-					children: /* @__PURE__ */ F(Va, {
+					children: /* @__PURE__ */ F(Ga, {
 						activity: u,
 						routesReady: t.ready,
 						scene: e,
@@ -2958,12 +2981,12 @@ function Ba({ scene: e, routeState: t, strings: n, navigation: r, themes: i, she
 		})
 	});
 }
-function Va({ activity: e, routesReady: t, scene: n, setActivity: r, strings: i, children: a }) {
-	let o = z(), c = ge(), l = cn(), u = s(() => Ta(l, t, o.refreshAfterCommand), [
+function Ga({ activity: e, routesReady: t, scene: n, setActivity: r, strings: i, children: a }) {
+	let o = z(), c = _e(), l = cn(), u = s(() => ka(l, t, o.refreshAfterCommand), [
 		l,
 		t,
 		o.refreshAfterCommand
-	]), f = s(() => Ca(n.commandSchemas), [n.commandSchemas]), p = ue({
+	]), f = s(() => Da(n.commandSchemas), [n.commandSchemas]), p = de({
 		executeCommand: async (e, n) => {
 			let i = U(e);
 			if (!i && !t) return r(`The modeled command “${e}” is waiting for Stage routes.`), {
@@ -2999,16 +3022,16 @@ function Va({ activity: e, routesReady: t, scene: n, setActivity: r, strings: i,
 		refreshQuery: async (e) => o.refreshQuery(e),
 		raise: async (e) => r(`The modeled trigger “${e}” is not available in this Stage runtime.`)
 	});
-	return /* @__PURE__ */ F(Qi, {
+	return /* @__PURE__ */ F(na, {
 		state: {
 			locales: i.locales,
 			locale: i.locale,
 			setLocale: i.setLocale,
 			activity: e
 		},
-		children: /* @__PURE__ */ F(se, {
+		children: /* @__PURE__ */ F(ce, {
 			invoker: u,
-			children: /* @__PURE__ */ F(ae, {
+			children: /* @__PURE__ */ F(oe, {
 				fieldsFor: f,
 				children: /* @__PURE__ */ F(ie, {
 					dispatcher: p,
@@ -3024,11 +3047,11 @@ function Va({ activity: e, routesReady: t, scene: n, setActivity: r, strings: i,
 		})
 	});
 }
-function Ha({ element: e, configuration: t, registry: n }) {
+function Ka({ element: e, configuration: t, registry: n }) {
 	let r = z(), i = nn();
 	return /* @__PURE__ */ I(Pn, {
 		element: e,
-		children: [/* @__PURE__ */ F(Si, { element: e }), /* @__PURE__ */ F(D, {
+		children: [/* @__PURE__ */ F(Si, { element: e }), /* @__PURE__ */ F(ae, {
 			element: e,
 			registry: n,
 			resolveBinding: r.resolveBinding,
@@ -3038,7 +3061,7 @@ function Ha({ element: e, configuration: t, registry: n }) {
 		})]
 	});
 }
-function Ua({ template: e, content: t, registry: n, strings: r, close: i }) {
+function qa({ template: e, content: t, registry: n, strings: r, close: i }) {
 	let o = z(), s = nn(), c = w(t, r.dictionary);
 	return a(() => {
 		let e = (e) => {
@@ -3058,7 +3081,7 @@ function Ua({ template: e, content: t, registry: n, strings: r, close: i }) {
 				children: "Close"
 			}), /* @__PURE__ */ F(Pn, {
 				element: c,
-				children: /* @__PURE__ */ F(D, {
+				children: /* @__PURE__ */ F(ae, {
 					element: c,
 					registry: n,
 					resolveBinding: o.resolveBinding,
@@ -3069,4 +3092,4 @@ function Ua({ template: e, content: t, registry: n, strings: r, close: i }) {
 		})
 	});
 }
-export { Ra as App, Ra as StageApplication, zn as StageCommandForm, Wt as StageDataProvider, Or as StageGuardedAction, ct as StageSourceProvider, Fa as composeStageScreen, Ta as createStageSliceInvoker, Gt as dataChanged, on as executeRegisteredCommand, ht as hostedBasePath, Bi as listsPrimeReact, St as performQuery, vt as registerQueryRouteResolver, Vi as registerStageLibrary, U as registeredCommand, yt as registeredQuery, Ca as sliceFieldsFrom, Aa as stageApplicationRegistry, Na as stageComposition, e as stageDarkSelector, ot as stageEndpoints, Ma as stageShellOf, at as staticStageSource, Ct as subscribeQuery, cn as useStageCommandExecutor, z as useStageData, B as useStageQuery, lt as useStageSource };
+export { Ha as App, Ha as StageApplication, zn as StageCommandForm, Wt as StageDataProvider, Or as StageGuardedAction, ct as StageSourceProvider, za as composeStageScreen, ka as createStageSliceInvoker, Gt as dataChanged, on as executeRegisteredCommand, ht as hostedBasePath, Wi as listsPrimeReact, St as performQuery, vt as registerQueryRouteResolver, Gi as registerStageLibrary, U as registeredCommand, yt as registeredQuery, Da as sliceFieldsFrom, Pa as stageApplicationRegistry, La as stageComposition, e as stageDarkSelector, ot as stageEndpoints, Ia as stageShellOf, at as staticStageSource, Ct as subscribeQuery, cn as useStageCommandExecutor, z as useStageData, B as useStageQuery, lt as useStageSource };

package/dist/src/stageThemeChoice.d.ts

@@ -0,0 +1,6 @@
+/** The browser storage key the user's theme choice lives under, so it survives a refresh. */
+export declare const stageThemeChoiceKey = "cratis.stage.theme";
+/** The theme the user chose with the toggle, or undefined when they never did or the browser refuses storage. */
+export declare function readThemeChoice(): string | undefined;
+/** Remembers the user's theme choice in the browser. */
+export declare function writeThemeChoice(themeName: string): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cratis/stage.runtime",
-  "version": "4.205.0",
+  "version": "4.206.0",
   "description": "The Cratis Stage application runtime for Arc and Scene",
   "author": "Cratis",
   "type": "module",