@virtualdisplay.io/client 4.0.0-alpha.34 → 4.0.0-alpha.36

package/dist/virtualdisplay.client.es.js

@@ -18,7 +18,11 @@ var t = {
 	QR_SHOWN: "qr_shown",
 	SYNC: "sync",
 	SELECTABLE: "selectable",
-	APP_RESOLVED: "app_resolved"
+	APP_RESOLVED: "app_resolved",
+	PERSONALISE: "personalise",
+	PERSONALISED: "personalised",
+	ZONES: "zones",
+	PLACE: "place"
 }, n = "main", r = {
 	FOCUS: "focus",
 	UNFOCUS: "unfocus"
@@ -55,46 +59,61 @@ function ee(e) {
 }
 function d(e) {
 	let n = o(e);
-	return n !== null && n.type === t.MUTATION && typeof n.instance == "string" && n.instance !== "" && Array.isArray(n.results);
+	return n !== null && n.type === t.PERSONALISED && typeof n.id == "string" && n.id !== "" && typeof n.instance == "string" && n.instance !== "" && typeof n.zone == "string" && typeof n.ok == "boolean" && (n.error === void 0 || typeof n.error == "string");
 }
 function f(e) {
+	return typeof e == "number" && Number.isFinite(e);
+}
+function p(e) {
+	let t = o(e);
+	return t !== null && typeof t.name == "string" && t.name !== "" && f(t.aspect) && f(t.widthMm) && f(t.heightMm);
+}
+function te(e) {
+	let n = o(e);
+	return n !== null && n.type === t.ZONES && typeof n.instance == "string" && n.instance !== "" && Array.isArray(n.zones) && n.zones.every(p);
+}
+function ne(e) {
+	let n = o(e);
+	return n !== null && n.type === t.MUTATION && typeof n.instance == "string" && n.instance !== "" && Array.isArray(n.results);
+}
+function m(e) {
 	let n = o(e);
 	return n !== null && n.type === t.SNAPSHOT && ("data" in n || "error" in n);
 }
-function p(e) {
+function re(e) {
 	let n = o(e);
 	return n !== null && n.type === t.CAMERA && Array.isArray(n.transforms);
 }
-function te(e) {
+function ie(e) {
 	let n = o(e);
 	return n !== null && n.type === t.MAPPING && typeof n.instance == "string" && n.instance !== "" && Array.isArray(n.attributes);
 }
-function ne(e) {
+function ae(e) {
 	let n = o(e);
 	return n !== null && n.type === t.LOADING_INDICATOR && typeof n.progress == "number";
 }
-function m(e) {
+function oe(e) {
 	let n = o(e);
 	return n !== null && n.type === t.SYNC && typeof n.connected == "boolean";
 }
-function re(e) {
+function se(e) {
 	let n = o(e);
 	return n !== null && n.type === t.SELECTABLE && typeof n.instance == "string" && n.instance !== "" && Array.isArray(n.attributes);
 }
-function ie(e) {
+function ce(e) {
 	let n = o(e);
 	return n !== null && n.type === t.CONFIG && typeof n.viewerSettings == "object";
 }
-function ae(e) {
+function le(e) {
 	let n = o(e);
 	return n !== null && n.type === t.FOCUS && typeof n.instance == "string" && n.instance !== "" && typeof n.state == "string";
 }
-function oe(e) {
+function ue(e) {
 	let n = o(e);
 	return n !== null && n.type === t.PRICING && typeof n.instance == "string" && n.instance !== "" && typeof n.pricing == "object" && n.pricing !== null;
 }
 // ../messaging/src/queue.ts
-var se = class {
+var de = class {
 	processor;
 	pending = [];
 	isReady = !1;
@@ -116,7 +135,7 @@ var se = class {
 	clear() {
 		this.pending.length = 0;
 	}
-}, ce = class {
+}, fe = class {
 	getTarget;
 	handlers = /* @__PURE__ */ new Map();
 	publisher;
@@ -127,7 +146,7 @@ var se = class {
 	isValid;
 	onHandlerError;
 	constructor(e, t) {
-		this.getTarget = e, this.sourceId = `vd-${Math.random().toString(36).slice(2, 8)}`, this.targetOrigin = "*", this.isValid = t?.isValid ?? c, this.onHandlerError = t?.onHandlerError ?? le, this.publisher = new se((e) => this.post(e)), this.consumer = new se((e) => this.routeToHandler(e)), t?.bufferIncoming !== !0 && this.consumer.markReady();
+		this.getTarget = e, this.sourceId = `vd-${Math.random().toString(36).slice(2, 8)}`, this.targetOrigin = "*", this.isValid = t?.isValid ?? c, this.onHandlerError = t?.onHandlerError ?? pe, this.publisher = new de((e) => this.post(e)), this.consumer = new de((e) => this.routeToHandler(e)), t?.bufferIncoming !== !0 && this.consumer.markReady();
 	}
 	on(e, t) {
 		this.handlers.set(e, t);
@@ -185,13 +204,13 @@ var se = class {
 		});
 	}
 };
-function le(e, t) {
+function pe(e, t) {
 	let n = t instanceof Error ? t.message : String(t);
 	console.error(`Virtualdisplay: error handling ${e.type}: ${n}`);
 }
 t.CAMERA, t.LOADING_INDICATOR;
 // ../client-core/src/annotations/annotations.ts
-var ue = class {
+var me = class {
 	send;
 	instance;
 	constructor(e, t) {
@@ -204,7 +223,7 @@ var ue = class {
 			enabled: e
 		});
 	}
-}, de = class {
+}, he = class {
 	value;
 	attribute;
 	label;
@@ -218,52 +237,50 @@ var ue = class {
 	setSelected(e) {
 		this.isSelectedValue = e;
 	}
-}, fe = {}, pe = [
+}, ge = {}, _e = [
 	"en",
 	"nl",
 	"de"
-], me = "PARAGLIDE_LOCALE", h = ["globalVariable", "baseLocale"], he = [], g = typeof window > "u";
-globalThis.__paraglide = globalThis.__paraglide ?? {}, globalThis.__paraglide.ssr = globalThis.__paraglide.ssr ?? {};
-var _, ge = !1, v = () => {
-	let e = h;
-	!g && typeof window < "u" && window.location?.href && (e = Ne(window.location.href));
-	let t = _e(e, typeof window < "u" ? window.location?.href : void 0);
-	if (t) return ge || (_ = t, ge = !0, ye(t, { reload: !1 })), t;
+], h = ["globalVariable", "baseLocale"], g = [], _ = typeof window > "u";
+globalThis.__paraglide = globalThis.__paraglide ?? {};
+var v, ve = !1, y = () => {
+	let e = !_ && g.length > 0 && typeof window < "u" ? window.location?.href : void 0, t = ye(e ? Ie(e) : h, e);
+	if (t) return ve || (v = t, ve = !0, xe(t, { reload: !1 })), t;
 	throw Error("No locale found. Read the docs https://paraglidejs.com/errors#no-locale-found");
 };
-function _e(e, t) {
+function ye(e, t) {
 	let n;
 	for (let t of e) {
 		if (t === "baseLocale") n = "en";
-		else if (t === "globalVariable" && _ !== void 0) n = _;
-		else if (Pe(t) && x.has(t)) {
-			let e = x.get(t);
+		else if (t === "globalVariable" && v !== void 0) n = v;
+		else if (Le(t) && S.has(t)) {
+			let e = S.get(t);
 			if (e) {
 				let t = e.getLocale();
 				if (t instanceof Promise) continue;
-				if (t !== void 0) return xe(t);
+				if (t !== void 0) return Te(t);
 			}
 		}
-		let e = y(n);
+		let e = b(n);
 		if (e) return e;
 	}
 }
-var ve = (e) => {
+var be = (e) => {
 	e ? window.location.href = e : window.location.reload();
-}, ye = (e, t) => {
+}, xe = (e, t) => {
 	let n = {
 		reload: !0,
 		...t
 	}, r;
 	try {
-		r = v();
+		r = y();
 	} catch {}
 	let i = [], a = h;
-	!g && typeof window < "u" && window.location?.href && (a = Ne(window.location.href));
-	for (let t of a) if (t === "globalVariable") _ = e;
+	!_ && typeof window < "u" && window.location?.href && (a = Ie(window.location.href));
+	for (let t of a) if (t === "globalVariable") v = e;
 	else if (t === "baseLocale") continue;
-	else if (Pe(t) && x.has(t)) {
-		let n = x.get(t);
+	else if (Le(t) && S.has(t)) {
+		let n = S.get(t);
 		if (n) {
 			let r = n.setLocale(e);
 			r instanceof Promise && (r = r.catch((e) => {
@@ -272,111 +289,116 @@ var ve = (e) => {
 		}
 	}
 	let o = () => {
-		!g && n.reload && window.location && e !== r && ve(void 0);
+		!_ && n.reload && window.location && e !== r && be(void 0);
 	};
 	if (i.length) return Promise.all(i).then(() => {
 		o();
 	});
 	o();
-}, be = () => typeof window < "u" ? window.location.origin : "http://fallback.com";
-function y(e) {
-	if (typeof e != "string") return;
-	let t = e.toLowerCase();
-	for (let e of pe) if (e.toLowerCase() === t) return e;
-}
-function xe(e) {
-	let t = y(e);
+}, Se = () => typeof window < "u" ? window.location.origin : "http://fallback.com", Ce;
+function b(e) {
+	if (typeof e == "string") return Ce ??= we(), Ce.get(e.toLowerCase());
+}
+function we() {
+	let e = /* @__PURE__ */ new Map();
+	for (let t of _e) {
+		let n = t.toLowerCase();
+		e.has(n) || e.set(n, t);
+	}
+	return e;
+}
+function Te(e) {
+	let t = b(e);
 	if (t) return t;
-	throw Error(`Invalid locale: ${e}. Expected one of: ${pe.join(", ")}`);
+	throw Error(`Invalid locale: ${e}. Expected one of: ${_e.join(", ")}`);
 }
-function b(e) {
+function x(e) {
 	return e;
 }
-function Se(e, t) {
-	return new fe(e, t.href);
+function Ee(e, t) {
+	return new ge(e, t.href);
 }
-function Ce() {
+function De() {
 	return 0;
 }
-function we(e) {
-	return he;
+function Oe(e) {
+	return g;
 }
-function Te(e, t) {
+function ke(e, t) {
 	return e.exec(t.href);
 }
-var Ee = me.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-RegExp(`(?:^|;\\s*)${Ee}=([^;]*)`);
-function De(e) {
-	return Oe(e);
+function Ae(e) {
+	return je(e);
 }
-function Oe(e) {
-	let t = b(typeof e == "string" ? new URL(e, be()) : new URL(e.href)), n = t.pathname.replace(/^\/+/, "").split("/");
-	return n.length > 0 && y(n[0]) && (t.pathname = "/" + n.slice(1).join("/")), b(t);
-}
-var ke = -1, Ae, je;
-function Me(e) {
-	if (he.length === 0) return;
-	let t = typeof e == "string" ? e : e.href, n = Ce();
-	if (Ae === t && ke === n) return je;
-	let r = b(new URL(t, "http://example.com")), i = De(r), a = i.href === r.href ? [r] : [r, i], o;
+function je(e) {
+	let t = x(typeof e == "string" ? new URL(e, Se()) : new URL(e.href)), n = t.pathname.replace(/^\/+/, "").split("/");
+	return n.length > 0 && b(n[0]) && (t.pathname = "/" + n.slice(1).join("/")), x(t);
+}
+var Me = -1, Ne, Pe;
+function Fe(e) {
+	if (g.length === 0) return;
+	let t = typeof e == "string" ? e : e.href, n = De();
+	if (Ne === t && Me === n) return Pe;
+	let r = x(new URL(t, "http://example.com")), i = Ae(r), a = i.href === r.href ? [r] : [r, i], o;
 	for (let e of a) {
-		for (let t of we(e)) if (Te(Se(t.match, e), e)) {
+		for (let t of Oe(e)) if (ke(Ee(t.match, e), e)) {
 			o = t;
 			break;
 		}
 		if (o) break;
 	}
-	return ke = n, Ae = t, je = o, o;
+	return Me = n, Ne = t, Pe = o, o;
 }
-function Ne(e) {
-	let t = Me(e);
+function Ie(e) {
+	let t = Fe(e);
 	return t && t.exclude !== !0 && Array.isArray(t.strategy) ? t.strategy : h;
 }
-var x = /* @__PURE__ */ new Map();
-function Pe(e) {
+var S = /* @__PURE__ */ new Map();
+function Le(e) {
 	return typeof e == "string" && /^custom-[A-Za-z0-9_-]+$/.test(e);
 }
 // ../client-core/src/attributes/label.ts
-function Fe(e, t) {
-	return Ie(t !== void 0 && Object.hasOwn(t, e) ? t[e] : void 0) ?? S(e);
+function Re(e, t) {
+	return ze(t !== void 0 && Object.hasOwn(t, e) ? t[e] : void 0) ?? C(e);
 }
-function Ie(e) {
+function ze(e) {
 	if (e === void 0) return;
 	for (let t of [
-		v(),
+		y(),
 		"nl",
 		"en"
 	]) if (Object.hasOwn(e, t) && e[t] !== void 0) return e[t];
 	let [t] = Object.values(e);
 	return t;
 }
-function S(e) {
+function C(e) {
 	let t = e.replace(/([A-Z])/g, " $1").trim();
 	return t.charAt(0).toUpperCase() + t.slice(1).toLowerCase();
 }
 // ../client-core/src/client/error.ts
-var C = {
+var w = {
 	NO_MAPPING: "NO_MAPPING",
 	ATTRIBUTE_NOT_FOUND: "ATTRIBUTE_NOT_FOUND",
 	VALUE_NOT_FOUND: "VALUE_NOT_FOUND",
 	PARENT_NOT_FOUND: "PARENT_NOT_FOUND",
 	INVALID_PARAMETER: "INVALID_PARAMETER",
-	SNAPSHOT_FAILED: "SNAPSHOT_FAILED"
-}, w = class e extends Error {
+	SNAPSHOT_FAILED: "SNAPSHOT_FAILED",
+	PERSONALISATION_FAILED: "PERSONALISATION_FAILED"
+}, T = class e extends Error {
 	code;
 	constructor(e, t) {
 		super(e), this.name = "VirtualdisplayError", this.code = t;
 	}
 	static valueNotFound(t, n) {
-		return new e(`Value "${n}" not found for attribute "${t}"`, C.VALUE_NOT_FOUND);
+		return new e(`Value "${n}" not found for attribute "${t}"`, w.VALUE_NOT_FOUND);
 	}
 	static parentNotFound(t) {
-		return new e(`Parent element not found: ${t}`, C.PARENT_NOT_FOUND);
+		return new e(`Parent element not found: ${t}`, w.PARENT_NOT_FOUND);
 	}
 	static invalidParameter(t) {
-		return new e(t, C.INVALID_PARAMETER);
+		return new e(t, w.INVALID_PARAMETER);
 	}
-}, Le = class {
+}, Be = class {
 	name;
 	defaultValue;
 	values;
@@ -386,7 +408,7 @@ var C = {
 		this.name = e.name, this.defaultValue = e.defaultValue, this.onSelect = e.onSelect, this.values = this.createValues(e.values, e.labels);
 	}
 	select(e) {
-		if (!this.values.has(e)) throw w.valueNotFound(this.name, e);
+		if (!this.values.has(e)) throw T.valueNotFound(this.name, e);
 		this.onSelect(this.name, e);
 	}
 	getValues() {
@@ -412,17 +434,17 @@ var C = {
 	createValues(e, t) {
 		let n = /* @__PURE__ */ new Map();
 		for (let r of e) {
-			let e = new de(r, this.name, Fe(r, t));
+			let e = new he(r, this.name, Re(r, t));
 			r === this.defaultValue && e.setSelected(!0), n.set(r, e);
 		}
 		return n;
 	}
-}, Re = class {
+}, Ve = class {
 	attributes = /* @__PURE__ */ new Map();
 	constructor(e, t, n) {
 		for (let n of e) {
 			let e = this.buildOptions(n, t);
-			this.attributes.set(n.name, new Le(e));
+			this.attributes.set(n.name, new Be(e));
 		}
 		this.onMutationFailed = n;
 	}
@@ -458,11 +480,11 @@ var C = {
 			defaultValue: e.defaultValue
 		};
 	}
-}, T = 4096, E = 16384, ze = [
+}, E = 4096, D = 16384, He = [
 	1024,
 	256,
 	64
-], Be = 20, D = [
+], Ue = 20, O = [
 	"timestamp",
 	"level",
 	"msg",
@@ -470,38 +492,38 @@ var C = {
 	"trace_id",
 	"span_id"
 ];
-function Ve(e) {
-	let t = new Date(e.timestamp).toLocaleTimeString("en-GB", { hour12: !1 }), n = e.level.toUpperCase().padEnd(5), r = e.trace_id?.slice(0, 8) ?? "--------", i = e.msg, a = Object.entries(e).filter(([e]) => !D.includes(e)).map(([e, t]) => `${e}=${O(t, T).line}`).join(" ");
+function We(e) {
+	let t = new Date(e.timestamp).toLocaleTimeString("en-GB", { hour12: !1 }), n = e.level.toUpperCase().padEnd(5), r = e.trace_id?.slice(0, 8) ?? "--------", i = e.msg, a = Object.entries(e).filter(([e]) => !O.includes(e)).map(([e, t]) => `${e}=${k(t, E).line}`).join(" ");
 	return `${t} ${n} [${r}] ${i}${a ? " " + a : ""}`;
 }
-function He(e) {
-	for (let t of [T, ...ze]) {
-		let { line: n, truncated: r } = O(e, t);
+function Ge(e) {
+	for (let t of [E, ...He]) {
+		let { line: n, truncated: r } = k(e, t);
 		if (!r) {
-			if (n.length <= E) return n;
+			if (n.length <= D) return n;
 			continue;
 		}
-		let { line: i } = O({
+		let { line: i } = k({
 			...e,
 			log_truncated: !0
 		}, t);
-		if (i.length <= E) return i;
+		if (i.length <= D) return i;
 	}
-	let t = Object.keys(e).filter((e) => !D.includes(e)), n = {
-		...We(e, D),
+	let t = Object.keys(e).filter((e) => !O.includes(e)), n = {
+		...qe(e, O),
 		log_truncated: !0,
 		log_dropped_count: t.length
-	}, r = O({
+	}, r = k({
 		...n,
-		log_dropped_attrs: t.slice(0, Be)
-	}, T);
-	return r.line.length <= E ? r.line : O(n, T).line;
+		log_dropped_attrs: t.slice(0, Ue)
+	}, E);
+	return r.line.length <= D ? r.line : k(n, E).line;
 }
-function O(e, t) {
+function k(e, t) {
 	let n = [], r = !1;
 	return {
 		line: JSON.stringify(e, function(e, i) {
-			if (typeof i == "string") return i.length > t && (r = !0), Ue(i, t);
+			if (typeof i == "string") return i.length > t && (r = !0), Ke(i, t);
 			if (typeof i == "bigint") return i.toString();
 			if (typeof i != "object" || !i) return i;
 			for (; n.length > 0 && n.at(-1) !== this;) n.pop();
@@ -510,80 +532,80 @@ function O(e, t) {
 		truncated: r
 	};
 }
-function Ue(e, t) {
+function Ke(e, t) {
 	return e.length <= t ? e : `${e.slice(0, t)}...[truncated ${e.length - t} chars]`;
 }
-function We(e, t) {
+function qe(e, t) {
 	let n = {};
 	for (let r of t) e[r] !== void 0 && (n[r] = e[r]);
 	return n;
 }
 // ../logger/src/write.ts
-function Ge(e, t) {
-	let n = t ? Ve(e) : He(e);
+function Je(e, t) {
+	let n = t ? We(e) : Ge(e);
 	e.level === "error" ? console.error(n) : e.level === "warn" ? console.warn(n) : console.log(n);
 }
 // ../logger/src/serialise.ts
-function Ke(e, t = 0) {
+function Ye(e, t = 0) {
 	let n = {
 		name: e.name,
 		message: e.message
 	};
-	return e.stack !== void 0 && (n.stack = e.stack), Je(e, n), e.cause !== void 0 && e.cause !== null && (n.cause = e.cause instanceof Error && t < 5 ? Ke(e.cause, t + 1) : String(e.cause)), n;
+	return e.stack !== void 0 && (n.stack = e.stack), Ze(e, n), e.cause !== void 0 && e.cause !== null && (n.cause = e.cause instanceof Error && t < 5 ? Ye(e.cause, t + 1) : String(e.cause)), n;
 }
-var qe = /* @__PURE__ */ new Set([
+var Xe = /* @__PURE__ */ new Set([
 	"name",
 	"message",
 	"stack",
 	"cause"
 ]);
-function Je(e, t) {
+function Ze(e, t) {
 	for (let n of Object.getOwnPropertyNames(e)) {
-		if (qe.has(n)) continue;
+		if (Xe.has(n)) continue;
 		let r = e[n];
 		r !== void 0 && (t[n] = r);
 	}
 }
-function Ye(e) {
+function Qe(e) {
 	let t = {};
-	for (let [n, r] of Object.entries(e)) t[n] = r instanceof Error ? Ke(r) : r;
+	for (let [n, r] of Object.entries(e)) t[n] = r instanceof Error ? Ye(r) : r;
 	return t;
 }
 // ../utils/src/now.ts
-function Xe() {
+function $e() {
 	return /* @__PURE__ */ new Date();
 }
 // ../utils/src/device.ts
-function Ze() {
+function et() {
 	return typeof navigator > "u" ? "" : navigator.userAgent;
 }
-function Qe() {
+function tt() {
 	return typeof navigator > "u" ? !1 : navigator.platform === "MacIntel" && navigator.maxTouchPoints > 1;
 }
-function $e() {
-	return /iPhone|iPad|iPod/i.test(Ze()) || Qe();
+function nt() {
+	return /iPhone|iPad|iPod/i.test(et()) || tt();
 }
-function et() {
-	return /Android/i.test(Ze());
+function rt() {
+	return /Android/i.test(et());
 }
-function tt() {
-	return $e() || et();
+function it() {
+	return nt() || rt();
 }
 // ../logger/src/logger.ts
-var nt = class {
+var at = class {
 	config;
 	constructor(e) {
 		this.config = e;
 	}
 	log(e, t, n = {}) {
 		let r = this.config.traceProvider?.() ?? {};
-		Ge({
-			timestamp: Xe().toISOString(),
+		Je({
+			timestamp: $e().toISOString(),
 			level: e,
 			msg: t,
 			service: this.config.service,
 			...r,
-			...Ye(n)
+			...Qe(n)
 		}, this.config.isDev);
 	}
 	debug(e, t) {
@@ -599,34 +621,34 @@ var nt = class {
 		this.log("error", e, t);
 	}
 };
-function rt(e, t) {
-	return new nt({
+function ot(e, t) {
+	return new at({
 		service: e,
 		isDev: t?.isDev === void 0 ? typeof process < "u" ? process.env.NODE_ENV !== "production" : !0 : t.isDev,
 		traceProvider: t?.traceProvider
 	});
 }
 // ../client-core/src/utils/logger.ts
-function k(e) {
+function A(e) {
 	if (e !== void 0) return typeof e == "object" && e && !Array.isArray(e) && !(e instanceof Error) ? e : e instanceof Error ? { error: e.message } : { value: e };
 }
-function it(e) {
+function st(e) {
 	return {
-		debug: (t, n) => e.debug(t, k(n)),
-		info: (t, n) => e.info(t, k(n)),
-		warn: (t, n) => e.warn(t, k(n)),
-		error: (t, n) => e.error(t, k(n))
+		debug: (t, n) => e.debug(t, A(n)),
+		info: (t, n) => e.info(t, A(n)),
+		warn: (t, n) => e.warn(t, A(n)),
+		error: (t, n) => e.error(t, A(n))
 	};
 }
-var at = !1, A = it(rt("client", { isDev: !1 }));
-function ot() {
-	at = !0, A = it(rt("client", { isDev: !0 }));
+var ct = !1, j = st(ot("client", { isDev: !1 }));
+function lt() {
+	ct = !0, j = st(ot("client", { isDev: !0 }));
 }
-function st() {
-	return at;
+function ut() {
+	return ct;
 }
 // ../client-core/src/attributes/attributes.ts
-var ct = class {
+var dt = class {
 	send;
 	instance;
 	onMutationFailed;
@@ -636,7 +658,7 @@ var ct = class {
 		this.send = e, this.instance = t, this.onMutationFailed = n;
 	}
 	handleMappingReceived(e) {
-		A.debug("Initializing from server mapping", { attributeCount: e.attributes.length }), this.registry = new Re(e.attributes, (e, t) => this.sendMutation(e, t), this.onMutationFailed), this.replayPendingCallbacks();
+		j.debug("Initializing from server mapping", { attributeCount: e.attributes.length }), this.registry = new Ve(e.attributes, (e, t) => this.sendMutation(e, t), this.onMutationFailed), this.replayPendingCallbacks();
 	}
 	handleMutationResult(e) {
 		this.registry?.handleResults(e.results);
@@ -668,7 +690,7 @@ var ct = class {
 			return;
 		}
 		let n = this.registry.get(e);
-		n === void 0 ? A.warn(`onChange: attribute "${e}" not found — callback will not fire`) : n.onChange(t);
+		n === void 0 ? j.warn(`onChange: attribute "${e}" not found — callback will not fire`) : n.onChange(t);
 	}
 	getAttribute(e) {
 		return this.registry?.get(e);
@@ -689,11 +711,11 @@ var ct = class {
 	replayPendingCallbacks() {
 		for (let { name: e, callback: t } of this.pendingCallbacks) {
 			let n = this.registry?.get(e);
-			n === void 0 && A.warn(`onChange: attribute "${e}" not found — buffered callback will not fire`), n?.onChange(t);
+			n === void 0 && j.warn(`onChange: attribute "${e}" not found — buffered callback will not fire`), n?.onChange(t);
 		}
 		this.pendingCallbacks.length = 0;
 	}
-}, lt = class {
+}, ft = class {
 	snapshot;
 	callbacks = [];
 	handleSnapshot(e) {
@@ -709,7 +731,7 @@ var ct = class {
 	get current() {
 		return this.snapshot ?? [];
 	}
-}, ut = class {
+}, pt = class {
 	send;
 	commands = [];
 	constructor(e) {
@@ -734,7 +756,7 @@ var ct = class {
 		}), this;
 	}
 	set() {
-		if (this.commands.length === 0) throw w.invalidParameter("No camera commands to execute. Call rotate(), tilt(), or zoom() before set().");
+		if (this.commands.length === 0) throw T.invalidParameter("No camera commands to execute. Call rotate(), tilt(), or zoom() before set().");
 		let e = {
 			type: t.CAMERA,
 			commands: this.commands
@@ -742,7 +764,7 @@ var ct = class {
 		this.send(e), this.commands = [];
 	}
 	validateFiniteNumber(e, t) {
-		if (!Number.isFinite(e)) throw w.invalidParameter(`${t}() requires a finite number, got ${String(e)}`);
+		if (!Number.isFinite(e)) throw T.invalidParameter(`${t}() requires a finite number, got ${String(e)}`);
 	}
 	reset() {
 		let e = {
@@ -751,7 +773,7 @@ var ct = class {
 		};
 		this.send(e);
 	}
-}, dt = class {
+}, mt = class {
 	state;
 	limitsState;
 	changeCallbacks = [];
@@ -811,20 +833,20 @@ var ct = class {
 	}
 };
 // ../client-core/src/configuration/pricing-rule.ts
-function ft(e, t) {
-	let n = e.filter((e) => pt(e, t));
+function ht(e, t) {
+	let n = e.filter((e) => gt(e, t));
 	if (n.length === 0) return;
-	let r = Math.max(...n.map(mt)), i = n.filter((e) => mt(e) === r);
+	let r = Math.max(...n.map(_t)), i = n.filter((e) => _t(e) === r);
 	return i.length === 1 ? i[0] : void 0;
 }
-function pt(e, t) {
+function gt(e, t) {
 	return Object.entries(e.attributes).every(([e, n]) => t[e] === n);
 }
-function mt(e) {
+function _t(e) {
 	return Object.keys(e.attributes).length;
 }
 // ../client-core/src/configuration/configuration.ts
-var ht = class {
+var vt = class {
 	dispatchChange;
 	dispatchSubmit;
 	pricing;
@@ -893,7 +915,7 @@ var ht = class {
 	}
 	resolve() {
 		if (this.pricing === void 0) return;
-		let e = ft(this.pricing.rules, this.selection);
+		let e = ht(this.pricing.rules, this.selection);
 		if (e !== void 0 && e.availability !== a.HIDDEN) return {
 			attributes: { ...this.selection },
 			reference: e.reference,
@@ -902,7 +924,7 @@ var ht = class {
 			availability: e.availability
 		};
 	}
-}, gt = class {
+}, yt = class {
 	send;
 	dispatch;
 	instance;
@@ -916,7 +938,7 @@ var ht = class {
 		return this.focused;
 	}
 	set(e) {
-		if (typeof e != "string" || e.length === 0) throw w.invalidParameter(`set() requires a non-empty component name, got ${String(e)}`);
+		if (typeof e != "string" || e.length === 0) throw T.invalidParameter(`set() requires a non-empty component name, got ${String(e)}`);
 		this.send({
 			type: t.FOCUS,
 			instance: this.instance,
@@ -943,7 +965,100 @@ var ht = class {
 		for (let e of this.changeCallbacks) e(t);
 		this.dispatch(t);
 	}
-}, _t = class {
+}, bt = 3e4, xt = "Virtualdisplay: the print zone could not be personalised", St = class {
+	send;
+	instance;
+	pending = /* @__PURE__ */ new Map();
+	zoneListeners = /* @__PURE__ */ new Set();
+	zoneReport = [];
+	sequence = 0;
+	pendingPlacements = /* @__PURE__ */ new Map();
+	frame = null;
+	constructor(e, t) {
+		this.send = e, this.instance = t;
+	}
+	setImage(e, t) {
+		return typeof e != "string" || e === "" ? Promise.reject(T.invalidParameter("setImage() takes a zone name")) : t instanceof Blob ? this.request(e, t) : Promise.reject(T.invalidParameter("setImage() takes an image as a Blob"));
+	}
+	clear(e) {
+		return typeof e != "string" || e === "" ? Promise.reject(T.invalidParameter("clear() takes a zone name")) : this.request(e, null);
+	}
+	get zones() {
+		return this.zoneReport;
+	}
+	onZones(e) {
+		this.zoneListeners.add(e);
+	}
+	place(e, n) {
+		if (typeof e != "string" || e === "") throw T.invalidParameter("place() takes a zone name");
+		if (![
+			n.x,
+			n.y,
+			n.scale
+		].every(Number.isFinite)) throw T.invalidParameter("place() takes x, y and scale as numbers");
+		if (typeof n.editing != "boolean") throw T.invalidParameter("place() takes editing as true or false");
+		this.pendingPlacements.set(e, {
+			type: t.PLACE,
+			instance: this.instance,
+			zone: e,
+			x: n.x,
+			y: n.y,
+			scale: n.scale,
+			editing: n.editing
+		}), this.frame ??= requestAnimationFrame(() => {
+			this.sendPlacements();
+		});
+	}
+	sendPlacements() {
+		let e = [...this.pendingPlacements.values()];
+		this.frame = null, this.pendingPlacements.clear();
+		for (let t of e) this.send(t);
+	}
+	request(e, n) {
+		return new Promise((r, i) => {
+			this.sequence += 1;
+			let a = String(this.sequence), o = setTimeout(() => {
+				this.expire(a, e);
+			}, bt);
+			this.pending.set(a, {
+				resolve: r,
+				reject: i,
+				timeout: o
+			}), this.send({
+				type: t.PERSONALISE,
+				id: a,
+				instance: this.instance,
+				zone: e,
+				image: n
+			});
+		});
+	}
+	expire(e, t) {
+		let n = this.pending.get(e);
+		n !== void 0 && (this.pending.delete(e), j.warn("Personalisation timed out", { zone: t }), n.reject(M(`Virtualdisplay: the viewer did not answer for zone "${t}"`)));
+	}
+	handleReplyReceived(e) {
+		let t = this.pending.get(e.id);
+		t === void 0 ? j.info("Personalisation reply with no call waiting", {
+			id: e.id,
+			zone: e.zone
+		}) : (this.pending.delete(e.id), clearTimeout(t.timeout), e.ok ? t.resolve() : t.reject(M(e.error ?? xt)));
+	}
+	handleZonesReceived(e) {
+		this.zoneReport = e.zones;
+		for (let e of this.zoneListeners) e(this.zoneReport);
+	}
+	destroy() {
+		this.frame !== null && cancelAnimationFrame(this.frame), this.frame = null, this.pendingPlacements.clear(), this.zoneListeners.clear();
+		for (let e of this.pending.values()) clearTimeout(e.timeout), e.reject(M("Virtualdisplay: the client was destroyed before the viewer answered"));
+		this.pending.clear();
+	}
+};
+function M(e) {
+	return new T(e, w.PERSONALISATION_FAILED);
+}
+// ../client-core/src/snapshot/photo.ts
+var Ct = class {
 	filename;
 	developedCallbacks = /* @__PURE__ */ new Set();
 	errorCallbacks = /* @__PURE__ */ new Set();
@@ -972,7 +1087,7 @@ var ht = class {
 			t(e);
 		}), this.developedCallbacks.clear(), this.errorCallbacks.clear());
 	}
-}, vt = 3e4, yt = class {
+}, wt = 3e4, Tt = class {
 	send;
 	validExtensions = [".png"];
 	pendingPhotos = /* @__PURE__ */ new Map();
@@ -986,10 +1101,10 @@ var ht = class {
 		return this.request(e, t);
 	}
 	request(e, n) {
-		this.validateFilename(e), A.debug("Taking snapshot", { filename: e });
-		let r = new _t(e), i = setTimeout(() => {
-			this.pendingPhotos.delete(e), A.warn("Snapshot timed out", { filename: e }), r.fail(new w(`Snapshot timed out: the viewer did not respond within ${vt}ms`, C.SNAPSHOT_FAILED));
-		}, vt);
+		this.validateFilename(e), j.debug("Taking snapshot", { filename: e });
+		let r = new Ct(e), i = setTimeout(() => {
+			this.pendingPhotos.delete(e), j.warn("Snapshot timed out", { filename: e }), r.fail(new T(`Snapshot timed out: the viewer did not respond within ${wt}ms`, w.SNAPSHOT_FAILED));
+		}, wt);
 		return this.pendingPhotos.set(e, {
 			photo: r,
 			timeout: i
@@ -1002,7 +1117,7 @@ var ht = class {
 	handleSnapshotResult(e) {
 		let t = this.pendingPhotos.get(e.filename);
 		if (t === void 0) {
-			A.warn("No pending photo found for filename", {
+			j.warn("No pending photo found for filename", {
 				filename: e.filename,
 				pendingFilenames: Array.from(this.pendingPhotos.keys())
 			});
@@ -1013,20 +1128,20 @@ var ht = class {
 		e.error === void 0 ? e.data !== void 0 && n.develop({
 			filename: e.filename,
 			data: e.data
-		}) : n.fail(new w(e.error, C.SNAPSHOT_FAILED));
+		}) : n.fail(new T(e.error, w.SNAPSHOT_FAILED));
 	}
 	clear() {
 		if (this.pendingPhotos.size === 0) return;
-		let e = new w("Client destroyed before snapshot completed", C.SNAPSHOT_FAILED);
+		let e = new T("Client destroyed before snapshot completed", w.SNAPSHOT_FAILED);
 		for (let { photo: t, timeout: n } of this.pendingPhotos.values()) clearTimeout(n), t.fail(e);
 		this.pendingPhotos.clear();
 	}
 	validateFilename(e) {
-		if (e === "" || typeof e != "string") throw new w("Filename must be a non-empty string", C.INVALID_PARAMETER);
-		if (!this.validExtensions.some((t) => e.toLowerCase().endsWith(t))) throw new w(`Invalid filename: "${e}". Filename must end with one of: ${this.validExtensions.join(", ")}`, C.INVALID_PARAMETER);
-		if (e.includes("..") || e.includes("/") || e.includes("\\")) throw new w("Filename cannot contain path separators or \"..\"", C.INVALID_PARAMETER);
+		if (e === "" || typeof e != "string") throw new T("Filename must be a non-empty string", w.INVALID_PARAMETER);
+		if (!this.validExtensions.some((t) => e.toLowerCase().endsWith(t))) throw new T(`Invalid filename: "${e}". Filename must end with one of: ${this.validExtensions.join(", ")}`, w.INVALID_PARAMETER);
+		if (e.includes("..") || e.includes("/") || e.includes("\\")) throw new T("Filename cannot contain path separators or \"..\"", w.INVALID_PARAMETER);
 	}
-}, bt = class {
+}, Et = class {
 	container = null;
 	attach(e) {
 		this.container = e;
@@ -1052,76 +1167,76 @@ var ht = class {
 			this.container?.removeEventListener(e, n);
 		};
 	}
-}, xt = ((e = {}, t = {}) => {
-	let n = t.locale ?? v();
+}, Dt = ((e = {}, t = {}) => {
+	let n = t.locale ?? y();
 	return n === "nl" ? "Bezig…" : n === "de" ? "Läuft…" : "Working…";
-}), St = ((e = {}, t = {}) => {
-	let n = t.locale ?? v();
+}), Ot = ((e = {}, t = {}) => {
+	let n = t.locale ?? y();
 	return n === "nl" ? "Mislukt" : n === "de" ? "Fehlgeschlagen" : "Failed";
-}), Ct = ((e = {}, t = {}) => {
-	let n = t.locale ?? v();
+}), kt = ((e = {}, t = {}) => {
+	let n = t.locale ?? y();
 	return n === "nl" ? "Gelukt" : n === "de" ? "Fertig" : "Done";
-}), wt = ((e = {}, t = {}) => {
-	let n = t.locale ?? v();
+}), At = ((e = {}, t = {}) => {
+	let n = t.locale ?? y();
 	return n === "nl" ? "Annotaties" : n === "de" ? "Anmerkungen" : "Annotations";
-}), Tt = ((e = {}, t = {}) => {
-	let n = t.locale ?? v();
+}), jt = ((e = {}, t = {}) => {
+	let n = t.locale ?? y();
 	return n === "nl" ? "AR activeren" : n === "de" ? "AR aktivieren" : "Activate AR";
-}), Et = ((e = {}, t = {}) => {
-	let n = t.locale ?? v();
+}), Mt = ((e = {}, t = {}) => {
+	let n = t.locale ?? y();
 	return n === "nl" ? "Camera resetten" : n === "de" ? "Kamera zurücksetzen" : "Reset camera";
-}), Dt = ((e = {}, t = {}) => {
-	let n = t.locale ?? v();
+}), Nt = ((e = {}, t = {}) => {
+	let n = t.locale ?? y();
 	return n === "nl" ? "Naar links draaien" : n === "de" ? "Nach links drehen" : "Rotate left";
-}), Ot = ((e = {}, t = {}) => {
-	let n = t.locale ?? v();
+}), Pt = ((e = {}, t = {}) => {
+	let n = t.locale ?? y();
 	return n === "nl" ? "Naar rechts draaien" : n === "de" ? "Nach rechts drehen" : "Rotate right";
-}), kt = ((e = {}, t = {}) => {
-	let n = t.locale ?? v();
+}), Ft = ((e = {}, t = {}) => {
+	let n = t.locale ?? y();
 	return n === "nl" ? "Omlaag kantelen" : n === "de" ? "Nach unten kippen" : "Tilt down";
-}), At = ((e = {}, t = {}) => {
-	let n = t.locale ?? v();
+}), It = ((e = {}, t = {}) => {
+	let n = t.locale ?? y();
 	return n === "nl" ? "Omhoog kantelen" : n === "de" ? "Nach oben kippen" : "Tilt up";
-}), jt = ((e = {}, t = {}) => {
-	let n = t.locale ?? v();
+}), Lt = ((e = {}, t = {}) => {
+	let n = t.locale ?? y();
 	return n === "nl" ? "Inzoomen" : n === "de" ? "Hineinzoomen" : "Zoom in";
-}), Mt = ((e = {}, t = {}) => {
-	let n = t.locale ?? v();
+}), Rt = ((e = {}, t = {}) => {
+	let n = t.locale ?? y();
 	return n === "nl" ? "Uitzoomen" : n === "de" ? "Herauszoomen" : "Zoom out";
-}), Nt = ((e = {}, t = {}) => {
-	let n = t.locale ?? v();
+}), zt = ((e = {}, t = {}) => {
+	let n = t.locale ?? y();
 	return n === "nl" ? "Sluiten" : n === "de" ? "Schließen" : "Close";
-}), Pt = ((e = {}, t = {}) => {
-	let n = t.locale ?? v();
+}), Bt = ((e = {}, t = {}) => {
+	let n = t.locale ?? y();
 	return n === "nl" ? "Configureren" : n === "de" ? "Konfigurieren" : "Configure";
-}), Ft = ((e = {}, t = {}) => {
-	let n = t.locale ?? v();
+}), Vt = ((e = {}, t = {}) => {
+	let n = t.locale ?? y();
 	return n === "nl" ? "Volledig scherm" : n === "de" ? "Vollbild" : "Fullscreen";
-}), It = ((e = {}, t = {}) => {
-	let n = t.locale ?? v();
+}), Ht = ((e = {}, t = {}) => {
+	let n = t.locale ?? y();
 	return n === "nl" ? "Sluiten" : n === "de" ? "Schließen" : "Close";
-}), Lt = ((e = {}, t = {}) => {
-	let n = t.locale ?? v();
+}), Ut = ((e = {}, t = {}) => {
+	let n = t.locale ?? y();
 	return n === "nl" ? "QR-code" : n === "de" ? "QR-Code" : "QR code";
-}), Rt = ((e = {}, t = {}) => {
-	let n = t.locale ?? v();
+}), Wt = ((e = {}, t = {}) => {
+	let n = t.locale ?? y();
 	return n === "nl" ? "Gebruik de camera van je smartphone om deze QR-code te scannen" : n === "de" ? "Verwende die Kamera deines Smartphones, um diesen QR-Code zu scannen" : "Use your smartphone camera to scan this QR code";
-}), zt = ((e = {}, t = {}) => {
-	let n = t.locale ?? v();
+}), Gt = ((e = {}, t = {}) => {
+	let n = t.locale ?? y();
 	return n === "nl" ? "Je telefoon opent het 3D-model in AR-modus." : n === "de" ? "Dein Telefon öffnet das 3D-Modell im AR-Modus." : "Your phone will open the 3D model in AR mode.";
-}), Bt = ((e = {}, t = {}) => {
-	let n = t.locale ?? v();
+}), Kt = ((e = {}, t = {}) => {
+	let n = t.locale ?? y();
 	return n === "nl" ? "Scan om in AR te bekijken" : n === "de" ? "Scannen für AR-Ansicht" : "Scan to view in AR";
-}), Vt = ((e = {}, t = {}) => {
-	let n = t.locale ?? v();
+}), qt = ((e = {}, t = {}) => {
+	let n = t.locale ?? y();
 	return n === "nl" ? "We kunnen de QR-code nu niet tonen. Open deze link op je telefoon:" : n === "de" ? "Wir können den QR-Code gerade nicht anzeigen. Öffne diesen Link auf deinem Handy:" : "We can't show the QR code right now. Open this link on your phone:";
-}), Ht = ((e = {}, t = {}) => (t.locale ?? v(), "Screenshot")), Ut = ((e = {}, t = {}) => {
-	let n = t.locale ?? v();
+}), Jt = ((e = {}, t = {}) => (t.locale ?? y(), "Screenshot")), Yt = ((e = {}, t = {}) => {
+	let n = t.locale ?? y();
 	return n === "nl" ? "Downloaden" : n === "de" ? "Herunterladen" : "Downloading";
-}), Wt = ((e = {}, t = {}) => {
-	let n = t.locale ?? v();
+}), Xt = ((e = {}, t = {}) => {
+	let n = t.locale ?? y();
 	return n === "nl" ? "Laden mislukt. Ververs de pagina om het opnieuw te proberen." : n === "de" ? "Laden fehlgeschlagen. Lade die Seite neu, um es erneut zu versuchen." : "Load failed. Refresh the page to try again.";
-}), Gt = {
+}), Zt = {
 	xmlns: "http://www.w3.org/2000/svg",
 	width: 24,
 	height: 24,
@@ -1131,50 +1246,50 @@ var ht = class {
 	"stroke-width": 2,
 	"stroke-linecap": "round",
 	"stroke-linejoin": "round"
-}, Kt = ([e, t, n]) => {
+}, Qt = ([e, t, n]) => {
 	let r = document.createElementNS("http://www.w3.org/2000/svg", e);
 	return Object.keys(t).forEach((e) => {
 		r.setAttribute(e, String(t[e]));
 	}), n?.length && n.forEach((e) => {
-		let t = Kt(e);
+		let t = Qt(e);
 		r.appendChild(t);
 	}), r;
-}, qt = (e, t = {}) => Kt([
+}, $t = (e, t = {}) => Qt([
 	"svg",
 	{
-		...Gt,
+		...Zt,
 		...t
 	},
 	e
-]), Jt = [
+]), en = [
 	["path", { d: "M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z" }],
 	["path", { d: "m3.3 7 8.7 5 8.7-5" }],
 	["path", { d: "M12 22V12" }]
-], Yt = [["path", { d: "M13.997 4a2 2 0 0 1 1.76 1.05l.486.9A2 2 0 0 0 18.003 7H20a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h1.997a2 2 0 0 0 1.759-1.048l.489-.904A2 2 0 0 1 10.004 4z" }], ["circle", {
+], tn = [["path", { d: "M13.997 4a2 2 0 0 1 1.76 1.05l.486.9A2 2 0 0 0 18.003 7H20a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h1.997a2 2 0 0 0 1.759-1.048l.489-.904A2 2 0 0 1 10.004 4z" }], ["circle", {
 	cx: "12",
 	cy: "13",
 	r: "3"
-}]], Xt = [["path", { d: "m6 9 6 6 6-6" }]], Zt = [["path", { d: "m15 18-6-6 6-6" }]], Qt = [["path", { d: "m9 18 6-6-6-6" }]], $t = [["path", { d: "m18 15-6-6-6 6" }]], en = [
+}]], N = [["path", { d: "m6 9 6 6 6-6" }]], nn = [["path", { d: "m15 18-6-6 6-6" }]], rn = [["path", { d: "m9 18 6-6-6-6" }]], an = [["path", { d: "m18 15-6-6-6 6" }]], on = [
 	["path", { d: "M12.75 7.09a3 3 0 0 1 2.16 2.16" }],
 	["path", { d: "M17.072 17.072c-1.634 2.17-3.527 3.912-4.471 4.727a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 1.432-4.568" }],
 	["path", { d: "m2 2 20 20" }],
 	["path", { d: "M8.475 2.818A8 8 0 0 1 20 10c0 1.183-.31 2.377-.81 3.533" }],
 	["path", { d: "M9.13 9.13a3 3 0 0 0 3.74 3.74" }]
-], tn = [["path", { d: "M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0" }], ["circle", {
+], sn = [["path", { d: "M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0" }], ["circle", {
 	cx: "12",
 	cy: "10",
 	r: "3"
-}]], nn = [
+}]], cn = [
 	["path", { d: "M15 3h6v6" }],
 	["path", { d: "m21 3-7 7" }],
 	["path", { d: "m3 21 7-7" }],
 	["path", { d: "M9 21H3v-6" }]
-], rn = [
+], ln = [
 	["path", { d: "m14 10 7-7" }],
 	["path", { d: "M20 10h-6V4" }],
 	["path", { d: "m3 21 7-7" }],
 	["path", { d: "M4 14h6v6" }]
-], an = [["path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8" }], ["path", { d: "M3 3v5h5" }]], on = [
+], un = [["path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8" }], ["path", { d: "M3 3v5h5" }]], dn = [
 	["path", { d: "M10 5H3" }],
 	["path", { d: "M12 19H3" }],
 	["path", { d: "M14 3v4" }],
@@ -1184,7 +1299,7 @@ var ht = class {
 	["path", { d: "M21 5h-7" }],
 	["path", { d: "M8 10v4" }],
 	["path", { d: "M8 12H3" }]
-], sn = [["path", { d: "M18 6 6 18" }], ["path", { d: "m6 6 12 12" }]], cn = [
+], fn = [["path", { d: "M18 6 6 18" }], ["path", { d: "m6 6 12 12" }]], pn = [
 	["circle", {
 		cx: "11",
 		cy: "11",
@@ -1196,13 +1311,19 @@ var ht = class {
 		y1: "21",
 		y2: "16.65"
 	}],
+	["line", {
+		x1: "11",
+		x2: "11",
+		y1: "8",
+		y2: "14"
+	}],
 	["line", {
 		x1: "8",
 		x2: "14",
 		y1: "11",
 		y2: "11"
 	}]
-], ln = [
+], mn = [
 	["circle", {
 		cx: "11",
 		cy: "11",
@@ -1214,12 +1335,6 @@ var ht = class {
 		y1: "21",
 		y2: "16.65"
 	}],
-	["line", {
-		x1: "11",
-		x2: "11",
-		y1: "8",
-		y2: "14"
-	}],
 	["line", {
 		x1: "8",
 		x2: "14",
@@ -1228,30 +1343,31 @@ var ht = class {
 	}]
 ];
 // ../ui/src/icons.ts
-function j(e, { size: t = 20, strokeWidth: n = 1.75 } = {}) {
-	return qt(e, {
+function P(e, { size: t = 20, strokeWidth: n = 1.75 } = {}) {
+	return $t(e, {
 		width: t,
 		height: t,
 		"stroke-width": n
 	});
 }
-var M = {
-	ar: (e) => j(Jt, e),
-	annotations: (e) => j(tn, e),
-	annotationsOff: (e) => j(en, e),
-	fullscreen: (e) => j(nn, e),
-	exitFullscreen: (e) => j(rn, e),
-	screenshot: (e) => j(Yt, e),
-	tiltUp: (e) => j($t, e),
-	tiltDown: (e) => j(Xt, e),
-	rotateLeft: (e) => j(Zt, e),
-	rotateRight: (e) => j(Qt, e),
-	zoomIn: (e) => j(ln, e),
-	zoomOut: (e) => j(cn, e),
-	reset: (e) => j(an, e),
-	configurator: (e) => j(on, e),
-	close: (e) => j(sn, e)
-}, N = class {
+var F = {
+	ar: (e) => P(en, e),
+	annotations: (e) => P(sn, e),
+	annotationsOff: (e) => P(on, e),
+	fullscreen: (e) => P(cn, e),
+	exitFullscreen: (e) => P(ln, e),
+	screenshot: (e) => P(tn, e),
+	tiltUp: (e) => P(an, e),
+	tiltDown: (e) => P(N, e),
+	rotateLeft: (e) => P(nn, e),
+	rotateRight: (e) => P(rn, e),
+	zoomIn: (e) => P(pn, e),
+	zoomOut: (e) => P(mn, e),
+	reset: (e) => P(un, e),
+	configurator: (e) => P(dn, e),
+	close: (e) => P(fn, e),
+	expand: (e) => P(N, e)
+}, I = class {
 	element;
 	constructor({ variant: e = "default", size: t = "default", label: n, icon: r, onClick: i, disabled: a = !1 } = {}) {
 		this.element = document.createElement("button"), this.element.className = `ui-btn ui-btn--${e} ui-btn--size-${t}`, n !== void 0 && (this.element.setAttribute("aria-label", n), this.element.title = n), r === void 0 ? n !== void 0 && (this.element.textContent = n) : this.element.appendChild(r), i && this.element.addEventListener("click", i), this.element.disabled = a;
@@ -1260,7 +1376,233 @@ var M = {
 		let t = this.element.querySelector("svg");
 		t === null ? this.element.appendChild(e) : t.replaceWith(e);
 	}
-}, un = class {
+};
+// ../ui/src/vanilla/components/loading-indicator/wireframe-cube.ts
+function hn(e) {
+	let t = Math.max(0, Math.min(1, e));
+	return t * t * (3 - 2 * t);
+}
+function gn(e, t, n, r, i, a) {
+	let [o, s, c] = e, l = Math.cos(t), u = Math.sin(t), ee = l * o + u * c, d = -u * o + l * c, f = Math.cos(n), p = Math.sin(n), te = f * s - p * d, ne = p * s + f * d, m = .55;
+	return [
+		r + ee * a * m,
+		i - te * a * m,
+		ne
+	];
+}
+function _n(e, t, n) {
+	e.beginPath(), e.moveTo(t[0], t[1]), e.lineTo(n[0], n[1]), e.lineWidth = 2, e.stroke();
+}
+function vn(e, t, n, r, i) {
+	let a = t(n), o = t(r);
+	_n(e, a, [
+		a[0] + (o[0] - a[0]) * i,
+		a[1] + (o[1] - a[1]) * i,
+		a[2]
+	]);
+}
+var L = [
+	-1,
+	-1,
+	1
+], R = [
+	1,
+	-1,
+	1
+], z = [
+	1,
+	-1,
+	-1
+], B = [
+	-1,
+	-1,
+	-1
+], V = [
+	-1,
+	1,
+	1
+], H = [
+	1,
+	1,
+	1
+], U = [
+	1,
+	1,
+	-1
+], W = [
+	-1,
+	1,
+	-1
+], G = [
+	[L, R],
+	[R, z],
+	[z, B],
+	[B, L],
+	[L, V],
+	[R, H],
+	[z, U],
+	[B, W],
+	[V, H],
+	[H, U],
+	[U, W],
+	[W, V]
+];
+function yn(e) {
+	let t = e % 6 / 6, n = G.length;
+	return t < .35 ? hn(t / .35) * n : t < .55 ? n : t < .9 ? (1 - hn((t - .55) / .35)) * n : 0;
+}
+function bn(e, { width: t, height: n }, r, i = "#000") {
+	let a = t / 2, o = n * .44, s = Math.min(t, n) * .08, c = (e) => gn(e, .785, .615, a, o, s), l = yn(r);
+	e.shadowBlur = 5, e.shadowColor = "rgba(30,30,30,0.08)", e.strokeStyle = i;
+	for (let t = 0; t < G.length && !(t >= l); t++) {
+		let n = G[t];
+		if (n === void 0) continue;
+		let r = Math.min(1, l - t);
+		vn(e, c, n[0], n[1], r);
+	}
+	e.shadowBlur = 0;
+}
+// ../ui/src/vanilla/components/loading-indicator/index.ts
+var xn = 400, Sn = 3e4, Cn = "-apple-system, BlinkMacSystemFont, \"Segoe UI\", system-ui, sans-serif";
+function wn(e) {
+	let t = getComputedStyle(e).color, n = t === "" ? "#000" : t;
+	return {
+		surface: "transparent",
+		ink: n,
+		danger: n
+	};
+}
+function Tn(e, t) {
+	let n = document.createElement("div");
+	Object.assign(n.style, {
+		position: "absolute",
+		inset: "0",
+		display: "flex",
+		flexDirection: "column",
+		alignItems: "center",
+		justifyContent: "center",
+		background: e.surface,
+		zIndex: "20",
+		opacity: "0",
+		transition: "opacity 0.3s ease-in-out"
+	});
+	let r = document.createElement("canvas");
+	Object.assign(r.style, {
+		width: "100%",
+		height: "100%",
+		position: "absolute",
+		inset: "0"
+	});
+	let i = document.createElement("div");
+	i.setAttribute("role", "status"), Object.assign(i.style, {
+		position: "absolute",
+		top: "56%",
+		left: "0",
+		right: "0",
+		textAlign: "center",
+		pointerEvents: "none"
+	});
+	let a = document.createElement("span");
+	Object.assign(a.style, {
+		fontSize: "13px",
+		fontWeight: "400",
+		color: e.ink,
+		fontVariantNumeric: "tabular-nums",
+		fontFamily: Cn
+	});
+	let o = document.createElement("span");
+	return Object.assign(o.style, {
+		fontSize: "13px",
+		color: e.ink,
+		fontFamily: Cn
+	}), o.textContent = t, i.appendChild(a), i.appendChild(o), n.appendChild(r), n.appendChild(i), {
+		overlay: n,
+		canvas: r,
+		pctEl: a,
+		phaseEl: o
+	};
+}
+var En = class {
+	overlay;
+	canvas;
+	ctx;
+	pctEl;
+	phaseEl;
+	animationId = null;
+	showTimerId = null;
+	noSignalTimerId = null;
+	startTime;
+	hidden = !1;
+	visible = !1;
+	errored = !1;
+	noSignalErrored = !1;
+	colours;
+	text;
+	constructor(e, t) {
+		this.startTime = performance.now(), this.colours = t.colours ?? wn(e), this.text = t.text;
+		let n = Tn(this.colours, this.text.downloading());
+		this.overlay = n.overlay, t.className !== void 0 && (this.overlay.className = t.className), this.canvas = n.canvas, this.pctEl = n.pctEl, this.phaseEl = n.phaseEl, e.appendChild(this.overlay), this.ctx = this.canvas.getContext("2d"), this.ctx !== null && (this.sizeCanvas(), this.tick()), this.showTimerId = setTimeout(() => {
+			this.reveal();
+		}, xn), this.noSignalTimerId = setTimeout(() => {
+			this.hidden || (this.noSignalErrored = !0, this.showError(this.text.loadError()));
+		}, Sn);
+	}
+	viewerAlive() {
+		this.cancelNoSignalTimer(), this.noSignalErrored && this.recoverFromNoSignal();
+	}
+	recoverFromNoSignal() {
+		this.noSignalErrored = !1, this.errored = !1, this.pctEl.textContent = "", this.phaseEl.textContent = this.text.downloading(), this.phaseEl.style.color = this.colours.ink, this.ctx !== null && this.animationId === null && !this.hidden && this.tick();
+	}
+	recolour(e) {
+		this.colours = e, this.overlay.style.background = e.surface, this.pctEl.style.color = e.ink, this.phaseEl.style.color = this.errored ? e.danger : e.ink, this.errored && this.clearCanvas();
+	}
+	updateProgress(e, t) {
+		this.cancelNoSignalTimer(), this.hidden || this.errored || (this.pctEl.textContent = `${Math.round(e)}%`, this.phaseEl.textContent = t === "" ? "" : ` \u00B7 ${t}`);
+	}
+	showError(e) {
+		this.cancelNoSignalTimer(), this.hidden = !1, this.errored = !0, this.animationId !== null && (cancelAnimationFrame(this.animationId), this.animationId = null), this.clearCanvas(), this.pctEl.textContent = "", this.phaseEl.textContent = e, this.phaseEl.style.color = this.colours.danger, this.reveal();
+	}
+	hide() {
+		this.hidden || (this.hidden = !0, this.cancelShowTimer(), this.visible ? (this.overlay.style.opacity = "0", this.overlay.addEventListener("transitionend", () => {
+			this.destroy();
+		}, { once: !0 }), setTimeout(() => {
+			this.destroy();
+		}, 500)) : this.destroy());
+	}
+	destroy() {
+		this.cancelShowTimer(), this.cancelNoSignalTimer(), this.animationId !== null && (cancelAnimationFrame(this.animationId), this.animationId = null), this.overlay.remove();
+	}
+	reveal() {
+		this.hidden || this.visible || (this.visible = !0, this.overlay.style.opacity = "1");
+	}
+	clearCanvas() {
+		if (this.ctx === null) return;
+		let e = Math.min(devicePixelRatio, 2), t = this.canvas.width / e, n = this.canvas.height / e;
+		this.ctx.clearRect(0, 0, t, n);
+	}
+	cancelShowTimer() {
+		this.showTimerId !== null && (clearTimeout(this.showTimerId), this.showTimerId = null);
+	}
+	cancelNoSignalTimer() {
+		this.noSignalTimerId !== null && (clearTimeout(this.noSignalTimerId), this.noSignalTimerId = null);
+	}
+	sizeCanvas() {
+		if (this.ctx === null) return;
+		let e = Math.min(devicePixelRatio, 2), t = this.overlay.clientWidth || 440, n = this.overlay.clientHeight || 360;
+		this.canvas.width = t * e, this.canvas.height = n * e, this.ctx.scale(e, e), this.ctx.lineCap = "round", this.ctx.lineJoin = "round";
+	}
+	tick = () => {
+		this.hidden || (this.drawFrame(), this.animationId = requestAnimationFrame(this.tick));
+	};
+	drawFrame() {
+		if (this.ctx === null) return;
+		let e = this.canvas.width / Math.min(devicePixelRatio, 2), t = this.canvas.height / Math.min(devicePixelRatio, 2), n = (performance.now() - this.startTime) / 1e3;
+		this.ctx.clearRect(0, 0, e, t), bn(this.ctx, {
+			width: e,
+			height: t
+		}, n, this.colours.ink);
+	}
+}, Dn = class {
 	element;
 	selectCallback = null;
 	constructor(e, t, n) {
@@ -1287,7 +1629,7 @@ var M = {
 			t.disabled = !n, t.setAttribute("aria-disabled", n ? "false" : "true");
 		}
 	}
-}, dn = class {
+}, On = class {
 	element;
 	select;
 	constructor(e, t, n, r, i) {
@@ -1300,7 +1642,7 @@ var M = {
 			a.value = n, a.textContent = i?.[e] ?? n, n === r && (a.selected = !0, o = !0), this.select.appendChild(a);
 		}
 		o || (a.selected = !0);
-		let s = qt(Xt, {
+		let s = $t(N, {
 			width: 16,
 			height: 16,
 			"stroke-width": 2
@@ -1318,7 +1660,7 @@ var M = {
 	setEnabled(e) {
 		for (let t of this.select.options) t.value !== "" && (t.disabled = e !== null && !e.includes(t.value));
 	}
-}, fn = class {
+}, kn = class {
 	element;
 	input;
 	valueText;
@@ -1379,7 +1721,7 @@ var M = {
 		let t = this.labelAt(e);
 		return this.options.unit === void 0 ? t : `${t} ${this.options.unit}`;
 	}
-}, P = {
+}, K = {
 	neutral: {
 		50: "oklch(98.5% 0 0)",
 		100: "oklch(96.5% 0 0)",
@@ -1395,7 +1737,7 @@ var M = {
 	},
 	white: "oklch(100% 0 0)",
 	semantic: { error: "oklch(47% 0.17 25)" }
-}, F = {
+}, q = {
 	px: "1px",
 	0: "0",
 	.5: "0.125rem",
@@ -1417,7 +1759,7 @@ var M = {
 	16: "4rem",
 	20: "5rem",
 	24: "6rem"
-}, I = {
+}, J = {
 	fontFamily: {
 		sans: [
 			"Mona Sans",
@@ -1456,25 +1798,25 @@ var M = {
 		normal: "1.5",
 		relaxed: "1.75"
 	}
-}, pn = class {
+}, An = class {
 	element;
 	constructor() {
 		this.element = document.createElement("div"), Object.assign(this.element.style, {
-			background: P.white,
+			background: K.white,
 			borderRadius: "var(--radius)",
-			padding: F[6],
-			boxShadow: `0 ${F[2]} ${F[8]} oklch(0% 0 0 / 20%)`,
+			padding: q[6],
+			boxShadow: `0 ${q[2]} ${q[8]} oklch(0% 0 0 / 20%)`,
 			maxWidth: "20rem",
 			width: "100%"
 		});
 	}
-}, mn = class {
+}, jn = class {
 	options;
 	card;
 	backdrop;
 	keyHandler = null;
 	constructor(e = {}) {
-		this.options = e, this.card = new pn(), this.backdrop = this.createBackdrop(), this.backdrop.appendChild(this.card.element);
+		this.options = e, this.card = new An(), this.backdrop = this.createBackdrop(), this.backdrop.appendChild(this.card.element);
 	}
 	get content() {
 		return this.card.element;
@@ -1491,7 +1833,7 @@ var M = {
 		let e = document.createElement("div");
 		return Object.assign(e.style, {
 			position: "fixed",
-			inset: F[0],
+			inset: q[0],
 			background: "oklch(0% 0 0 / 50%)",
 			zIndex: "9999",
 			display: "flex",
@@ -1501,7 +1843,7 @@ var M = {
 			t.target === e && this.close();
 		}), e;
 	}
-}, L = I.fontFamily.sans.join(", "), hn = `
+}, Y = J.fontFamily.sans.join(", "), Mn = `
 :root { 
   --primary: oklch(5% 0 0);
   --primary-foreground: oklch(100% 0 0);
@@ -1525,7 +1867,7 @@ var M = {
   gap: 0.5rem;
   border: 1px solid transparent;
   border-radius: var(--radius);
-  font-family: ${L};
+  font-family: ${Y};
   font-size: 0.875rem;
   font-weight: 600;
   white-space: nowrap;
@@ -1582,7 +1924,7 @@ var M = {
   border-radius: var(--radius);
   background: var(--background);
   color: var(--foreground);
-  font-family: ${L};
+  font-family: ${Y};
   font-size: 0.875rem;
   font-weight: 600;
   cursor: pointer;
@@ -1623,7 +1965,7 @@ var M = {
   background: var(--background);
   appearance: none;
   color: var(--foreground);
-  font-family: ${L};
+  font-family: ${Y};
   font-size: 0.875rem;
   font-weight: 400;
   cursor: pointer;
@@ -1661,7 +2003,7 @@ var M = {
 
 /* Tabular figures keep the readout and layout steady mid-drag. */
 .ui-slider-value {
-  font-family: ${L};
+  font-family: ${Y};
   font-size: 0.875rem;
   font-weight: 600;
   color: var(--foreground);
@@ -1672,7 +2014,7 @@ var M = {
 .ui-slider-ends {
   display: flex;
   justify-content: space-between;
-  font-family: ${L};
+  font-family: ${Y};
   font-size: 0.75rem;
   color: var(--muted-foreground);
   font-variant-numeric: tabular-nums;
@@ -1808,7 +2150,7 @@ var M = {
   border: 2px solid oklch(100% 0 0);
   background: var(--primary);
   color: var(--primary-foreground);
-  font-family: ${L};
+  font-family: ${Y};
   font-size: 0.8125rem;
   font-weight: 600;
   cursor: pointer;
@@ -1897,7 +2239,7 @@ var M = {
 }
 
 .vd-annotation-popup-title {
-  font-family: ${L};
+  font-family: ${Y};
   font-size: 0.875rem;
   font-weight: 600;
   line-height: 1.25rem;
@@ -1945,7 +2287,7 @@ button.vd-annotation-popup-title:focus-visible {
 }
 
 .vd-annotation-popup-description {
-  font-family: ${L};
+  font-family: ${Y};
   font-size: 0.8125rem;
   font-weight: 400;
   line-height: 1.125rem;
@@ -1984,41 +2326,41 @@ button.vd-annotation-popup-title:focus-visible {
   0%, 100% { opacity: 1; }
   50% { opacity: 0.55; }
 }
-`, gn = !1;
-function _n() {
-	if (gn || typeof document > "u") return;
-	gn = !0;
+`, Nn = !1;
+function Pn() {
+	if (Nn || typeof document > "u") return;
+	Nn = !0;
 	let e = document.createElement("style");
-	e.id = "vd-ui-vanilla", e.textContent = hn, document.head.appendChild(e);
+	e.id = "vd-ui-vanilla", e.textContent = Mn, document.head.appendChild(e);
 }
 // ../ui/src/vanilla/composites/qr-modal/index.ts
-var vn = I.fontFamily.sans.join(", "), yn = class {
+var Fn = J.fontFamily.sans.join(", "), In = class {
 	qrLib = null;
 	dialog = null;
 	qrSlot = null;
 	show() {
-		this.hide(), _n(), this.dialog = new mn({ onClose: () => {
+		this.hide(), Pn(), this.dialog = new jn({ onClose: () => {
 			this.dialog = null, this.qrSlot = null;
 		} }), Object.assign(this.dialog.content.style, {
 			display: "flex",
 			flexDirection: "column",
 			alignItems: "center",
-			gap: F[3],
-			fontFamily: vn
-		}), this.dialog.content.appendChild(this.createText(Bt(), {
-			fontSize: I.fontSize.base,
-			fontWeight: I.fontWeight.semibold,
-			color: P.neutral[900]
-		})), this.dialog.content.appendChild(this.createText(Rt(), {
-			fontSize: I.fontSize.sm,
-			color: P.neutral[600]
-		})), this.qrSlot = this.createQrSlot(), this.dialog.content.appendChild(this.qrSlot), this.dialog.content.appendChild(this.createText(zt(), {
-			fontSize: I.fontSize.xs,
-			color: P.neutral[500]
+			gap: q[3],
+			fontFamily: Fn
+		}), this.dialog.content.appendChild(this.createText(Kt(), {
+			fontSize: J.fontSize.base,
+			fontWeight: J.fontWeight.semibold,
+			color: K.neutral[900]
+		})), this.dialog.content.appendChild(this.createText(Wt(), {
+			fontSize: J.fontSize.sm,
+			color: K.neutral[600]
+		})), this.qrSlot = this.createQrSlot(), this.dialog.content.appendChild(this.qrSlot), this.dialog.content.appendChild(this.createText(Gt(), {
+			fontSize: J.fontSize.xs,
+			color: K.neutral[500]
 		}));
-		let e = new N({
+		let e = new I({
 			variant: "outline",
-			label: It(),
+			label: Ht(),
 			onClick: () => {
 				this.hide();
 			}
@@ -2028,7 +2370,7 @@ var vn = I.fontFamily.sans.join(", "), yn = class {
 	async update(t) {
 		let n;
 		try {
-			this.qrLib ??= await import("./browser-DtVlHXIz.js").then((t) => /* @__PURE__ */ e(t.default, 1)), n = await this.qrLib.toDataURL(t, {
+			this.qrLib ??= await import("./browser-Dq7GBPtw.js").then((t) => /* @__PURE__ */ e(t.default, 1)), n = await this.qrLib.toDataURL(t, {
 				width: 256,
 				margin: 4,
 				errorCorrectionLevel: "M",
@@ -2043,12 +2385,12 @@ var vn = I.fontFamily.sans.join(", "), yn = class {
 		return this.qrSlot !== null && (this.qrSlot.classList.remove("ui-qr-slot--loading"), this.qrSlot.replaceChildren(this.createQrImage(n)), !0);
 	}
 	showLink(e) {
-		this.qrSlot !== null && (this.qrSlot.classList.remove("ui-qr-slot--loading"), this.qrSlot.replaceChildren(this.createText(Vt(), {
-			fontSize: I.fontSize.sm,
-			color: P.neutral[600]
+		this.qrSlot !== null && (this.qrSlot.classList.remove("ui-qr-slot--loading"), this.qrSlot.replaceChildren(this.createText(qt(), {
+			fontSize: J.fontSize.sm,
+			color: K.neutral[600]
 		}), this.createText(e, {
-			fontSize: I.fontSize.xs,
-			color: P.neutral[900],
+			fontSize: J.fontSize.xs,
+			color: K.neutral[900],
 			overflowWrap: "anywhere",
 			userSelect: "all"
 		})));
@@ -2070,223 +2412,9 @@ var vn = I.fontFamily.sans.join(", "), yn = class {
 	}
 	createQrImage(e) {
 		let t = document.createElement("img");
-		return t.src = e, t.alt = Lt(), t;
-	}
-};
-// ../client-core/src/ui/wireframe-cube.ts
-function bn(e) {
-	let t = Math.max(0, Math.min(1, e));
-	return t * t * (3 - 2 * t);
-}
-function xn(e, t, n, r, i, a) {
-	let [o, s, c] = e, l = Math.cos(t), u = Math.sin(t), ee = l * o + u * c, d = -u * o + l * c, f = Math.cos(n), p = Math.sin(n), te = f * s - p * d, ne = p * s + f * d, m = .55;
-	return [
-		r + ee * a * m,
-		i - te * a * m,
-		ne
-	];
-}
-function Sn(e, t, n) {
-	e.beginPath(), e.moveTo(t[0], t[1]), e.lineTo(n[0], n[1]), e.lineWidth = 2, e.stroke();
-}
-function Cn(e, t, n, r, i) {
-	let a = t(n), o = t(r);
-	Sn(e, a, [
-		a[0] + (o[0] - a[0]) * i,
-		a[1] + (o[1] - a[1]) * i,
-		a[2]
-	]);
-}
-var R = [
-	-1,
-	-1,
-	1
-], z = [
-	1,
-	-1,
-	1
-], B = [
-	1,
-	-1,
-	-1
-], V = [
-	-1,
-	-1,
-	-1
-], H = [
-	-1,
-	1,
-	1
-], U = [
-	1,
-	1,
-	1
-], W = [
-	1,
-	1,
-	-1
-], G = [
-	-1,
-	1,
-	-1
-], K = [
-	[R, z],
-	[z, B],
-	[B, V],
-	[V, R],
-	[R, H],
-	[z, U],
-	[B, W],
-	[V, G],
-	[H, U],
-	[U, W],
-	[W, G],
-	[G, H]
-];
-function wn(e) {
-	let t = e % 6 / 6, n = K.length;
-	return t < .35 ? bn(t / .35) * n : t < .55 ? n : t < .9 ? (1 - bn((t - .55) / .35)) * n : 0;
-}
-function Tn(e, { width: t, height: n }, r, i) {
-	let a = t / 2, o = n * .44, s = Math.min(t, n) * .08, c = (e) => xn(e, .785, .615, a, o, s), l = wn(r);
-	e.shadowBlur = 5, e.shadowColor = "rgba(30,30,30,0.08)", e.strokeStyle = i;
-	for (let t = 0; t < K.length && !(t >= l); t++) {
-		let n = K[t];
-		if (n === void 0) continue;
-		let r = Math.min(1, l - t);
-		Cn(e, c, n[0], n[1], r);
+		return t.src = e, t.alt = Ut(), t;
 	}
-	e.shadowBlur = 0;
-}
-// ../client-core/src/ui/loading.ts
-var En = 400, Dn = 3e4, On = "-apple-system, BlinkMacSystemFont, \"Segoe UI\", system-ui, sans-serif";
-function kn(e) {
-	let t = document.createElement("div");
-	Object.assign(t.style, {
-		position: "absolute",
-		inset: "0",
-		display: "flex",
-		flexDirection: "column",
-		alignItems: "center",
-		justifyContent: "center",
-		background: "transparent",
-		color: e,
-		zIndex: "20",
-		opacity: "0",
-		transition: "opacity 0.3s ease-in-out"
-	});
-	let n = document.createElement("canvas");
-	Object.assign(n.style, {
-		width: "100%",
-		height: "100%",
-		position: "absolute",
-		inset: "0"
-	});
-	let r = document.createElement("div");
-	Object.assign(r.style, {
-		position: "absolute",
-		top: "56%",
-		left: "0",
-		right: "0",
-		textAlign: "center",
-		pointerEvents: "none"
-	});
-	let i = document.createElement("span");
-	Object.assign(i.style, {
-		fontSize: "13px",
-		fontWeight: "400",
-		fontVariantNumeric: "tabular-nums",
-		fontFamily: On
-	});
-	let a = document.createElement("span");
-	return Object.assign(a.style, {
-		fontSize: "13px",
-		fontFamily: On
-	}), a.textContent = Ut(), r.appendChild(i), r.appendChild(a), t.appendChild(n), t.appendChild(r), {
-		overlay: t,
-		canvas: n,
-		pctEl: i,
-		phaseEl: a
-	};
-}
-var An = class {
-	overlay;
-	canvas;
-	ctx;
-	pctEl;
-	phaseEl;
-	animationId = null;
-	showTimerId = null;
-	noSignalTimerId = null;
-	startTime;
-	textColor;
-	hidden = !1;
-	visible = !1;
-	errored = !1;
-	noSignalErrored = !1;
-	constructor(e) {
-		this.startTime = performance.now();
-		let t = getComputedStyle(e).color;
-		this.textColor = t === "" ? "#000" : t;
-		let n = kn(this.textColor);
-		this.overlay = n.overlay, this.canvas = n.canvas, this.pctEl = n.pctEl, this.phaseEl = n.phaseEl, e.appendChild(this.overlay), this.ctx = this.canvas.getContext("2d"), this.ctx !== null && (this.sizeCanvas(), this.tick()), this.showTimerId = setTimeout(() => {
-			this.reveal();
-		}, En), this.noSignalTimerId = setTimeout(() => {
-			this.hidden || (this.noSignalErrored = !0, this.showError(Wt()));
-		}, Dn);
-	}
-	viewerAlive() {
-		this.cancelNoSignalTimer(), this.noSignalErrored && this.recoverFromNoSignal();
-	}
-	recoverFromNoSignal() {
-		this.noSignalErrored = !1, this.errored = !1, this.pctEl.textContent = "", this.phaseEl.textContent = Ut(), this.ctx !== null && this.animationId === null && !this.hidden && this.tick();
-	}
-	updateProgress(e, t) {
-		this.cancelNoSignalTimer(), !(this.hidden || this.errored) && (this.pctEl.textContent = `${Math.round(e)}%`, this.phaseEl.textContent = t === "" ? "" : ` \u00B7 ${t}`);
-	}
-	showError(e) {
-		if (this.cancelNoSignalTimer(), this.hidden = !1, this.errored = !0, this.animationId !== null && (cancelAnimationFrame(this.animationId), this.animationId = null), this.ctx !== null) {
-			let e = Math.min(devicePixelRatio, 2), t = this.canvas.width / e, n = this.canvas.height / e;
-			this.ctx.clearRect(0, 0, t, n);
-		}
-		this.pctEl.textContent = "", this.phaseEl.textContent = e, this.reveal();
-	}
-	hide() {
-		this.hidden || (this.hidden = !0, this.cancelShowTimer(), this.visible ? (this.overlay.style.opacity = "0", this.overlay.addEventListener("transitionend", () => {
-			this.destroy();
-		}, { once: !0 }), setTimeout(() => {
-			this.destroy();
-		}, 500)) : this.destroy());
-	}
-	destroy() {
-		this.cancelShowTimer(), this.cancelNoSignalTimer(), this.animationId !== null && (cancelAnimationFrame(this.animationId), this.animationId = null), this.overlay.remove();
-	}
-	reveal() {
-		this.hidden || this.visible || (this.visible = !0, this.overlay.style.opacity = "1");
-	}
-	cancelShowTimer() {
-		this.showTimerId !== null && (clearTimeout(this.showTimerId), this.showTimerId = null);
-	}
-	cancelNoSignalTimer() {
-		this.noSignalTimerId !== null && (clearTimeout(this.noSignalTimerId), this.noSignalTimerId = null);
-	}
-	sizeCanvas() {
-		if (this.ctx === null) return;
-		let e = Math.min(devicePixelRatio, 2), t = this.overlay.clientWidth || 440, n = this.overlay.clientHeight || 360;
-		this.canvas.width = t * e, this.canvas.height = n * e, this.ctx.scale(e, e), this.ctx.lineCap = "round", this.ctx.lineJoin = "round";
-	}
-	tick = () => {
-		this.hidden || (this.drawFrame(), this.animationId = requestAnimationFrame(this.tick));
-	};
-	drawFrame() {
-		if (this.ctx === null) return;
-		let e = this.canvas.width / Math.min(devicePixelRatio, 2), t = this.canvas.height / Math.min(devicePixelRatio, 2), n = (performance.now() - this.startTime) / 1e3;
-		this.ctx.clearRect(0, 0, e, t), Tn(this.ctx, {
-			width: e,
-			height: t
-		}, n, this.textColor);
-	}
-}, jn = class {
+}, Ln = class {
 	options;
 	element;
 	arBtn = null;
@@ -2303,7 +2431,7 @@ var An = class {
 		}, document.addEventListener("fullscreenchange", this.onFullscreenChange);
 	}
 	setFullscreenIcon(e) {
-		this.fullscreenBtn !== null && this.fullscreenBtn.setIcon(e ? M.exitFullscreen() : M.fullscreen());
+		this.fullscreenBtn !== null && this.fullscreenBtn.setIcon(e ? F.exitFullscreen() : F.fullscreen());
 	}
 	syncButton(e, t, n) {
 		if (t && e === null) {
@@ -2313,19 +2441,19 @@ var An = class {
 		return !t && e !== null ? (e.element.remove(), null) : e;
 	}
 	applySettings(e) {
-		this.arBtn = this.syncButton(this.arBtn, e.ar !== !1 && this.options.onAr !== void 0, () => new N({
+		this.arBtn = this.syncButton(this.arBtn, e.ar !== !1 && this.options.onAr !== void 0, () => new I({
 			variant: "outline",
 			size: "icon",
-			label: Tt(),
-			icon: M.ar(),
+			label: jt(),
+			icon: F.ar(),
 			onClick: () => {
 				this.options.onAr?.();
 			}
-		})), this.fullscreenBtn = this.syncButton(this.fullscreenBtn, e.fullscreen !== !1 && this.options.onFullscreen !== void 0, () => new N({
+		})), this.fullscreenBtn = this.syncButton(this.fullscreenBtn, e.fullscreen !== !1 && this.options.onFullscreen !== void 0, () => new I({
 			variant: "outline",
 			size: "icon",
-			label: Ft(),
-			icon: M.fullscreen(),
+			label: Vt(),
+			icon: F.fullscreen(),
 			onClick: () => {
 				this.options.onFullscreen?.();
 			}
@@ -2333,11 +2461,11 @@ var An = class {
 		let t = e.annotations === "toggle-shown" || e.annotations === "toggle-hidden";
 		this.annotationsBtn = this.syncButton(this.annotationsBtn, t && this.options.onAnnotationsToggle !== void 0, () => {
 			this.annotationsShown = e.annotations === "toggle-shown";
-			let t = new N({
+			let t = new I({
 				variant: "outline",
 				size: "icon",
-				label: wt(),
-				icon: this.annotationsShown ? M.annotations() : M.annotationsOff(),
+				label: At(),
+				icon: this.annotationsShown ? F.annotations() : F.annotationsOff(),
 				onClick: () => {
 					this.flipAnnotations();
 				}
@@ -2346,12 +2474,12 @@ var An = class {
 		});
 	}
 	flipAnnotations() {
-		this.annotationsShown = !this.annotationsShown, this.annotationsBtn?.element.setAttribute("aria-pressed", String(this.annotationsShown)), this.annotationsBtn?.setIcon(this.annotationsShown ? M.annotations() : M.annotationsOff()), this.options.onAnnotationsToggle?.(this.annotationsShown);
+		this.annotationsShown = !this.annotationsShown, this.annotationsBtn?.element.setAttribute("aria-pressed", String(this.annotationsShown)), this.annotationsBtn?.setIcon(this.annotationsShown ? F.annotations() : F.annotationsOff()), this.options.onAnnotationsToggle?.(this.annotationsShown);
 	}
 	destroy() {
 		document.removeEventListener("fullscreenchange", this.onFullscreenChange);
 	}
-}, q = .5, Mn = class e {
+}, X = .5, Rn = class e {
 	element;
 	constructor(t, n) {
 		this.element = Object.assign(document.createElement("div"), { className: "vd-camera-controls" });
@@ -2360,9 +2488,9 @@ var An = class {
 			targetTilt: n.tilt,
 			targetZoom: n.zoom,
 			thetaOffset: 0
-		}, i = Ln(t, n, r);
+		}, i = Wn(t, n, r);
 		n.onChange((e) => {
-			r.targetRotation = e.rotation - r.thetaOffset, r.targetTilt = e.tilt, r.targetZoom = e.zoom, Rn(i, n, e);
+			r.targetRotation = e.rotation - r.thetaOffset, r.targetTilt = e.tilt, r.targetZoom = e.zoom, Gn(i, n, e);
 		}), this.element.appendChild(e.buildZoom(i.zoomOut, i.zoomIn)), this.element.appendChild(e.buildDpad(i.tiltUp, i.rotateLeft, i.reset, i.rotateRight, i.tiltDown));
 	}
 	static buildZoom(e, t) {
@@ -2382,18 +2510,18 @@ var An = class {
 		return a;
 	}
 };
-function Nn(e, t) {
+function zn(e, t) {
 	let n = e;
 	for (; n < t;) n += 360;
 	for (; n >= t + 360;) n -= 360;
 	return n;
 }
-function Pn(e, t, n) {
-	let r = Nn(e, t);
+function Bn(e, t, n) {
+	let r = zn(e, t);
 	return r <= n ? r : r - n <= t + 360 - r ? n : t;
 }
-function J(e, t, n) {
-	return new N({
+function Z(e, t, n) {
+	return new I({
 		variant: "outline",
 		size: "icon",
 		label: e,
@@ -2401,14 +2529,14 @@ function J(e, t, n) {
 		onClick: n
 	});
 }
-function Fn(e, t) {
+function Vn(e, t) {
 	return Math.max(e.limits?.minZoom ?? 1, Math.min(e.limits?.maxZoom ?? Infinity, t));
 }
-function In(e, t) {
+function Hn(e, t) {
 	let n = e.limits?.minRotate, r = e.limits?.maxRotate;
-	return n === void 0 || r === void 0 || r - n >= 360 ? t : Pn(t, n, r);
+	return n === void 0 || r === void 0 || r - n >= 360 ? t : Bn(t, n, r);
 }
-function Y(e, t, n, r) {
+function Un(e, t, n, r) {
 	let i = t.limits?.minTilt, a = t.limits?.maxTilt;
 	if (i !== void 0 || a !== void 0) {
 		n.targetTilt = Math.max(i ?? 0, Math.min(a ?? 180, n.targetTilt + r)), e.tilt(n.targetTilt).set();
@@ -2417,126 +2545,151 @@ function Y(e, t, n, r) {
 	let o = n.targetTilt + r;
 	o > 180 || o < 0 ? (n.targetTilt = o > 180 ? 360 - o : -o, n.thetaOffset = (n.thetaOffset + 180) % 360, e.tilt(n.targetTilt).rotate(n.targetRotation + n.thetaOffset).set()) : (n.targetTilt = o, e.tilt(n.targetTilt).set());
 }
-function Ln(e, t, n) {
+function Wn(e, t, n) {
 	let r = (r) => {
-		n.targetZoom = Fn(t, n.targetZoom + r), e.zoom(n.targetZoom).set();
+		n.targetZoom = Vn(t, n.targetZoom + r), e.zoom(n.targetZoom).set();
 	}, i = (r) => {
-		n.targetRotation = In(t, n.targetRotation + r), e.rotate(n.targetRotation + n.thetaOffset).set();
+		n.targetRotation = Hn(t, n.targetRotation + r), e.rotate(n.targetRotation + n.thetaOffset).set();
 	};
 	return {
-		zoomOut: J(Mt(), M.zoomOut(), () => {
+		zoomOut: Z(Rt(), F.zoomOut(), () => {
 			r(-10);
 		}),
-		zoomIn: J(jt(), M.zoomIn(), () => {
+		zoomIn: Z(Lt(), F.zoomIn(), () => {
 			r(10);
 		}),
-		tiltUp: J(At(), M.tiltUp(), () => {
-			Y(e, t, n, -15);
+		tiltUp: Z(It(), F.tiltUp(), () => {
+			Un(e, t, n, -15);
 		}),
-		rotateLeft: J(Dt(), M.rotateLeft(), () => {
+		rotateLeft: Z(Nt(), F.rotateLeft(), () => {
 			i(-15);
 		}),
-		reset: J(Et(), M.reset(), () => {
+		reset: Z(Mt(), F.reset(), () => {
 			n.thetaOffset = 0, e.reset();
 		}),
-		rotateRight: J(Ot(), M.rotateRight(), () => {
+		rotateRight: Z(Pt(), F.rotateRight(), () => {
 			i(15);
 		}),
-		tiltDown: J(kt(), M.tiltDown(), () => {
-			Y(e, t, n, 15);
+		tiltDown: Z(Ft(), F.tiltDown(), () => {
+			Un(e, t, n, 15);
 		})
 	};
 }
-function Rn(e, t, n) {
+function Gn(e, t, n) {
 	let r = t.limits;
 	if (r === void 0) return;
-	e.zoomOut.element.disabled = r.minZoom !== void 0 && n.zoom <= r.minZoom + q, e.zoomIn.element.disabled = r.maxZoom !== void 0 && n.zoom >= r.maxZoom - q, e.tiltUp.element.disabled = r.minTilt !== void 0 && n.tilt <= r.minTilt + q, e.tiltDown.element.disabled = r.maxTilt !== void 0 && n.tilt >= r.maxTilt - q;
+	e.zoomOut.element.disabled = r.minZoom !== void 0 && n.zoom <= r.minZoom + X, e.zoomIn.element.disabled = r.maxZoom !== void 0 && n.zoom >= r.maxZoom - X, e.tiltUp.element.disabled = r.minTilt !== void 0 && n.tilt <= r.minTilt + X, e.tiltDown.element.disabled = r.maxTilt !== void 0 && n.tilt >= r.maxTilt - X;
 	let { minRotate: i, maxRotate: a } = r;
 	if (i === void 0 || a === void 0 || a - i >= 360) {
 		e.rotateLeft.element.disabled = !1, e.rotateRight.element.disabled = !1;
 		return;
 	}
-	let o = Nn(n.rotation, i);
-	e.rotateLeft.element.disabled = o <= i + q, e.rotateRight.element.disabled = o >= a - q;
+	let o = zn(n.rotation, i);
+	e.rotateLeft.element.disabled = o <= i + X, e.rotateRight.element.disabled = o >= a - X;
 }
 // ../client-core/src/client/events.ts
-var X = {
+var Q = {
 	SELECT: "vd:select",
 	SELECTED: "vd:selected",
 	FOCUS_CHANGE: "vd:focus-change",
 	CONFIGURATION_CHANGE: "vd:configuration-change",
 	CONFIGURATION_SUBMIT: "vd:configuration-submit"
-}, zn = {
-	mm: 1,
-	cm: 10,
-	m: 1e3,
-	in: 25.4
-}, Bn = 3;
-function Vn(e) {
-	let t = e.stepMm / zn[e.displayUnit];
-	for (let e = 0; e <= Bn; e++) {
-		let n = t * 10 ** e;
-		if (Math.abs(n - Math.round(n)) < 1e-9) return e;
-	}
-	return Bn;
-}
-function Hn(e, t, n) {
-	let r = Vn(t), i = e / zn[t.displayUnit];
-	return new Intl.NumberFormat(n, {
-		minimumFractionDigits: r,
-		maximumFractionDigits: r
-	}).format(i);
-}
+};
 // ../client-core/src/ui/controls/measurement-group.ts
-function Un(e, t, n, r, i, a, o) {
-	let s = v(), c = e.values.map((e) => Hn(Number(e), t, s)), l = e.values.find((t) => n.getValue(e.name, t)?.isSelected === !0) ?? e.defaultValue, u = new fn(e.values, {
+function Kn(e, t, n, r, i, a, o) {
+	let s = e.values.find((t) => n.getValue(e.name, t)?.isSelected === !0) ?? e.defaultValue, c = new kn(e.values, {
 		label: e.name,
-		labels: c,
-		unit: t.displayUnit,
-		...l !== void 0 && { initialSelected: l }
+		labels: t.labels,
+		unit: t.unit,
+		...s !== void 0 && { initialSelected: s }
 	});
-	return u.onSelect((t) => {
+	return c.onSelect((t) => {
 		i(e.name, t);
-	}), u.onSettle((t) => {
-		r.dispatch(X.SELECT, {
+	}), c.onSettle((t) => {
+		r.dispatch(Q.SELECT, {
 			attribute: e.name,
 			value: t
 		}, !0).defaultPrevented || a(e.name, t);
 	}), o(e.name, (t) => {
-		u.setSelected(t.value), r.dispatch(X.SELECTED, {
+		c.setSelected(t.value), r.dispatch(Q.SELECTED, {
 			attribute: e.name,
 			value: t.value
 		});
 	}), {
-		element: u.element,
+		element: c.element,
 		setSelectable: () => {}
 	};
 }
+// ../measurements/src/units.ts
+var qn = {
+	mm: 1,
+	cm: 10,
+	m: 1e3,
+	in: 25.4
+};
+function Jn(e, t) {
+	return e / qn[t];
+}
+// ../client-core/src/ui/controls/measurement-format.ts
+var Yn = 3;
+function Xn(e) {
+	let t = Jn(e.stepMm, e.displayUnit);
+	for (let e = 0; e <= Yn; e++) {
+		let n = t * 10 ** e;
+		if (Math.abs(n - Math.round(n)) < 1e-9) return e;
+	}
+	return Yn;
+}
+function Zn(e, t, n) {
+	let r = Xn(t), i = Jn(e, t.displayUnit);
+	return new Intl.NumberFormat(n, {
+		minimumFractionDigits: r,
+		maximumFractionDigits: r
+	}).format(i);
+}
+function Qn(e, t, n) {
+	return {
+		labels: e.values.map((e) => Zn(Number(e), t, n)),
+		unit: t.displayUnit
+	};
+}
+var $n = 20;
+function er(e, t) {
+	let n = new Intl.NumberFormat(t, { maximumFractionDigits: $n });
+	return {
+		labels: e.numbers.map((e) => n.format(e)),
+		unit: e.unit
+	};
+}
 // ../client-core/src/ui/controls/attribute-group.ts
-var Wn = 5, Gn = 0;
-function Kn(e, t, n, r, i, a) {
+var tr = 5, nr = 0;
+function rr(e, t, n, r, i, a) {
 	let o = document.createElement("div");
 	o.className = "vd-attribute", o.dataset.name = e.name;
 	let s = document.createElement("span");
-	s.className = "vd-attribute-label", s.textContent = S(e.name), s.id = `vd-attribute-label-${Gn++}`, o.appendChild(s), o.setAttribute("role", "group"), o.setAttribute("aria-labelledby", s.id);
+	s.className = "vd-attribute-label", s.textContent = C(e.name), s.id = `vd-attribute-label-${nr++}`, o.appendChild(s), o.setAttribute("role", "group"), o.setAttribute("aria-labelledby", s.id);
 	let c = (e) => {
 		o.style.display = e ? "none" : "";
-	}, l = e.dimension === void 0 ? qn(e, t, n, r, a) : Un(e, e.dimension, t, n, i, r, a);
-	return o.appendChild(l.element), {
+	}, l = ir(e), u = l === void 0 ? ar(e, t, n, r, a) : Kn(e, l, t, n, i, r, a);
+	return o.appendChild(u.element), {
 		element: o,
-		setSelectable: l.setSelectable,
+		setSelectable: u.setSelectable,
 		setHidden: c
 	};
 }
-function qn(e, t, n, r, i) {
-	let a = e.values.find((n) => t.getValue(e.name, n)?.isSelected === !0), o = e.values.map((t) => Fe(t, e.labels)), s = e.values.length <= Wn ? new un(e.values, a, o) : new dn(e.name, e.values, S(e.name), a, o);
+function ir(e) {
+	if (e.dimension !== void 0) return Qn(e, e.dimension, y());
+	if (e.size !== void 0) return er(e.size, y());
+}
+function ar(e, t, n, r, i) {
+	let a = e.values.find((n) => t.getValue(e.name, n)?.isSelected === !0), o = e.values.map((t) => Re(t, e.labels)), s = e.values.length <= tr ? new Dn(e.values, a, o) : new On(e.name, e.values, C(e.name), a, o);
 	return s.onSelect((t) => {
-		n.dispatch(X.SELECT, {
+		n.dispatch(Q.SELECT, {
 			attribute: e.name,
 			value: t
 		}, !0).defaultPrevented || r(e.name, t);
 	}), i(e.name, (t) => {
-		s.setSelected(t.value), n.dispatch(X.SELECTED, {
+		s.setSelected(t.value), n.dispatch(Q.SELECTED, {
 			attribute: e.name,
 			value: t.value
 		});
@@ -2548,7 +2701,7 @@ function qn(e, t, n, r, i) {
 	};
 }
 // ../client-core/src/ui/commerce-panel.ts
-var Jn = 80, Yn = 2500, Xn = class {
+var or = 80, sr = 2500, cr = class {
 	configuration;
 	element;
 	priceEl;
@@ -2560,7 +2713,7 @@ var Jn = 80, Yn = 2500, Xn = class {
 	constructor(e) {
 		this.configuration = e, this.element = document.createElement("div"), this.element.className = "vd-commerce vd-hidden";
 		let t = document.createElement("div");
-		t.className = "vd-commerce-price", this.priceEl = document.createElement("span"), this.priceEl.className = "vd-price", this.vatEl = document.createElement("span"), this.vatEl.className = "vd-vat", t.append(this.priceEl, this.vatEl), this.button = new N({
+		t.className = "vd-commerce-price", this.priceEl = document.createElement("span"), this.priceEl.className = "vd-price", this.vatEl = document.createElement("span"), this.vatEl.className = "vd-vat", t.append(this.priceEl, this.vatEl), this.button = new I({
 			variant: "default",
 			onClick: () => {
 				this.handleSubmit();
@@ -2578,23 +2731,23 @@ var Jn = 80, Yn = 2500, Xn = class {
 		this.unsubscribe(), this.resetTimer !== void 0 && clearTimeout(this.resetTimer), this.element.remove();
 	}
 	renderPrice(e) {
-		e === void 0 ? (this.priceEl.textContent = "", this.vatEl.textContent = "") : (this.priceEl.textContent = Zn(e.price, e.currency), this.vatEl.textContent = Z(this.configuration.vatDisplay));
+		e === void 0 ? (this.priceEl.textContent = "", this.vatEl.textContent = "") : (this.priceEl.textContent = lr(e.price, e.currency), this.vatEl.textContent = $(this.configuration.vatDisplay));
 	}
 	renderButton() {
 		let e = this.configuration.submitEnabled;
-		this.button.element.classList.toggle("vd-hidden", !e), e && this.state === "idle" && this.setButtonText(Z(this.configuration.buttonLabel));
+		this.button.element.classList.toggle("vd-hidden", !e), e && this.state === "idle" && this.setButtonText($(this.configuration.buttonLabel));
 	}
 	async handleSubmit() {
 		if (this.state !== "busy") {
-			this.setState("busy", xt());
+			this.setState("busy", Dt());
 			try {
-				await this.configuration.submit(), this.setState("success", Ct());
+				await this.configuration.submit(), this.setState("success", kt());
 			} catch (e) {
 				if (e instanceof DOMException && e.name === "AbortError") {
-					this.setState("idle", Z(this.configuration.buttonLabel));
+					this.setState("idle", $(this.configuration.buttonLabel));
 					return;
 				}
-				A.warn("Commerce submit failed", { error: e }), this.setState("failed", St());
+				j.warn("Commerce submit failed", { error: e }), this.setState("failed", Ot());
 			}
 			this.scheduleReset();
 		}
@@ -2602,7 +2755,7 @@ var Jn = 80, Yn = 2500, Xn = class {
 	scheduleReset() {
 		this.resetTimer !== void 0 && clearTimeout(this.resetTimer), this.resetTimer = setTimeout(() => {
 			this.state = "idle", this.update();
-		}, Yn);
+		}, sr);
 	}
 	setState(e, t) {
 		this.state = e, this.element.dataset.submit = e, this.button.element.disabled = e === "busy", this.setButtonText(t);
@@ -2611,12 +2764,12 @@ var Jn = 80, Yn = 2500, Xn = class {
 		this.button.element.textContent = e, this.button.element.setAttribute("aria-label", e);
 	}
 };
-function Z(e) {
-	return (e ?? "").slice(0, Jn);
+function $(e) {
+	return (e ?? "").slice(0, or);
 }
-function Zn(e, t) {
+function lr(e, t) {
 	try {
-		let n = new Intl.NumberFormat(v(), {
+		let n = new Intl.NumberFormat(y(), {
 			style: "currency",
 			currency: t
 		}), r = n.resolvedOptions().maximumFractionDigits ?? 2;
@@ -2626,7 +2779,7 @@ function Zn(e, t) {
 	}
 }
 // ../client-core/src/ui/layouts/inframe-layout.ts
-var Qn = class {
+var ur = class {
 	slot = null;
 	panel = null;
 	attach(e, t) {
@@ -2638,7 +2791,7 @@ var Qn = class {
 	destroy() {
 		this.slot?.remove(), this.slot = null, this.panel = null;
 	}
-}, $n = 572, er = class {
+}, dr = 572, fr = class {
 	actionBarSlot;
 	element = null;
 	body = null;
@@ -2653,21 +2806,21 @@ var Qn = class {
 		this.actionBarSlot = e;
 	}
 	attach(e, t) {
-		this.container = e, t.classList.add("vd-attributes-sidebar"), this.closeButton = new N({
+		this.container = e, t.classList.add("vd-attributes-sidebar"), this.closeButton = new I({
 			variant: "ghost",
 			size: "icon-sm",
-			label: Nt(),
-			icon: M.close({ size: 18 }),
+			label: zt(),
+			icon: F.close({ size: 18 }),
 			onClick: () => {
 				this.expanded = !1, this.render();
 			}
 		});
 		let n = document.createElement("div");
-		n.className = "vd-sidebar-header", n.appendChild(this.closeButton.element), this.body = document.createElement("div"), this.body.className = "vd-sidebar-body", this.body.appendChild(t), this.element = document.createElement("div"), this.element.className = "vd-sidebar vd-hidden", this.element.append(n, this.body), e.appendChild(this.element), this.openButton = new N({
+		n.className = "vd-sidebar-header", n.appendChild(this.closeButton.element), this.body = document.createElement("div"), this.body.className = "vd-sidebar-body", this.body.appendChild(t), this.element = document.createElement("div"), this.element.className = "vd-sidebar vd-hidden", this.element.append(n, this.body), e.appendChild(this.element), this.openButton = new I({
 			variant: "outline",
 			size: "icon",
-			label: Pt(),
-			icon: M.configurator({ size: 18 }),
+			label: Bt(),
+			icon: F.configurator({ size: 18 }),
 			onClick: () => {
 				this.expanded = !0, this.render();
 			}
@@ -2682,7 +2835,7 @@ var Qn = class {
 	observe() {
 		typeof ResizeObserver < "u" && this.container !== null && (this.observer = new ResizeObserver((e) => {
 			let t = e[0]?.contentRect.width ?? 0;
-			this.setCollapsible(t > 0 && t < $n);
+			this.setCollapsible(t > 0 && t < dr);
 		}), this.observer.observe(this.container));
 	}
 	setCollapsible(e) {
@@ -2693,20 +2846,20 @@ var Qn = class {
 		let e = this.visible && this.expanded, t = this.visible && !this.expanded;
 		this.element.classList.toggle("vd-hidden", !this.visible), this.element.classList.toggle("vd-sidebar-collapsed", t), this.openButton.element.classList.toggle("vd-hidden", !t), this.closeButton.element.style.display = this.collapsible ? "" : "none", this.container.classList.toggle("vd-layout-sidebar-right", e), this.container.classList.toggle("vd-layout-sidebar-permanent", e && !this.collapsible);
 	}
-}, tr = class {
+}, pr = class {
 	attach(e, t) {}
 	setVisible(e) {}
 	destroy() {}
-}, nr = {
-	"inframe-bottom-left": () => new Qn(),
-	"sidebar-right": (e) => new er(e),
-	hidden: () => new tr()
+}, mr = {
+	"inframe-bottom-left": () => new ur(),
+	"sidebar-right": (e) => new fr(e),
+	hidden: () => new pr()
 };
-function rr(e, t) {
-	return (nr[e ?? ""] ?? (() => new Qn()))(t);
+function hr(e, t) {
+	return (mr[e ?? ""] ?? (() => new ur()))(t);
 }
 // ../client-core/src/ui/styles.ts
-var Q = I.fontFamily.sans.join(", "), $ = "\n  position: absolute;\n  display: flex;\n  z-index: 10;\n  transition: inset-inline-end 0.18s ease;\n", ir = `
+var gr = J.fontFamily.sans.join(", "), _r = "\n  position: absolute;\n  display: flex;\n  z-index: 10;\n  transition: inset-inline-end 0.18s ease;\n", vr = `
 /* Override browser's default black fullscreen backdrop */
 .vd-container:fullscreen {
   background: oklch(100% 0 0);
@@ -2714,52 +2867,52 @@ var Q = I.fontFamily.sans.join(", "), $ = "\n  position: absolute;\n  display: f
 
 /* Layout slots — four corners */
 .vd-slot-top-right {
-  ${$}
-  inset-block-start: ${F[3]};
-  inset-inline-end: ${F[3]};
+  ${_r}
+  inset-block-start: ${q[3]};
+  inset-inline-end: ${q[3]};
   flex-direction: column;
   align-items: flex-end;
-  gap: ${F[1.5]};
+  gap: ${q[1.5]};
 }
 
 .vd-slot-bottom-left {
-  ${$}
-  inset-block-end: ${F[3]};
-  inset-inline-start: ${F[3]};
+  ${_r}
+  inset-block-end: ${q[3]};
+  inset-inline-start: ${q[3]};
   flex-direction: column;
   align-items: flex-start;
-  gap: ${F[1.5]};
+  gap: ${q[1.5]};
 }
 
 .vd-slot-bottom-right {
-  ${$}
-  inset-block-end: ${F[3]};
-  inset-inline-end: ${F[3]};
+  ${_r}
+  inset-block-end: ${q[3]};
+  inset-inline-end: ${q[3]};
   flex-direction: row;
-  gap: ${F[1.5]};
+  gap: ${q[1.5]};
 }
 
 /* Component styles — no positioning */
 .vd-camera-controls {
   display: flex;
   flex-direction: column;
-  gap: ${F[1]};
-  background: color-mix(in oklch, ${P.white} 85%, transparent);
+  gap: ${q[1]};
+  background: color-mix(in oklch, ${K.white} 85%, transparent);
   backdrop-filter: blur(8px);
-  border-radius: ${F[2]};
-  padding: ${F[2]};
+  border-radius: ${q[2]};
+  padding: ${q[2]};
 }
 
 .vd-zoom {
   display: flex;
-  gap: ${F[.5]};
+  gap: ${q[.5]};
 }
 
 .vd-dpad {
   display: grid;
-  grid-template-columns: repeat(3, ${F[9]});
-  grid-template-rows: repeat(3, ${F[9]});
-  gap: ${F[.5]};
+  grid-template-columns: repeat(3, ${q[9]});
+  grid-template-rows: repeat(3, ${q[9]});
+  gap: ${q[.5]};
 }
 
 .vd-dpad-up    { grid-column: 2; grid-row: 1; }
@@ -2771,30 +2924,30 @@ var Q = I.fontFamily.sans.join(", "), $ = "\n  position: absolute;\n  display: f
 .vd-attributes {
   display: flex;
   flex-direction: column;
-  gap: ${F[3]};
-  background: color-mix(in oklch, ${P.white} 85%, transparent);
+  gap: ${q[3]};
+  background: color-mix(in oklch, ${K.white} 85%, transparent);
   backdrop-filter: blur(8px);
-  border: 1px solid color-mix(in oklch, ${P.neutral[900]} 8%, transparent);
-  border-radius: ${F[3]};
-  padding: ${F[3]};
-  box-shadow: 0 ${F[1]} ${F[4]} color-mix(in oklch, ${P.neutral[900]} 6%, transparent);
-  font-family: ${Q};
+  border: 1px solid color-mix(in oklch, ${K.neutral[900]} 8%, transparent);
+  border-radius: ${q[3]};
+  padding: ${q[3]};
+  box-shadow: 0 ${q[1]} ${q[4]} color-mix(in oklch, ${K.neutral[900]} 6%, transparent);
+  font-family: ${gr};
 }
 
 .vd-attribute {
   display: flex;
   flex-direction: column;
-  gap: ${F[1.5]};
+  gap: ${q[1.5]};
 }
 
 /* Micro-label: recedes so the controls lead. */
 .vd-attribute-label {
-  font-size: ${I.fontSize.xs};
-  font-weight: ${I.fontWeight.medium};
-  color: ${P.neutral[500]};
+  font-size: ${J.fontSize.xs};
+  font-weight: ${J.fontWeight.medium};
+  color: ${K.neutral[500]};
   text-transform: uppercase;
   letter-spacing: 0.05em;
-  font-family: ${Q};
+  font-family: ${gr};
 }
 
 /* sidebar-right layout — a docked, full-height right panel */
@@ -2830,10 +2983,10 @@ var Q = I.fontFamily.sans.join(", "), $ = "\n  position: absolute;\n  display: f
   z-index: 11;
   display: flex;
   flex-direction: column;
-  background: color-mix(in oklch, ${P.white} 90%, transparent);
+  background: color-mix(in oklch, ${K.white} 90%, transparent);
   backdrop-filter: blur(10px);
-  border-inline-start: 1px solid color-mix(in oklch, ${P.neutral[900]} 8%, transparent);
-  box-shadow: -${F[1]} 0 ${F[4]} color-mix(in oklch, ${P.neutral[900]} 5%, transparent);
+  border-inline-start: 1px solid color-mix(in oklch, ${K.neutral[900]} 8%, transparent);
+  box-shadow: -${q[1]} 0 ${q[4]} color-mix(in oklch, ${K.neutral[900]} 5%, transparent);
 }
 
 @media (prefers-reduced-motion: no-preference) {
@@ -2845,13 +2998,13 @@ var Q = I.fontFamily.sans.join(", "), $ = "\n  position: absolute;\n  display: f
 .vd-sidebar-header {
   display: flex;
   justify-content: flex-end;
-  padding: ${F[1.5]} ${F[1.5]} 0;
+  padding: ${q[1.5]} ${q[1.5]} 0;
 }
 
 .vd-sidebar-body {
   flex: 1;
   overflow-y: auto;
-  padding: ${F[4]};
+  padding: ${q[4]};
 }
 
 /* attributes inside the sidebar: flat and full-width — the panel provides the frosting */
@@ -2862,38 +3015,38 @@ var Q = I.fontFamily.sans.join(", "), $ = "\n  position: absolute;\n  display: f
   border-radius: 0;
   padding: 0;
   box-shadow: none;
-  gap: ${F[5]};
+  gap: ${q[5]};
 }
 
 /* while the panel is open, keep the corner controls clear of it */
-.vd-layout-sidebar-right .vd-slot-top-right { inset-inline-end: calc(var(--vd-sidebar-width) + ${F[3]}); }
-.vd-layout-sidebar-right .vd-slot-bottom-right { inset-inline-end: calc(var(--vd-sidebar-width) + ${F[3]}); }
+.vd-layout-sidebar-right .vd-slot-top-right { inset-inline-end: calc(var(--vd-sidebar-width) + ${q[3]}); }
+.vd-layout-sidebar-right .vd-slot-bottom-right { inset-inline-end: calc(var(--vd-sidebar-width) + ${q[3]}); }
 
 /* Price + CTA — sit under the attribute controls, separated by a hairline */
 .vd-commerce {
   display: flex;
   flex-direction: column;
-  gap: ${F[2]};
-  padding-block-start: ${F[3]};
-  border-block-start: 1px solid color-mix(in oklch, ${P.neutral[900]} 8%, transparent);
-  font-family: ${Q};
+  gap: ${q[2]};
+  padding-block-start: ${q[3]};
+  border-block-start: 1px solid color-mix(in oklch, ${K.neutral[900]} 8%, transparent);
+  font-family: ${gr};
 }
 
 .vd-commerce-price {
   display: flex;
   align-items: baseline;
-  gap: ${F[1.5]};
+  gap: ${q[1.5]};
 }
 
 .vd-price {
-  font-size: ${I.fontSize.lg};
-  font-weight: ${I.fontWeight.semibold};
-  color: ${P.neutral[900]};
+  font-size: ${J.fontSize.lg};
+  font-weight: ${J.fontWeight.semibold};
+  color: ${K.neutral[900]};
 }
 
 .vd-vat {
-  font-size: ${I.fontSize.xs};
-  color: ${P.neutral[500]};
+  font-size: ${J.fontSize.xs};
+  color: ${K.neutral[500]};
 }
 
 .vd-cta {
@@ -2903,23 +3056,23 @@ var Q = I.fontFamily.sans.join(", "), $ = "\n  position: absolute;\n  display: f
 
 /* Failed submit is the one place red belongs: a clear, recoverable error state. */
 .vd-commerce[data-submit="failed"] .vd-cta {
-  background: ${P.semantic.error};
-  border-color: ${P.semantic.error};
-  color: ${P.white};
+  background: ${K.semantic.error};
+  border-color: ${K.semantic.error};
+  color: ${K.white};
 }
 
 `;
-function ar() {
-	if (_n(), document.getElementById("vd-styles") !== null) return;
+function yr() {
+	if (Pn(), document.getElementById("vd-styles") !== null) return;
 	let e = document.createElement("style");
-	e.id = "vd-styles", e.textContent = ir, document.head.appendChild(e);
+	e.id = "vd-styles", e.textContent = vr, document.head.appendChild(e);
 }
 // ../client-core/src/ui/standard-interface.ts
-function or(e, t) {
+function br(e, t) {
 	let n = document.createElement("a");
 	n.href = `data:image/png;base64,${e}`, n.download = t, n.click();
 }
-var sr = class {
+var xr = class {
 	options;
 	settings = {};
 	container = null;
@@ -2941,7 +3094,10 @@ var sr = class {
 		this.options = e;
 	}
 	attach(e) {
-		ar(), this.container = e, this.loading = new An(e), this.slots.topRight = this.createSlot(e, "vd-slot-top-right"), this.slots.bottomRight = this.createSlot(e, "vd-slot-bottom-right");
+		yr(), this.container = e, this.loading = new En(e, { text: {
+			downloading: () => Yt(),
+			loadError: () => Xt()
+		} }), this.slots.topRight = this.createSlot(e, "vd-slot-top-right"), this.slots.bottomRight = this.createSlot(e, "vd-slot-bottom-right");
 	}
 	onReady() {
 		this.ready = !0, this.loading?.hide(), this.loading = null, this.mountToolbar(), this.cameraControls !== null && (this.cameraControls.element.style.display = "flex"), this.layout?.setVisible(!0);
@@ -2949,7 +3105,7 @@ var sr = class {
 	mountToolbar() {
 		if (this.actionBar !== null || this.slots.bottomRight === null || this.container === null) return;
 		let e = typeof this.container.requestFullscreen == "function" && document.fullscreenEnabled !== !1;
-		this.actionBar = new jn({
+		this.actionBar = new Ln({
 			onAr: this.options.onAr,
 			onFullscreen: e ? () => {
 				this.toggleFullscreen();
@@ -2959,7 +3115,7 @@ var sr = class {
 	}
 	toggleFullscreen() {
 		this.container !== null && (document.fullscreenElement === null ? (this.options.onFullscreenEnter?.(), this.container.requestFullscreen().catch((e) => {
-			A.warn("Fullscreen request refused", { error: e });
+			j.warn("Fullscreen request refused", { error: e });
 		})) : document.exitFullscreen());
 	}
 	updateProgress(e, t) {
@@ -2972,20 +3128,20 @@ var sr = class {
 		this.loading?.viewerAlive();
 	}
 	applyViewerSettings(e) {
-		this.settings = e, e.language !== void 0 && ye(e.language, { reload: !1 }), this.syncScreenshotButton(), this.actionBar?.applySettings(e), this.cameraControls !== null && (this.cameraControls.element.style.display = e.cameraControls === !0 ? "flex" : "none"), this.placeScreenshotButton();
+		this.settings = e, e.language !== void 0 && xe(e.language, { reload: !1 }), this.syncScreenshotButton(), this.actionBar?.applySettings(e), this.cameraControls !== null && (this.cameraControls.element.style.display = e.cameraControls === !0 ? "flex" : "none"), this.placeScreenshotButton();
 	}
 	renderModelControls(e, t) {
 		if (this.container !== null && this.slots.topRight !== null && this.slots.bottomRight !== null && (this.cameraControls?.element.remove(), this.cameraControls = null, this.teardownConfigurator(), this.mountCameraControls(this.slots.topRight), this.placeScreenshotButton(), t.length !== 0)) {
 			this.attributes = document.createElement("div"), this.attributes.className = "vd-attributes", this.groupHandles = /* @__PURE__ */ new Map();
 			for (let n of t) {
-				let t = Kn(n, e, this.options.eventBus, this.options.onSelect, this.options.onSelectTransient, this.options.onSubscribe);
+				let t = rr(n, e, this.options.eventBus, this.options.onSelect, this.options.onSelectTransient, this.options.onSubscribe);
 				this.groupHandles.set(n.name, t), this.attributes.appendChild(t.element);
 			}
-			this.commerce = new Xn(this.options.configuration), this.attributes.appendChild(this.commerce.element), this.layout = rr(this.settings.configuratorLayout, this.slots.bottomRight), this.layout.attach(this.container, this.attributes), this.ready === !0 && this.layout.setVisible(!0), this.lastSelectable !== null && this.applySelectable(this.lastSelectable);
+			this.commerce = new cr(this.options.configuration), this.attributes.appendChild(this.commerce.element), this.layout = hr(this.settings.configuratorLayout, this.slots.bottomRight), this.layout.attach(this.container, this.attributes), this.ready === !0 && this.layout.setVisible(!0), this.lastSelectable !== null && this.applySelectable(this.lastSelectable);
 		}
 	}
 	mountCameraControls(e) {
-		this.settings.cameraControls === !0 && (this.cameraControls = new Mn(this.options.cameraApi, this.options.cameraPositionApi), this.cameraControls.element.style.display = this.ready ? "flex" : "none", e.appendChild(this.cameraControls.element));
+		this.settings.cameraControls === !0 && (this.cameraControls = new Rn(this.options.cameraApi, this.options.cameraPositionApi), this.cameraControls.element.style.display = this.ready ? "flex" : "none", e.appendChild(this.cameraControls.element));
 	}
 	applySelectable(e) {
 		this.lastSelectable = e;
@@ -3011,11 +3167,11 @@ var sr = class {
 	}
 	syncScreenshotButton() {
 		let e = this.settings.screenshot === !0;
-		e && this.screenshotBtn === null && (this.screenshotBtn = new N({
+		e && this.screenshotBtn === null && (this.screenshotBtn = new I({
 			variant: "outline",
 			size: "icon",
-			label: Ht(),
-			icon: M.screenshot(),
+			label: Jt(),
+			icon: F.screenshot(),
 			onClick: () => {
 				this.takeScreenshot();
 			}
@@ -3024,15 +3180,15 @@ var sr = class {
 	takeScreenshot() {
 		let e = this.screenshotBtn;
 		e === null || e.element.disabled || (e.element.disabled = !0, this.options.snapshotApi.take("snapshot.png").onDeveloped(({ data: t, filename: n }) => {
-			e.element.disabled = !1, or(t, n);
+			e.element.disabled = !1, br(t, n);
 		}).onError((t) => {
-			e.element.disabled = !1, A.warn("Screenshot failed", { error: t });
+			e.element.disabled = !1, j.warn("Screenshot failed", { error: t });
 		}));
 	}
 	placeScreenshotButton() {
 		this.screenshotBtn !== null && this.slots.topRight !== null && (this.cameraControls === null ? this.slots.topRight.appendChild(this.screenshotBtn.element) : this.cameraControls.element.appendChild(this.screenshotBtn.element));
 	}
-}, cr = class {
+}, Sr = class {
 	defaultServer = "https://server.virtualdisplay.io";
 	options;
 	serverHost;
@@ -3070,7 +3226,7 @@ var sr = class {
 		return t.toString();
 	}
 	setAddressParams(e) {
-		this.options.app === void 0 ? (e.searchParams.set("license", this.options.license), e.searchParams.set("model", this.options.model)) : (e.searchParams.set("app", this.options.app), (this.options.license !== void 0 || this.options.model !== void 0) && A.warn("Both `app` and `license`/`model` were supplied: `app` wins, the pair was ignored"));
+		this.options.app === void 0 ? (e.searchParams.set("license", this.options.license), e.searchParams.set("model", this.options.model)) : (e.searchParams.set("app", this.options.app), (this.options.license !== void 0 || this.options.model !== void 0) && j.warn("Both `app` and `license`/`model` were supplied: `app` wins, the pair was ignored"));
 	}
 	getServerUrl() {
 		return this.serverHost === void 0 ? this.defaultServer : this.serverHost;
@@ -3078,54 +3234,58 @@ var sr = class {
 	getParentElement() {
 		if (typeof this.options.parent != "string") return this.options.parent;
 		let e = document.querySelector(this.options.parent);
-		if (e === null) throw w.parentNotFound(this.options.parent);
+		if (e === null) throw T.parentNotFound(this.options.parent);
 		return e;
 	}
 };
 // ../client-core/src/client/incoming-message-routing.ts
-function lr(e) {
+function Cr(e) {
 	let { messenger: n } = e;
 	n.on(t.HANDSHAKE, (t) => {
-		l(t) && (A.info("Server handshake received, flushing publisher queue"), n.markReady(), e.ui.viewerAlive());
+		l(t) && (j.info("Server handshake received, flushing publisher queue"), n.markReady(), e.ui.viewerAlive());
 	}), n.on(t.SESSION, (t) => {
 		u(t) && e.onSession(t.sessionId);
 	}), n.on(t.MUTATION, (t) => {
-		d(t) && (e.attributes.handleMutationResult(t), e.configuration.handleSelectionChanged(e.attributes.getSelection()));
+		ne(t) && (e.attributes.handleMutationResult(t), e.configuration.handleSelectionChanged(e.attributes.getSelection()));
 	}), n.on(t.SNAPSHOT, (t) => {
-		f(t) && e.snapshot.handleSnapshotResult(t);
+		m(t) && e.snapshot.handleSnapshotResult(t);
 	}), n.on(t.CAMERA, (t) => {
-		p(t) && e.cameraPosition.handlePositionUpdate(t);
+		re(t) && e.cameraPosition.handlePositionUpdate(t);
 	}), n.on(t.LOADING_INDICATOR, (t) => {
-		ne(t) && (t.error === void 0 ? e.ui.updateProgress(t.progress, t.phase) : e.ui.showError(t.error));
+		ae(t) && (t.error === void 0 ? e.ui.updateProgress(t.progress, t.phase) : e.ui.showError(t.error));
 	}), n.on(t.CONFIG, (t) => {
-		ie(t) && e.applyConfig(t);
+		ce(t) && e.applyConfig(t);
 	}), n.on(t.MAPPING, (t) => {
-		te(t) && (e.attributes.handleMappingReceived(t), e.configuration.handleSelectionChanged(e.attributes.getSelection()), e.ui.renderModelControls(e.attributes, t.attributes), e.readyStateTracker.handleMappingReceived());
-	}), ur(e);
+		ie(t) && (e.attributes.handleMappingReceived(t), e.configuration.handleSelectionChanged(e.attributes.getSelection()), e.ui.renderModelControls(e.attributes, t.attributes), e.readyStateTracker.handleMappingReceived());
+	}), wr(e);
 }
-function ur(e) {
+function wr(e) {
 	let { messenger: n } = e;
 	n.on(t.FOCUS, (t) => {
-		ae(t) && e.focus.handleStateReceived(t);
+		le(t) && e.focus.handleStateReceived(t);
+	}), n.on(t.PERSONALISED, (t) => {
+		d(t) && e.personalisation.handleReplyReceived(t);
+	}), n.on(t.ZONES, (t) => {
+		te(t) && e.personalisation.handleZonesReceived(t);
 	}), n.on(t.PRICING, (t) => {
-		oe(t) && e.configuration.handlePricingReceived(t.pricing);
+		ue(t) && e.configuration.handlePricingReceived(t.pricing);
 	}), n.on(t.SYNC, (t) => {
-		m(t) && e.onSync(t.connected);
+		oe(t) && e.onSync(t.connected);
 	}), n.on(t.SELECTABLE, (t) => {
-		re(t) && (e.selectable.handleSnapshot(t), e.ui.applySelectable(t.attributes));
+		se(t) && (e.selectable.handleSnapshot(t), e.ui.applySelectable(t.attributes));
 	}), n.on(t.APP_RESOLVED, (t) => {
 		ee(t) && e.onAppResolved(t);
 	});
 }
 // ../client-core/src/client/ready-state-tracker.ts
-var dr = class {
+var Tr = class {
 	ready = !1;
 	onReady;
 	constructor(e) {
 		this.onReady = e;
 	}
 	handleMappingReceived() {
-		this.ready || (this.ready = !0, A.info("Mapping received from server, client is now ready"), this.onReady?.());
+		this.ready || (this.ready = !0, j.info("Mapping received from server, client is now ready"), this.onReady?.());
 	}
 	get isReady() {
 		return this.ready;
@@ -3135,7 +3295,7 @@ var dr = class {
 	}
 };
 // ../client-core/src/client/base-client.ts
-function fr(e) {
+function Er(e) {
 	if (e === void 0) return;
 	let { annotations: t, ...n } = e;
 	return t === void 0 ? n : t === !0 ? {
@@ -3149,12 +3309,12 @@ function fr(e) {
 		annotations: t
 	};
 }
-function pr(e) {
+function Dr(e) {
 	if (!Array.isArray(e)) return {};
 	let t = e.filter((e) => typeof e == "string");
 	return t.length > 0 ? { features: t } : {};
 }
-var mr = class {
+var Or = class {
 	attributes;
 	selectableState;
 	readyStateTracker;
@@ -3162,6 +3322,7 @@ var mr = class {
 	cameraApi;
 	cameraPositionApi;
 	focusApi;
+	personalisationApi;
 	configurationApi;
 	snapshotApi;
 	annotationsApi;
@@ -3182,28 +3343,28 @@ var mr = class {
 	constructor(e, t) {
 		this.options = e;
 		let r = t ?? {};
-		this.serverHost = r.serverHost, this.iframeParams = r.iframeParams, this.initializeLogging(), this.messenger = new ce(() => this.iframe?.contentWindow ?? null, {
-			onHandlerError: (e, t) => A.error(`Error handling ${e.type}`, t),
+		this.serverHost = r.serverHost, this.iframeParams = r.iframeParams, this.initializeLogging(), this.messenger = new fe(() => this.iframe?.contentWindow ?? null, {
+			onHandlerError: (e, t) => j.error(`Error handling ${e.type}`, t),
 			...r.messengerOptions
 		});
 		let i = (e) => {
 			this.messenger.send(e);
 		};
-		this.attributes = new ct(i, n, (e, t) => {
+		this.attributes = new dt(i, n, (e, t) => {
 			this.notifyMutationFailed(e, t);
-		}), this.selectableState = new lt(), this.snapshotApi = new yt(i), this.annotationsApi = new ue(i, n), this.cameraApi = new ut(i), this.cameraPositionApi = new dt(), this.focusApi = new gt(i, (e) => {
+		}), this.selectableState = new ft(), this.snapshotApi = new Tt(i), this.annotationsApi = new me(i, n), this.cameraApi = new pt(i), this.cameraPositionApi = new mt(), this.focusApi = new yt(i, (e) => {
 			this.dispatchFocusChange(e);
-		}, n), this.configurationApi = new ht((e) => {
+		}, n), this.personalisationApi = new St(i, n), this.configurationApi = new vt((e) => {
 			this.dispatchConfigurationChange(e);
 		}, (e) => {
 			this.dispatchConfigurationSubmit(e);
-		}), this.eventBus = new bt(), this.arActivation = r.createArActivation?.(i), this.syncTracker = r.createSyncTracker?.(), this.readyStateTracker = new dr(() => {
+		}), this.eventBus = new Et(), this.arActivation = r.createArActivation?.(i), this.syncTracker = r.createSyncTracker?.(), this.readyStateTracker = new Tr(() => {
 			this.notifyReady();
 		}), this.ui = this.createStandardInterface(), this.wireIncomingMessages(), r.registerHandlers?.(this.messenger, i), this.messenger.start(), this.mountIframe();
 	}
 	createStandardInterface() {
 		let e = this.arActivation;
-		return new sr({
+		return new xr({
 			snapshotApi: this.snapshotApi,
 			cameraApi: this.cameraApi,
 			cameraPositionApi: this.cameraPositionApi,
@@ -3234,7 +3395,7 @@ var mr = class {
 		});
 	}
 	wireIncomingMessages() {
-		lr({
+		Cr({
 			messenger: this.messenger,
 			attributes: this.attributes,
 			selectable: this.selectableState,
@@ -3242,6 +3403,7 @@ var mr = class {
 			snapshot: this.snapshotApi,
 			cameraPosition: this.cameraPositionApi,
 			focus: this.focusApi,
+			personalisation: this.personalisationApi,
 			ui: this.ui,
 			readyStateTracker: this.readyStateTracker,
 			applyConfig: (e) => {
@@ -3259,7 +3421,7 @@ var mr = class {
 					name: e.name,
 					...e.slug !== void 0 && { slug: e.slug },
 					...e.submit !== void 0 && { submit: e.submit },
-					...pr(e.features)
+					...Dr(e.features)
 				});
 			}
 		});
@@ -3284,25 +3446,25 @@ var mr = class {
 		this.ui.onReady();
 	}
 	dispatchFocusChange(e) {
-		this.container?.dispatchEvent(new CustomEvent(X.FOCUS_CHANGE, {
+		this.container?.dispatchEvent(new CustomEvent(Q.FOCUS_CHANGE, {
 			detail: e,
 			bubbles: !0
 		}));
 	}
 	dispatchConfigurationChange(e) {
-		this.container?.dispatchEvent(new CustomEvent(X.CONFIGURATION_CHANGE, {
+		this.container?.dispatchEvent(new CustomEvent(Q.CONFIGURATION_CHANGE, {
 			detail: e ?? null,
 			bubbles: !0
 		}));
 	}
 	dispatchConfigurationSubmit(e) {
-		this.container?.dispatchEvent(new CustomEvent(X.CONFIGURATION_SUBMIT, {
+		this.container?.dispatchEvent(new CustomEvent(Q.CONFIGURATION_SUBMIT, {
 			detail: e,
 			bubbles: !0
 		}));
 	}
 	handleConfig(e) {
-		let t = e.viewerSettings, n = fr(this.options.viewerSettings);
+		let t = e.viewerSettings, n = Er(this.options.viewerSettings);
 		if (t !== void 0 || n !== void 0) {
 			let e = n === void 0 ? t : {
 				...t ?? {},
@@ -3310,7 +3472,7 @@ var mr = class {
 			};
 			if (n !== void 0 && t !== void 0) {
 				let e = Object.entries(n).filter(([e, n]) => t[e] !== n).map(([e, n]) => `${e} (metadata: ${t[e] ?? "undefined"}, override: ${n})`);
-				e.length > 0 && A.warn(`Viewer settings override active: ${e.join(", ")}`);
+				e.length > 0 && j.warn(`Viewer settings override active: ${e.join(", ")}`);
 			}
 			this.ui.applyViewerSettings(e), this.echoAnnotationsDifference(t?.annotations, e.annotations);
 		}
@@ -3323,15 +3485,11 @@ var mr = class {
 		this.messenger.send({ type: t.FULLSCREEN });
 	}
 	initializeLogging() {
-		this.options.debug === !0 && ot(), A.info("Initializing Virtualdisplay client", { ...this.options.app === void 0 ? { model: this.options.model } : { app: this.options.app } });
+		this.options.debug === !0 && lt(), j.info("Initializing Virtualdisplay client", { ...this.options.app === void 0 ? { model: this.options.model } : { app: this.options.app } });
 	}
 	mountIframe() {
-		let e = new cr(this.options, this.serverHost, this.iframeParams).create();
-		this.container = e.container, this.iframe = e.iframe, this.eventBus.attach(this.container), this.ui.attach(this.container);
-		try {
-			let e = new URL(this.iframe.src).origin;
-			this.messenger.setTargetOrigin(e);
-		} catch {}
+		let e = new Sr(this.options, this.serverHost, this.iframeParams).create();
+		this.container = e.container, this.iframe = e.iframe, this.eventBus.attach(this.container), this.ui.attach(this.container), this.messenger.setTargetOrigin(new URL(this.iframe.src).origin);
 	}
 	select(e, t) {
 		this.attributes.select(e, t);
@@ -3381,6 +3539,9 @@ var mr = class {
 	get focus() {
 		return this.focusApi;
 	}
+	get personalisation() {
+		return this.personalisationApi;
+	}
 	get configuration() {
 		return this.configurationApi;
 	}
@@ -3397,17 +3558,17 @@ var mr = class {
 		return this.ui.viewerSettings;
 	}
 	destroy() {
-		this.readyStateTracker.clear(), this.readyCallbacks = [], this.mutationFailedCallbacks.length = 0, this.snapshotApi.clear(), this.messenger.destroy(), this.arActivation?.destroy(), this.ui.destroy(), this.container?.parentElement !== null && this.container?.parentElement !== void 0 && this.container.parentElement.removeChild(this.container), this.container = void 0, this.iframe = void 0;
+		this.readyStateTracker.clear(), this.readyCallbacks = [], this.mutationFailedCallbacks.length = 0, this.snapshotApi.clear(), this.personalisationApi.destroy(), this.messenger.destroy(), this.arActivation?.destroy(), this.ui.destroy(), this.container?.parentElement !== null && this.container?.parentElement !== void 0 && this.container.parentElement.removeChild(this.container), this.container = void 0, this.iframe = void 0;
 	}
-}, hr = "ar.virtualdisplay.io";
-function gr(e) {
-	let t = new URL(`https://${hr}/go`);
+}, kr = "ar.virtualdisplay.io";
+function Ar(e) {
+	let t = new URL(`https://${kr}/go`);
 	return e.sessionId === void 0 ? e.app === void 0 ? e.license !== void 0 && e.model !== void 0 && (t.searchParams.set("license", e.license), t.searchParams.set("model", e.model)) : t.searchParams.set("app", e.app) : t.searchParams.set("session", e.sessionId), t.toString();
 }
 // src/ar/ar-activation.ts
-var _r = 1500, vr = class {
+var jr = 1500, Mr = class {
 	options;
-	qrModal = new yn();
+	qrModal = new In();
 	sessionId;
 	waiters = [];
 	pendingTimers = /* @__PURE__ */ new Set();
@@ -3422,7 +3583,7 @@ var _r = 1500, vr = class {
 		for (let n of t) n(e);
 	}
 	activate() {
-		tt() ? this.options.send({ type: t.AR_ACTIVATE }) : this.showQrCode();
+		it() ? this.options.send({ type: t.AR_ACTIVATE }) : this.showQrCode();
 	}
 	destroy() {
 		this.destroyed = !0;
@@ -3433,7 +3594,7 @@ var _r = 1500, vr = class {
 		this.qrModal.show();
 		let e = await this.waitForSessionId();
 		if (this.destroyed) return;
-		let n = gr({
+		let n = Ar({
 			sessionId: e,
 			app: this.options.app,
 			license: this.options.license,
@@ -3442,7 +3603,7 @@ var _r = 1500, vr = class {
 		try {
 			r = await this.qrModal.update(n);
 		} catch (e) {
-			A.warn("AR QR code could not be rendered", { error: e });
+			j.warn("AR QR code could not be rendered", { error: e });
 			return;
 		}
 		this.destroyed ? this.qrModal.hide() : r && this.options.send({ type: t.QR_SHOWN });
@@ -3451,13 +3612,13 @@ var _r = 1500, vr = class {
 		return this.sessionId === void 0 ? new Promise((e) => {
 			let t = setTimeout(() => {
 				this.pendingTimers.delete(t), e(void 0);
-			}, _r);
+			}, jr);
 			this.pendingTimers.add(t), this.waiters.push((n) => {
 				this.pendingTimers.delete(t), clearTimeout(t), e(n);
 			});
 		}) : Promise.resolve(this.sessionId);
 	}
-}, yr = class {
+}, Nr = class {
 	callbacks = [];
 	lastKnown;
 	handleSync(e) {
@@ -3467,12 +3628,12 @@ var _r = 1500, vr = class {
 	onChange(e) {
 		this.callbacks.push(e), this.lastKnown !== void 0 && e(this.lastKnown);
 	}
-}, br = class extends mr {
+}, Pr = class extends Or {
 	syncStatusTracker;
 	constructor(e) {
-		let t = new yr();
+		let t = new Nr();
 		super(e, {
-			createArActivation: (t) => new vr({
+			createArActivation: (t) => new Mr({
 				app: e.app,
 				license: e.license,
 				model: e.model,
@@ -3485,4 +3646,4 @@ var _r = 1500, vr = class {
 		this.syncStatusTracker.onChange(e);
 	}
 };
-export { a as AVAILABILITY, ue as Annotations, Le as Attribute, de as AttributeValue, ut as Camera, dt as CameraPosition, ht as Configuration, C as ERROR_CODES, gt as Focus, _t as Photo, yt as Snapshot, X as VD_EVENTS, br as VirtualdisplayClient, w as VirtualdisplayError, ot as enableDebugMode, st as isDebugMode, A as logger };
+export { a as AVAILABILITY, me as Annotations, Be as Attribute, he as AttributeValue, pt as Camera, mt as CameraPosition, vt as Configuration, w as ERROR_CODES, yt as Focus, St as Personalisation, Ct as Photo, Tt as Snapshot, Q as VD_EVENTS, Pr as VirtualdisplayClient, T as VirtualdisplayError, lt as enableDebugMode, ut as isDebugMode, j as logger };