@cratis/stage.runtime 4.205.0 → 4.207.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 = ji(e);
 		t.has(i) || (t.add(i), n.push(e));
 	}
 	return n.map((e, t) => ({
@@ -2183,44 +2204,47 @@ 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) => Mi(e, t, !1), t);
+		(n.group ? Mi(e, n.group, !0) : e).children.push(Ni(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;
-	let i = Array.isArray(t.hierarchy) ? t.hierarchy.filter((e) => typeof e == "string") : [], a = e.order ?? (typeof t.order == "number" ? t.order : void 0), o = t.destination;
+	let i = Ai(t), a = e.order ?? (typeof t.order == "number" ? t.order : void 0), o = t.destination;
 	return {
 		label: n,
 		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
+		...Fi({
+			id: Pi(t.id),
+			group: Pi(t.group),
+			icon: Pi(t.icon),
+			presentation: Pi(t.presentation),
+			destination: Li(o) && Ri(o) ? o : void 0
 		})
 	};
 }
-function Ei(e) {
+function Ai(e) {
+	return Array.isArray(e.hierarchy) ? e.hierarchy.filter((e) => typeof e == "string") : [];
+}
+function ji(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 Mi(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 +2257,12 @@ function Di(e, t, n) {
 	};
 	return e.children.push(i), i;
 }
-function Oi(e) {
+function Ni(e) {
 	return {
 		label: e.label,
-		...Ai({ id: e.id || void 0 }),
+		...Fi({ id: e.id || void 0 }),
 		screen: e.targetScreen,
-		...Ai({
+		...Fi({
 			icon: e.icon || void 0,
 			presentation: e.presentation || void 0,
 			destination: e.destination
@@ -2246,27 +2270,27 @@ function Oi(e) {
 		children: []
 	};
 }
-function ki(e) {
+function Pi(e) {
 	return typeof e == "string" ? e : void 0;
 }
-function Ai(e) {
+function Fi(e) {
 	return Object.fromEntries(Object.entries(e).filter(([, e]) => e !== void 0));
 }
-function ji(e, t) {
+function Ii(e, t) {
 	for (let n of e) {
 		if (n.screen === t) return [n.label];
-		let e = ji(n.children, t);
+		let e = Ii(n.children, t);
 		if (e.length > 0) return n.section ? e : [n.label, ...e];
 	}
 	return [];
 }
-function Mi(e) {
+function Li(e) {
 	return typeof e == "object" && !!e && !Array.isArray(e);
 }
-function Ni(e) {
+function Ri(e) {
 	return e.outlet !== void 0 || e.dialog !== void 0 || e.kind === "external" || e.kind === "dialog";
 }
-function Pi(e, t, n) {
+function zi(e, t, n) {
 	return e.filter((e) => !t.has(e.name)).map((e) => ({
 		label: e.name,
 		targetScreen: e.name,
@@ -2274,35 +2298,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 Bi = "Stage:locale", Vi = "Stage:themeToggle", Hi = "Cratis.Components", Ui = "PrimeReact", Wi = /* @__PURE__ */ new Map();
+function Gi(e) {
+	return Ne(e).packages.includes(Ui);
 }
-function Vi(e, t) {
-	zi.set(e, t);
+function Ki(e, t) {
+	Wi.set(e, t);
 }
-function Hi(e) {
+function qi(e) {
 	let t = Ne(e);
 	return {
 		...t,
 		name: e?.length ? t.name : "Stage",
 		packages: x(t.packages, {
-			baseline: Li,
+			baseline: Hi,
 			catalog: { [Ee]: g.Blueprint }
 		})
 	};
 }
-var Ui = {
+var Ji = {
 	...Ce,
-	[Li]: rt.components
+	[Hi]: rt.components
 };
-function Wi(e) {
-	let t = [...zi.values()].reduce((e, t) => ({
+function Yi(e) {
+	let t = [...Wi.values()].reduce((e, t) => ({
 		...e,
 		...t.components
 	}), {});
 	return {
-		...k,
+		...O,
 		...nt,
 		...t,
 		...Te,
@@ -2310,18 +2334,18 @@ function Wi(e) {
 		...e
 	};
 }
-function Gi(e) {
-	let t = Object.fromEntries([...zi].map(([e, t]) => [e, t.declared]));
+function Xi(e) {
+	let t = Object.fromEntries([...Wi].map(([e, t]) => [e, t.declared]));
 	return {
 		...e,
-		...Ui,
+		...Ji,
 		...t
 	};
 }
-var Ki = "Stage:navigationTree";
-function qi(e, t, n) {
+var Zi = "Stage:navigationTree";
+function Qi(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 +2354,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 $i(e, t, n, r, i, a = !1, o = !0) {
+	let s = e[0]?.name ?? "", c = i?.title ?? "Cratis Stage", l = Di(e), u = zi(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 = Ii(Oi(l), t), m = e.find((e) => e.name === t)?.path?.length ? Ii(d, t) : [], h = p.length > 0 ? p : m, g = l.length > 0 ? P("menu-hierarchy", Zi, {
 		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", Bi, {
 		locales: n,
 		locale: r
-	})), _.push(N("topbar-theme", Ii, {}));
+	})), _.push(P("topbar-theme", Vi, {}));
 	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: [Qi("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: [Qi("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 +2395,11 @@ function Ji(e, t, n, r, i, a = !1, o = !0) {
 		})]
 	};
 }
-function Yi(e) {
+function ea(e) {
 	return `#/${encodeURIComponent(e)}`;
 }
 // src/externalRouteHref.ts
-function Xi(e) {
+function ta(e) {
 	try {
 		let t = new URL(e ?? "");
 		return t.protocol === "http:" || t.protocol === "https:" ? e : void 0;
@@ -2384,21 +2408,21 @@ function Xi(e) {
 	}
 }
 // src/StageChrome.tsx
-var Zi = t({
+var na = t({
 	locales: [],
 	locale: "",
 	setLocale: () => void 0,
 	activity: ""
 });
-function Qi({ state: e, children: t }) {
-	return /* @__PURE__ */ F(Zi.Provider, {
+function ra({ state: e, children: t }) {
+	return /* @__PURE__ */ F(na.Provider, {
 		value: e,
 		children: t
 	});
 }
-var $i = "Stage:activity";
-function ea() {
-	let { locales: e, locale: t, setLocale: n } = i(Zi);
+var ia = "Stage:activity";
+function aa() {
+	let { locales: e, locale: t, setLocale: n } = i(na);
 	return e.length < 2 ? null : /* @__PURE__ */ F("select", {
 		className: "stage-locale",
 		"aria-label": "Locale",
@@ -2410,8 +2434,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 oa({ 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 +2447,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 +2468,19 @@ function ta({ element: e }) {
 		})
 	});
 }
-function na({ element: e }) {
+function sa({ 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(ca, {
 			nodes: t.nodes ?? [],
 			activeScreen: t.activeScreen
 		})
 	});
 }
-function ra({ nodes: e, activeScreen: t }) {
+function ca({ nodes: e, activeScreen: t }) {
 	return /* @__PURE__ */ F("ul", {
 		role: "tree",
 		children: e.map((e) => e.screen === void 0 ? /* @__PURE__ */ I("li", {
@@ -2465,13 +2489,13 @@ function ra({ nodes: e, activeScreen: t }) {
 			children: [/* @__PURE__ */ F("span", {
 				className: "stage-navigation-group",
 				children: e.label
-			}), /* @__PURE__ */ F(ra, {
+			}), /* @__PURE__ */ F(ca, {
 				nodes: e.children,
 				activeScreen: t
 			})]
 		}, e.label) : /* @__PURE__ */ F("li", {
 			role: "treeitem",
-			children: /* @__PURE__ */ F(ia, {
+			children: /* @__PURE__ */ F(la, {
 				node: e,
 				screen: e.screen,
 				activeScreen: t
@@ -2479,10 +2503,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 la({ 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 && Ri(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 ? ta(o.route) : ea(t), u = s && l === void 0;
 	return /* @__PURE__ */ I("a", {
 		href: l,
 		rel: s && !u ? "noreferrer" : void 0,
@@ -2499,8 +2523,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 ua({ 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 +2539,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 +2547,16 @@ function aa({ element: e }) {
 		})]
 	});
 }
-function oa() {
-	let { activity: e } = i(Zi);
+function da() {
+	let { activity: e } = i(na);
 	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 fa() {
+	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 +2566,24 @@ function sa() {
 		n
 	]), null;
 }
-var ca = {
-	[Fi]: ea,
-	[Ii]: ta,
-	[Ki]: na,
-	[$i]: oa,
-	"core:outlet": aa
-}, la = [
+var pa = {
+	[Bi]: aa,
+	[Vi]: oa,
+	[Zi]: sa,
+	[ia]: da,
+	"core:outlet": ua
+}, ma = [
 	"navigationMode",
 	"menuTheme",
 	"showFooter"
-], ua = /^#(?:[0-9a-f]{3}|[0-9a-f]{6})$/i;
-function da(e, t, n = !1) {
+], ha = /^#(?:[0-9a-f]{3}|[0-9a-f]{6})$/i;
+function ga(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 (!ma.includes(e)) r.push(`The shell '${t.name}' has no option '${e}'; the options it understands are ${ma.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 +2595,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 && (ha.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 _a(e, t) {
 	if (e?.root === void 0) return [];
 	let n = /* @__PURE__ */ new Set([
 		v.RootTemplateUnknown,
@@ -2587,7 +2611,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 va(e) {
 	let t = e.length === 4 ? [...e.slice(1)].map((e) => e + e).join("") : e.slice(1), [n, r, i] = [
 		0,
 		2,
@@ -2595,7 +2619,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 ya(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 +2631,25 @@ function ma(e, t) {
 		tokens: {
 			...e.tokens,
 			"primary.color": t,
-			"primary.contrastColor": pa(t),
+			"primary.contrastColor": va(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 ba = "(prefers-color-scheme: dark)";
+function xa() {
 	return globalThis.matchMedia?.("(prefers-color-scheme: dark)").matches ?? !1;
 }
-function _a({ settings: e, onSystemSchemeChange: t }) {
+function Sa({ 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 +2657,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(ba), 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 Ca(e) {
 	return (e?.application.regions.length ?? 0) > 0 || (e?.modules.length ?? 0) > 0;
 }
-function ya(e) {
+function wa(e) {
 	let t = /* @__PURE__ */ new Map();
 	for (let n of e) {
 		let e = (n.path ?? []).join(".");
@@ -2652,38 +2678,38 @@ function ya(e) {
 		return t.get(r) ?? i ?? (e.some((e) => e.name === r) ? r : void 0);
 	};
 }
-function ba(e) {
+function Ta(e) {
 	return (t) => e.find((e) => e.name === t)?.path?.[0];
 }
-function xa(e, t, n) {
+function Ea(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 ? Da(r, n) : r,
+		screenFor: wa(e.screens),
+		moduleOf: Ta(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 Da(e, t) {
+	return typeof e == "string" ? ee(e, t) : Array.isArray(e) ? e.map((e) => Da(e, t)) : typeof e == "object" && e ? Object.fromEntries(Object.entries(e).map(([e, n]) => [e, Da(n, t)])) : e;
 }
 // src/stageSlices.ts
-function Ca(e) {
+function Oa(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: ka(e.name),
 		required: e.required
 	}));
 }
-function wa(e) {
+function ka(e) {
 	return e.replace(/([a-z0-9])([A-Z])/g, "$1 $2").replace(/^./, (e) => e.toUpperCase());
 }
-function Ta(e, t, n) {
+function Aa(e, t, n) {
 	return { invoke: async (r, i, a) => {
 		let o = a ?? r.slice(r.lastIndexOf(".") + 1);
 		if (!U(o)) return {
@@ -2703,7 +2729,7 @@ function Ta(e, t, n) {
 	} };
 }
 // src/withoutSeededSlots.ts
-function Ea(e, t) {
+function ja(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 +2746,7 @@ function Ea(e, t) {
 	});
 }
 // src/stageIcons.ts
-var Da = /* @__PURE__ */ new Map([
+var Ma = /* @__PURE__ */ new Map([
 	["chart", "chart-column"],
 	["add", "plus"],
 	["dollar", "dollar-sign"],
@@ -2728,23 +2754,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([{
+]), Na = (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(), Pa = pe([{
 	library: _,
 	loadGlyph: async ({ key: e }) => {
-		let t = Oa(e), n = Da.get(t) ?? t;
+		let t = Na(e), n = Ma.get(t) ?? t;
 		if (Object.hasOwn(it, n)) return (await it[n]())?.default;
 	}
 }]);
 // src/App.tsx
-function Aa(e = {}) {
-	return Wi({
+function Fa(e = {}) {
+	return Yi({
 		...e,
 		...di,
-		...ca
+		...pa
 	});
 }
-function ja(e, t) {
-	return N(`form-${e}-${t.name}`, Jr, {
+function Ia(e, t) {
+	return P(`form-${e}-${t.name}`, Jr, {
 		command: t.forCommand,
 		label: t.name,
 		generationMode: t.generationMode,
@@ -2752,36 +2778,36 @@ function ja(e, t) {
 		fields: t.fields
 	});
 }
-function Ma(e, t) {
+function La(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: qi(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 Ra(e, t, n, r, i, a, o = !0) {
+	let s = Ca(e.navigation), c = za(e);
 	return {
-		profile: Hi(e.uiProfiles),
-		catalog: Gi(r),
-		blueprintTemplates: a?.length ? [...P, ...a] : P,
+		profile: qi(e.uiProfiles),
+		catalog: Xi(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]: $i(e.screens, r.name, t, n, c, s, o)[M.ConfigPanel] } : $i(e.screens, r.name, t, n, c, s, o),
+		form: Ia,
+		trailing: [P("activity", ia)],
 		decorate: (e) => {
 			let t = mi(e);
 			return i ? w(t, i) : t;
 		}
 	};
 }
-function Pa(e) {
+function za(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 = qi(e.uiProfiles).identity;
 	if (!n?.name) return;
 	let r = n.logo;
 	return {
@@ -2791,22 +2817,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 Ba(e, t, n, r, i, a) {
+	let [o] = Mr([t], Va(e));
+	return we(e, o, Ra(e, n, r, i, void 0, a)).element;
 }
-function Ia(e) {
+function Va(e) {
 	return [...e.screenTemplates ?? [], ...e.dialogTemplates ?? []];
 }
-function La() {
+function Ha() {
 	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 Ua({ components: e, packageCatalog: t, screenTemplates: n, dialogTemplates: r, isVisible: i, routing: o = "hash" } = {}) {
+	let c = lt(), [u, d] = l(), [f, p] = l(""), m = s(() => Fa(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 +2844,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(Wa, {
 		scene: u,
 		registry: m,
 		routing: o,
@@ -2832,20 +2858,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 Wa({ 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(xa), m = e.screens[0]?.name ?? "", h = s(() => qi(e.uiProfiles), [e]), g = s(() => m ? La(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 ? _a(h, g) : [], [h, g]), v = s(() => g ? ga(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(() => ya(N, v?.accent), [v?.accent]), b = v?.showFooter ?? !0, x = s(() => Ra(e, a.locales, a.locale, o, a.dictionary, c, b), [
 		e,
 		a.locales,
 		a.locale,
@@ -2853,18 +2879,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(() => Ea(e, u, a.dictionary), [
 		e,
 		u,
 		a.dictionary
 	]), w = s(() => ({
 		...e,
-		screens: Mr(Ea(e.screens, [
+		screens: Mr(ja(e.screens, [
 			...e.screenTemplates,
 			...e.dialogTemplates ?? [],
-			...P,
+			...Oe,
 			...c ?? []
-		]), Ia(e))
+		]), Va(e))
 	}), [e, c]);
 	return m ? _.length > 0 ? /* @__PURE__ */ I("main", {
 		className: "stage-message",
@@ -2875,15 +2901,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: Ha(),
+		scope: (t, n) => /* @__PURE__ */ F(Ga, {
 			scene: e,
 			routeState: i,
 			strings: a,
@@ -2893,13 +2919,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(qa, {
 			element: e,
 			configuration: n,
 			registry: t
 		}),
 		renderDialog: () => /* @__PURE__ */ F(si, {}),
-		renderDialogTemplate: (e, n, r) => /* @__PURE__ */ F(Ua, {
+		renderDialogTemplate: (e, n, r) => /* @__PURE__ */ F(Ja, {
 			template: e,
 			content: n,
 			registry: t,
@@ -2911,7 +2937,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 Ga({ 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 +2955,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: Pa,
 		children: /* @__PURE__ */ I(Se, {
 			themes: i,
 			children: [
-				o && /* @__PURE__ */ F(_a, {
+				o && /* @__PURE__ */ F(Sa, {
 					settings: o,
 					onSystemSchemeChange: s
 				}),
-				/* @__PURE__ */ F(sa, {}),
+				/* @__PURE__ */ F(fa, {}),
 				/* @__PURE__ */ F(Wt, {
 					routes: t.routes,
 					routesReady: t.ready,
@@ -2945,7 +2971,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(Ka, {
 						activity: u,
 						routesReady: t.ready,
 						scene: e,
@@ -2958,12 +2984,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 Ka({ activity: e, routesReady: t, scene: n, setActivity: r, strings: i, children: a }) {
+	let o = z(), c = _e(), l = cn(), u = s(() => Aa(l, t, o.refreshAfterCommand), [
 		l,
 		t,
 		o.refreshAfterCommand
-	]), f = s(() => Ca(n.commandSchemas), [n.commandSchemas]), p = ue({
+	]), f = s(() => Oa(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 +3025,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(ra, {
 		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 +3050,11 @@ function Va({ activity: e, routesReady: t, scene: n, setActivity: r, strings: i,
 		})
 	});
 }
-function Ha({ element: e, configuration: t, registry: n }) {
+function qa({ 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 +3064,7 @@ function Ha({ element: e, configuration: t, registry: n }) {
 		})]
 	});
 }
-function Ua({ template: e, content: t, registry: n, strings: r, close: i }) {
+function Ja({ 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 +3084,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 +3095,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 { Ua as App, Ua as StageApplication, zn as StageCommandForm, Wt as StageDataProvider, Or as StageGuardedAction, ct as StageSourceProvider, Ba as composeStageScreen, Aa as createStageSliceInvoker, Gt as dataChanged, on as executeRegisteredCommand, ht as hostedBasePath, Gi as listsPrimeReact, St as performQuery, vt as registerQueryRouteResolver, Ki as registerStageLibrary, U as registeredCommand, yt as registeredQuery, Oa as sliceFieldsFrom, Fa as stageApplicationRegistry, Ra as stageComposition, e as stageDarkSelector, ot as stageEndpoints, La 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.207.0",
   "description": "The Cratis Stage application runtime for Arc and Scene",
   "author": "Cratis",
   "type": "module",