@liforma/client 0.4.12 → 0.4.14

package/dist/npm/index.js

@@ -35,12 +35,12 @@ function r(e) {
 }
 //#endregion
 //#region src/thumbnail/locationPlate.ts
-var i = /(-)(\d+x\d+)(\.webp)(\?|$)/i;
+var i = /(-)(\d+x\d+)(\.(?:webp|avif))(\?|$)/i;
 function a(e, t) {
 	let n = e.trim();
 	return n && n.replace(i, (e, n, r, i, a) => `${n}${t}${i}${a}`);
 }
-var o = /-(256x256|400x450|800x450|836x971|1672x941|167x94)$/i;
+var o = /-(256x256|400x225|400x450|800x450|836x971|1672x941|167x94)$/i;
 function s(e) {
 	return e?.trim().replace(/\/$/, "") || "https://cdn.liforma.ai";
 }
@@ -302,7 +302,7 @@ function se(e) {
 }
 //#endregion
 //#region src/thumbnail/styles.ts
-var ce = ":host {\n	display: block;\n	width: 100%;\n	height: 100%;\n	min-height: 0;\n}\n\n.liforma-et {\n	--liforma-et-parallax-x: 0;\n	--liforma-et-parallax-y: 0;\n	--liforma-et-bg-scale: 1;\n	--liforma-et-fg-scale: 1;\n	--liforma-et-avatar-scale: 1;\n	--liforma-et-bg-shift: 0px;\n	--liforma-et-fg-shift: 0px;\n	--liforma-et-avatar-shift: 0px;\n	--liforma-et-reveal-duration: 420ms;\n\n	box-sizing: border-box;\n	position: relative;\n	display: block;\n	width: 100%;\n	height: 100%;\n	min-height: 0;\n	margin: 0;\n	padding: 0;\n	border: 0;\n	border-radius: 0.65rem;\n	overflow: hidden;\n	background: #111;\n	color: inherit;\n	text-decoration: none;\n	cursor: inherit;\n	-webkit-tap-highlight-color: transparent;\n}\n\na.liforma-et,\nbutton.liforma-et {\n	cursor: pointer;\n}\n\nbutton.liforma-et {\n	font: inherit;\n	appearance: none;\n}\n\n.liforma-et__placeholder {\n	position: absolute;\n	inset: 0;\n	z-index: 0;\n	background:\n		radial-gradient(120% 90% at 50% 0%, rgba(255, 255, 255, 0.06), transparent 58%),\n		linear-gradient(180deg, #1a1a1a 0%, #101010 100%);\n	opacity: 1;\n	transition: opacity var(--liforma-et-reveal-duration) ease;\n}\n\n.liforma-et--revealed .liforma-et__placeholder {\n	opacity: 0;\n}\n\n.liforma-et__media {\n	opacity: 0;\n	transition: opacity var(--liforma-et-reveal-duration) ease;\n}\n\n.liforma-et__media--ready {\n	opacity: 1;\n}\n\n.liforma-et__background {\n	position: absolute;\n	inset: 0;\n	z-index: 1;\n	width: 100%;\n	height: 100%;\n	object-fit: cover;\n	object-position: center center;\n	transform: translate(\n			calc(var(--liforma-et-parallax-x) * var(--liforma-et-bg-shift)),\n			calc(var(--liforma-et-parallax-y) * var(--liforma-et-bg-shift))\n		)\n		scale(var(--liforma-et-bg-scale));\n	transform-origin: center center;\n	transition:\n		opacity var(--liforma-et-reveal-duration) ease,\n		transform 160ms ease;\n}\n\n.liforma-et__avatar {\n	position: relative;\n	z-index: 2;\n	display: block;\n	width: 100%;\n	height: 100%;\n	object-fit: contain;\n	object-position: center bottom;\n	transform: scale(var(--liforma-et-avatar-scale))\n		translate(\n			calc(var(--liforma-et-parallax-x) * var(--liforma-et-avatar-shift)),\n			calc(var(--liforma-et-parallax-y) * var(--liforma-et-avatar-shift))\n		);\n	transform-origin: center center;\n	transition:\n		opacity var(--liforma-et-reveal-duration) ease,\n		transform 160ms ease;\n}\n\n/* Gallery plates are typically square in a square tile — contain vs cover is a no-op\n   without a zoom. Scale the whole scene from the upper third so Face matches\n   player fit (location + avatar crop together). */\n.liforma-et--fit-face {\n	--liforma-et-avatar-scale: 1.85;\n	--liforma-et-bg-scale: 1.85;\n	--liforma-et-fg-scale: 1.85;\n}\n\n.liforma-et--fit-face .liforma-et__avatar,\n.liforma-et--fit-face .liforma-et__background,\n.liforma-et--fit-face .liforma-et__foreground {\n	transform-origin: 50% 18%;\n}\n\n.liforma-et--fit-face .liforma-et__avatar {\n	object-fit: cover;\n	object-position: 50% 18%;\n}\n\n/* Bust / medium: less zoom than face so upper chest stays in frame (player 3.75H window). */\n.liforma-et--fit-medium {\n	--liforma-et-avatar-scale: 1.35;\n	--liforma-et-bg-scale: 1.35;\n	--liforma-et-fg-scale: 1.35;\n}\n\n.liforma-et--fit-medium .liforma-et__avatar,\n.liforma-et--fit-medium .liforma-et__background,\n.liforma-et--fit-medium .liforma-et__foreground {\n	transform-origin: 50% 28%;\n}\n\n.liforma-et--fit-medium .liforma-et__avatar {\n	object-fit: cover;\n	object-position: 50% 28%;\n}\n\n.liforma-et__foreground {\n	position: absolute;\n	inset: 0;\n	z-index: 3;\n	width: 100%;\n	height: 100%;\n	object-fit: cover;\n	object-position: center center;\n	pointer-events: none;\n	transform: translate(\n			calc(var(--liforma-et-parallax-x) * var(--liforma-et-fg-shift) * -1),\n			calc(var(--liforma-et-parallax-y) * var(--liforma-et-fg-shift) * -1)\n		)\n		scale(var(--liforma-et-fg-scale));\n	transform-origin: center center;\n	transition:\n		opacity var(--liforma-et-reveal-duration) ease,\n		transform 160ms ease;\n}\n\n.liforma-et--parallax {\n	--liforma-et-bg-scale: 1.08;\n	--liforma-et-fg-scale: 1.05;\n	--liforma-et-avatar-scale: 1.08;\n	--liforma-et-bg-shift: 10px;\n	--liforma-et-fg-shift: 4px;\n	--liforma-et-avatar-shift: 4px;\n}\n\n/* Promote layers only while parallax is active — avoids N compositor surfaces on galleries. */\n.liforma-et--parallax .liforma-et__background,\n.liforma-et--parallax .liforma-et__foreground,\n.liforma-et--parallax .liforma-et__avatar {\n	will-change: transform;\n}\n\n.liforma-et--parallax.liforma-et--fit-face {\n	--liforma-et-avatar-scale: 1.95;\n	--liforma-et-bg-scale: 1.95;\n	--liforma-et-fg-scale: 1.95;\n	--liforma-et-avatar-shift: 0px;\n}\n\n.liforma-et--parallax.liforma-et--fit-medium {\n	--liforma-et-avatar-scale: 1.42;\n	--liforma-et-bg-scale: 1.42;\n	--liforma-et-fg-scale: 1.42;\n	--liforma-et-avatar-shift: 0px;\n}\n\n.liforma-et--scroll-parallax .liforma-et__background,\n.liforma-et--scroll-parallax .liforma-et__foreground,\n.liforma-et--scroll-parallax .liforma-et__avatar {\n	transition: opacity var(--liforma-et-reveal-duration) ease;\n}\n\n@media (prefers-reduced-motion: reduce) {\n	.liforma-et {\n		--liforma-et-reveal-duration: 0ms;\n	}\n\n	.liforma-et--parallax {\n		--liforma-et-bg-scale: 1;\n		--liforma-et-fg-scale: 1;\n		--liforma-et-avatar-scale: 1;\n		--liforma-et-bg-shift: 0px;\n		--liforma-et-fg-shift: 0px;\n		--liforma-et-avatar-shift: 0px;\n	}\n\n	.liforma-et--parallax.liforma-et--fit-face {\n		--liforma-et-avatar-scale: 1.85;\n		--liforma-et-bg-scale: 1.85;\n		--liforma-et-fg-scale: 1.85;\n	}\n\n	.liforma-et__background,\n	.liforma-et__foreground,\n	.liforma-et__avatar {\n		transition: none;\n	}\n}", le = !1;
+var ce = ":host {\n	display: block;\n	width: 100%;\n	height: 100%;\n	min-height: 0;\n}\n\n.liforma-et {\n	--liforma-et-parallax-x: 0;\n	--liforma-et-parallax-y: 0;\n	--liforma-et-bg-scale: 1;\n	--liforma-et-fg-scale: 1;\n	--liforma-et-avatar-scale: 1;\n	--liforma-et-bg-shift: 0px;\n	--liforma-et-fg-shift: 0px;\n	--liforma-et-avatar-shift: 0px;\n	--liforma-et-reveal-duration: 420ms;\n\n	box-sizing: border-box;\n	position: relative;\n	display: block;\n	width: 100%;\n	height: 100%;\n	min-height: 0;\n	margin: 0;\n	padding: 0;\n	border: 0;\n	border-radius: 0;\n	overflow: hidden;\n	background: #111;\n	color: inherit;\n	text-decoration: none;\n	cursor: inherit;\n	-webkit-tap-highlight-color: transparent;\n}\n\na.liforma-et,\nbutton.liforma-et {\n	cursor: pointer;\n}\n\nbutton.liforma-et {\n	font: inherit;\n	appearance: none;\n}\n\n.liforma-et__placeholder {\n	position: absolute;\n	inset: 0;\n	z-index: 0;\n	background:\n		radial-gradient(120% 90% at 50% 0%, rgba(255, 255, 255, 0.06), transparent 58%),\n		linear-gradient(180deg, #1a1a1a 0%, #101010 100%);\n	opacity: 1;\n	transition: opacity var(--liforma-et-reveal-duration) ease;\n}\n\n.liforma-et--revealed .liforma-et__placeholder {\n	opacity: 0;\n}\n\n.liforma-et__media {\n	opacity: 0;\n	transition: opacity var(--liforma-et-reveal-duration) ease;\n}\n\n.liforma-et__media--ready {\n	opacity: 1;\n}\n\n.liforma-et__background {\n	position: absolute;\n	inset: 0;\n	z-index: 1;\n	width: 100%;\n	height: 100%;\n	object-fit: cover;\n	object-position: center center;\n	transform: translate(\n			calc(var(--liforma-et-parallax-x) * var(--liforma-et-bg-shift)),\n			calc(var(--liforma-et-parallax-y) * var(--liforma-et-bg-shift))\n		)\n		scale(var(--liforma-et-bg-scale));\n	transform-origin: center center;\n	transition:\n		opacity var(--liforma-et-reveal-duration) ease,\n		transform 160ms ease;\n}\n\n.liforma-et__avatar {\n	position: relative;\n	z-index: 2;\n	display: block;\n	width: 100%;\n	height: 100%;\n	object-fit: contain;\n	object-position: center bottom;\n	transform: scale(var(--liforma-et-avatar-scale))\n		translate(\n			calc(var(--liforma-et-parallax-x) * var(--liforma-et-avatar-shift)),\n			calc(var(--liforma-et-parallax-y) * var(--liforma-et-avatar-shift))\n		);\n	transform-origin: center center;\n	transition:\n		opacity var(--liforma-et-reveal-duration) ease,\n		transform 160ms ease;\n}\n\n/* Gallery plates are typically square in a square tile — contain vs cover is a no-op\n   without a zoom. Scale the whole scene from the upper third so Face matches\n   player fit (location + avatar crop together). */\n.liforma-et--fit-face {\n	--liforma-et-avatar-scale: 1.85;\n	--liforma-et-bg-scale: 1.85;\n	--liforma-et-fg-scale: 1.85;\n}\n\n.liforma-et--fit-face .liforma-et__avatar,\n.liforma-et--fit-face .liforma-et__background,\n.liforma-et--fit-face .liforma-et__foreground {\n	transform-origin: 50% 18%;\n}\n\n.liforma-et--fit-face .liforma-et__avatar {\n	object-fit: cover;\n	object-position: 50% 18%;\n}\n\n/* Bust / medium: less zoom than face so upper chest stays in frame (player 3.75H window). */\n.liforma-et--fit-medium {\n	--liforma-et-avatar-scale: 1.35;\n	--liforma-et-bg-scale: 1.35;\n	--liforma-et-fg-scale: 1.35;\n}\n\n.liforma-et--fit-medium .liforma-et__avatar,\n.liforma-et--fit-medium .liforma-et__background,\n.liforma-et--fit-medium .liforma-et__foreground {\n	transform-origin: 50% 28%;\n}\n\n.liforma-et--fit-medium .liforma-et__avatar {\n	object-fit: cover;\n	object-position: 50% 28%;\n}\n\n.liforma-et__foreground {\n	position: absolute;\n	inset: 0;\n	z-index: 3;\n	width: 100%;\n	height: 100%;\n	object-fit: cover;\n	object-position: center center;\n	pointer-events: none;\n	transform: translate(\n			calc(var(--liforma-et-parallax-x) * var(--liforma-et-fg-shift) * -1),\n			calc(var(--liforma-et-parallax-y) * var(--liforma-et-fg-shift) * -1)\n		)\n		scale(var(--liforma-et-fg-scale));\n	transform-origin: center center;\n	transition:\n		opacity var(--liforma-et-reveal-duration) ease,\n		transform 160ms ease;\n}\n\n.liforma-et--parallax {\n	--liforma-et-bg-scale: 1.08;\n	--liforma-et-fg-scale: 1.05;\n	--liforma-et-avatar-scale: 1.08;\n	--liforma-et-bg-shift: 10px;\n	--liforma-et-fg-shift: 4px;\n	--liforma-et-avatar-shift: 4px;\n}\n\n/* Promote layers only while parallax is active — avoids N compositor surfaces on galleries. */\n.liforma-et--parallax .liforma-et__background,\n.liforma-et--parallax .liforma-et__foreground,\n.liforma-et--parallax .liforma-et__avatar {\n	will-change: transform;\n}\n\n.liforma-et--parallax.liforma-et--fit-face {\n	--liforma-et-avatar-scale: 1.95;\n	--liforma-et-bg-scale: 1.95;\n	--liforma-et-fg-scale: 1.95;\n	--liforma-et-avatar-shift: 0px;\n}\n\n.liforma-et--parallax.liforma-et--fit-medium {\n	--liforma-et-avatar-scale: 1.42;\n	--liforma-et-bg-scale: 1.42;\n	--liforma-et-fg-scale: 1.42;\n	--liforma-et-avatar-shift: 0px;\n}\n\n.liforma-et--scroll-parallax .liforma-et__background,\n.liforma-et--scroll-parallax .liforma-et__foreground,\n.liforma-et--scroll-parallax .liforma-et__avatar {\n	transition: opacity var(--liforma-et-reveal-duration) ease;\n}\n\n@media (prefers-reduced-motion: reduce) {\n	.liforma-et {\n		--liforma-et-reveal-duration: 0ms;\n	}\n\n	.liforma-et--parallax {\n		--liforma-et-bg-scale: 1;\n		--liforma-et-fg-scale: 1;\n		--liforma-et-avatar-scale: 1;\n		--liforma-et-bg-shift: 0px;\n		--liforma-et-fg-shift: 0px;\n		--liforma-et-avatar-shift: 0px;\n	}\n\n	.liforma-et--parallax.liforma-et--fit-face {\n		--liforma-et-avatar-scale: 1.85;\n		--liforma-et-bg-scale: 1.85;\n		--liforma-et-fg-scale: 1.85;\n	}\n\n	.liforma-et__background,\n	.liforma-et__foreground,\n	.liforma-et__avatar {\n		transition: none;\n	}\n}", le = !1;
 function V(e) {
 	if (typeof document > "u" || le) return;
 	if (document.querySelector("style[data-liforma-et]")) {
@@ -751,13 +751,13 @@ var qe = new Set([1, 2]);
 function Je(e) {
 	return typeof e == "number" && qe.has(e);
 }
-var Ye = new Set(/* @__PURE__ */ "close.stateUpdate.commandResult.userTranscript.characterSpeechStarted.characterSpeechEnded.characterFocusChanged.conversationUpdate.listeningState.userSpeechStarted.userSpeechEnded.modeChange.activityChange.feedback.feedbackFailed.message.started.embedReady.widgetReady.widgetExpand.widgetCollapse.widgetAudioSettings.widgetDragStart.widgetDragMove.widgetDragEnd.fullWindow.interactionChange".split("."));
+var Ye = new Set(/* @__PURE__ */ "close.stateUpdate.commandResult.userTranscript.characterSpeechStarted.characterSpeechEnded.characterFocusChanged.conversationUpdate.listeningState.userSpeechStarted.userSpeechEnded.modeChange.activityChange.feedback.feedbackFailed.message.started.embedReady.widgetReady.widgetExpand.widgetCollapse.widgetAudioSettings.widgetDragStart.widgetDragMove.widgetDragEnd.fullWindow.theatre.interactionChange".split("."));
 function Xe(e) {
 	if (!e || typeof e != "object") return null;
 	let t = e;
 	if (!Je(t.schemaVersion) || !t.type || !Ye.has(t.type)) return null;
 	if (t.type === "embedReady" || t.type === "widgetReady" || t.type === "widgetExpand" || t.type === "widgetCollapse") return t;
-	if (t.type === "fullWindow") {
+	if (t.type === "fullWindow" || t.type === "theatre") {
 		let e = t.payload;
 		return !e || typeof e != "object" || typeof e.active != "boolean" ? null : t;
 	}
@@ -781,7 +781,7 @@ function Xe(e) {
 function Ze(e, t, n) {
 	let r = e.trim();
 	if (!r) throw Error("createLaunchMessage requires a non-empty launch string.");
-	let i = n?.startButton, a = n?.theme, o = n?.showFeedback, s = n?.interaction;
+	let i = n?.startButton, a = n?.theme, o = n?.showFeedback, s = n?.interaction, c = n?.theatreButton, l = n?.theatre;
 	return {
 		type: "launch",
 		schemaVersion: 2,
@@ -791,7 +791,9 @@ function Ze(e, t, n) {
 			...i ? { startButton: i } : {},
 			...a ? { theme: a } : {},
 			...o === void 0 ? {} : { showFeedback: o },
-			...s ? { interaction: s } : {}
+			...s ? { interaction: s } : {},
+			...c ? { theatreButton: !0 } : {},
+			...l === void 0 ? {} : { theatre: l }
 		}
 	};
 }
@@ -815,10 +817,17 @@ function et() {
 		payload: {}
 	};
 }
+function tt(e) {
+	return {
+		type: "setTheatre",
+		schemaVersion: 2,
+		payload: { active: e }
+	};
+}
 //#endregion
 //#region src/v2/embed/fullWindowHost.ts
-var tt = "2147483000";
-function nt(e) {
+var nt = "2147483000";
+function rt(e) {
 	let { style: t } = e;
 	return {
 		position: t.position,
@@ -836,11 +845,11 @@ function nt(e) {
 		maxHeight: t.maxHeight
 	};
 }
-function rt(e) {
+function it(e) {
 	let { style: t } = e;
-	t.position = "fixed", t.top = "0", t.right = "0", t.bottom = "0", t.left = "0", t.inset = "0", t.width = "100vw", t.width = "100dvw", t.height = "100vh", t.height = "100dvh", t.zIndex = tt, t.margin = "0", t.borderRadius = "0", t.maxWidth = "none", t.maxHeight = "none", e.dataset.liformaFullWindow = "1";
+	t.position = "fixed", t.top = "0", t.right = "0", t.bottom = "0", t.left = "0", t.inset = "0", t.width = "100vw", t.width = "100dvw", t.height = "100vh", t.height = "100dvh", t.zIndex = nt, t.margin = "0", t.borderRadius = "0", t.maxWidth = "none", t.maxHeight = "none", e.dataset.liformaFullWindow = "1";
 }
-function it(e, t) {
+function at(e, t) {
 	if (delete e.dataset.liformaFullWindow, !t) {
 		e.style.position = "", e.style.top = "", e.style.right = "", e.style.bottom = "", e.style.left = "", e.style.inset = "", e.style.width = "", e.style.height = "", e.style.zIndex = "", e.style.margin = "", e.style.borderRadius = "", e.style.maxWidth = "", e.style.maxHeight = "";
 		return;
@@ -850,20 +859,20 @@ function it(e, t) {
 }
 //#endregion
 //#region src/v2/embed/iframeHost.ts
-function at(e) {
+function ot(e) {
 	return e;
 }
 function Y() {
 	return typeof crypto < "u" && typeof crypto.randomUUID == "function" ? `cmd_${crypto.randomUUID().replace(/-/g, "").slice(0, 12)}` : `cmd_${Date.now().toString(36)}${Math.random().toString(36).slice(2, 8)}`;
 }
-var ot = 3e4;
-function st(e) {
+var st = 3e4;
+function ct(e) {
 	let t = e.container;
 	getComputedStyle(t).position === "static" && (t.style.position = "relative");
 	let n = document.createElement("iframe");
-	n.src = e.src, n.title = "Liforma experience", n.setAttribute("allow", "microphone; autoplay; clipboard-read; clipboard-write"), n.style.cssText = e.transparent ? "display:block;position:absolute;inset:0;width:100%;height:100%;border:0;background:transparent;" : "display:block;position:absolute;inset:0;width:100%;height:100%;border:0;background:#030508;", e.transparent && n.setAttribute("allowtransparency", "true");
-	let r = !1, i = !1, a = null, o = t.closest(".liforma-experience-shell") instanceof HTMLElement ? t.closest(".liforma-experience-shell") : t, s = (t) => {
-		i !== t && (i = t, t ? (a = nt(o), rt(o)) : (it(o, a), a = null), e.onFullWindowChange?.(t));
+	n.src = e.src, n.title = "Liforma experience", n.setAttribute("allow", "microphone; autoplay; clipboard-read; clipboard-write; fullscreen"), n.setAttribute("allowfullscreen", ""), n.style.cssText = e.transparent ? "display:block;position:absolute;inset:0;width:100%;height:100%;border:0;background:transparent;" : "display:block;position:absolute;inset:0;width:100%;height:100%;border:0;background:#030508;", e.transparent && n.setAttribute("allowtransparency", "true"), n.setAttribute("fetchpriority", "high"), "fetchPriority" in n && (n.fetchPriority = "high");
+	let r = !1, i = !1, a = null, o = null, s = (r) => {
+		i !== r && (i = r, r ? (a = rt(n), o = document.body.style.overflow, document.body.append(n), it(n), document.body.style.overflow = "hidden") : (t.append(n), at(n, a), a = null, o !== null && (document.body.style.overflow = o, o = null)), e.onFullWindowChange?.(r));
 	}, c = /* @__PURE__ */ new Map(), l = null, u = 0, d = 0, f = [], p = null, m = null, h = new Promise((e, t) => {
 		p = e, m = t;
 	}), g = () => {
@@ -934,7 +943,7 @@ function st(e) {
 				e.onUserSpeechEnded?.(i.payload);
 				break;
 			case "modeChange":
-				e.onActivityChange?.(at(i.payload.mode));
+				e.onActivityChange?.(ot(i.payload.mode));
 				break;
 			case "activityChange":
 				e.onActivityChange?.(i.payload.activity);
@@ -978,6 +987,9 @@ function st(e) {
 			case "fullWindow":
 				s(i.payload.active);
 				break;
+			case "theatre":
+				e.onTheatreChange?.(i.payload.active);
+				break;
 			case "interactionChange":
 				e.onInteractionChange?.(i.payload.interaction);
 				break;
@@ -1035,6 +1047,9 @@ function st(e) {
 		postWidgetToggleAudioSettings() {
 			S(et());
 		},
+		postSetTheatre(e) {
+			S(tt(e));
+		},
 		speak(e) {
 			return C({
 				type: "speak",
@@ -1155,7 +1170,7 @@ function st(e) {
 					audio: e.audio,
 					byteLength: e.byteLength
 				}
-			}, ot, [e.audio]);
+			}, st, [e.audio]);
 		},
 		speechUtteranceSetTranscript(e) {
 			return C({
@@ -1317,7 +1332,7 @@ function st(e) {
 }
 //#endregion
 //#region src/v2/embed/readyGate.ts
-function ct(e) {
+function lt(e) {
 	let t, n = !1, r = !1, i = () => {
 		r || !n || t === void 0 || (r = !0, e(t));
 	};
@@ -1332,9 +1347,9 @@ function ct(e) {
 }
 //#endregion
 //#region src/v2/sdkRelease.ts
-var lt = `sdk@${{
+var ut = `sdk@${{
 	name: "@liforma/client",
-	version: "0.4.11",
+	version: "0.4.14",
 	type: "module",
 	description: "Liforma browser SDK — Experience sessions, speech API, and Svelte embed component.",
 	license: "MIT",
@@ -1495,6 +1510,8 @@ var lt = `sdk@${{
 		"generate:location-discontinuities": "node scripts/generate-location-discontinuities.mjs",
 		"build:locations": "node scripts/build-locations.mjs",
 		"publish:locations": "node scripts/publish-locations.mjs",
+		"publish:location-400x225": "node scripts/build-location-400x225.mjs",
+		"test:location-400x225": "node scripts/test-location-400x225.mjs",
 		"verify:locations": "node scripts/verify-location-sources.mjs",
 		"publish:models": "node scripts/publish-models.mjs",
 		"publish:models:krea-int8": "node scripts/_upload-model-prefix.mjs text-to-image/lf-t2i-turbo-int8",
@@ -1524,6 +1541,7 @@ var lt = `sdk@${{
 		"preview:test": "npm run build && npm run preview"
 	},
 	dependencies: {
+		"@jsquash/avif": "^1.3.0",
 		"@jsquash/webp": "^1.5.0",
 		zod: "^4.4.3"
 	},
@@ -1553,50 +1571,54 @@ var lt = `sdk@${{
 		vitest: "^4.1.10",
 		wrangler: "^4.101.0"
 	}
-}.version}`, ut = "https://player.liforma.ai/embed", dt = "http://localhost:3002/embed";
-function ft() {
+}.version}`, dt = "https://player.liforma.ai/embed", ft = "http://localhost:3002/embed";
+function pt() {
 	let e = globalThis.__LIFORMA_PLAYER_EMBED_URL;
 	if (e?.trim()) return e.trim().replace(/\/$/, "");
 	if (typeof document > "u") return null;
 	let t = (document.querySelector("script[data-liforma-sdk][src*=\"client.js\"]") ?? document.querySelector("script[src*=\"/sdk/v2/client.js\"]"))?.getAttribute("data-player-embed-url")?.trim();
 	return t ? t.replace(/\/$/, "") : null;
 }
-function pt() {
-	let e = ft();
-	return e ? e.endsWith("/embed") ? e : `${e}/embed` : y() ? dt : ut;
+function mt() {
+	let e = pt();
+	return e ? e.endsWith("/embed") ? e : `${e}/embed` : y() ? ft : dt;
 }
-function mt(e, t) {
+function ht(e, t) {
 	return e?.trim() || t?.trim() || void 0;
 }
-function ht(e, t, n, r, i, a, o, s, c, l, u) {
-	let d = (e ?? pt()).replace(/\/$/, ""), f = d.endsWith("/embed") ? d : `${d}/embed`, p = new URL(f), m = n?.trim();
-	m && p.searchParams.set("backdropId", m);
-	let h = r?.trim();
-	return h && p.searchParams.set("avatarId", h), (i === "face" || i === "medium") && p.searchParams.set("fit", i), c === "pip" && p.searchParams.set("stage", "pip"), l === "set" && p.searchParams.set("pipBackground", "set"), u === !1 && p.searchParams.set("pipShadow", "0"), a === "widget" && p.searchParams.set("ui", "widget"), o && p.searchParams.set("close", "1"), t && p.searchParams.set("debug", "true"), (s === 2 || s === 3 || s === 4) && p.searchParams.set("cast", String(s)), gt(p.toString());
+function gt(e, t, n, r, i, a, o, s, c, l, u, d, f) {
+	let p = (e ?? mt()).replace(/\/$/, ""), m = p.endsWith("/embed") ? p : `${p}/embed`, h = new URL(m), g = n?.trim();
+	g && h.searchParams.set("backdropId", g);
+	let _ = r?.trim();
+	_ && h.searchParams.set("avatarId", _);
+	let v = d?.trim();
+	v && h.searchParams.set("previewBg", v);
+	let y = f?.trim();
+	return y && h.searchParams.set("previewFg", y), (i === "face" || i === "medium") && h.searchParams.set("fit", i), c === "pip" && h.searchParams.set("stage", "pip"), l === "set" && h.searchParams.set("pipBackground", "set"), u === !1 && h.searchParams.set("pipShadow", "0"), a === "widget" && h.searchParams.set("ui", "widget"), o && h.searchParams.set("close", "1"), t && h.searchParams.set("debug", "true"), (s === 2 || s === 3 || s === 4) && h.searchParams.set("cast", String(s)), _t(h.toString());
 }
-function gt(e) {
+function _t(e) {
 	if (typeof location > "u") return e;
 	let t = new URL(e);
 	return t.searchParams.set("parentOrigin", location.origin), t.toString();
 }
-function _t(e) {
+function vt(e) {
 	return new URL(e).origin;
 }
 //#endregion
 //#region src/v2/experienceEvents.ts
-function vt() {
+function yt() {
 	return typeof crypto < "u" && typeof crypto.randomUUID == "function" ? `evt_${crypto.randomUUID().replace(/-/g, "").slice(0, 12)}` : `evt_${Date.now().toString(36)}${Math.random().toString(36).slice(2, 8)}`;
 }
-function yt(e, t, n) {
+function bt(e, t, n) {
 	return {
-		id: vt(),
+		id: yt(),
 		type: e,
 		sessionId: t,
 		timestamp: (/* @__PURE__ */ new Date()).toISOString(),
 		data: n
 	};
 }
-function bt() {
+function xt() {
 	return {
 		ready: /* @__PURE__ */ new Set(),
 		started: /* @__PURE__ */ new Set(),
@@ -1617,32 +1639,32 @@ function bt() {
 		conversationProcessorError: /* @__PURE__ */ new Set()
 	};
 }
-function xt(e, t, n) {
+function St(e, t, n) {
 	return e[t].add(n), () => e[t].delete(n);
 }
-function St(e, t, n) {
+function Ct(e, t, n) {
 	for (let r of e[t]) r(n);
 }
-function Ct(e) {
+function wt(e) {
 	for (let t of Object.keys(e)) e[t].clear();
 }
 //#endregion
 //#region src/v2/speech/types.ts
-function wt(e) {
+function Tt(e) {
 	return "data" in e && "format" in e && e.format != null && !("track" in e);
 }
-function Tt(e) {
+function Et(e) {
 	return "url" in e && typeof e.url == "string";
 }
-function Et(e) {
+function Dt(e) {
 	if (!("track" in e)) return !1;
 	let t = e.track;
 	return typeof t != "object" || !t ? !1 : typeof MediaStreamTrack < "u" && t instanceof MediaStreamTrack ? !0 : "kind" in t && "readyState" in t;
 }
-function Dt(e) {
-	return !wt(e) && !Tt(e) && !Et(e) && "encoding" in e && typeof e.encoding == "string";
+function Ot(e) {
+	return !Tt(e) && !Et(e) && !Dt(e) && "encoding" in e && typeof e.encoding == "string";
 }
-var Ot = [
+var kt = [
 	8e3,
 	16e3,
 	22050,
@@ -1660,14 +1682,14 @@ var Ot = [
 	MAX_UTTERANCE_DURATION_MS: 9e4,
 	MAX_PENDING_WRITES: 8,
 	DEFAULT_WRITE_TIMEOUT_MS: 5e3
-}, kt = class extends Error {
+}, At = class extends Error {
 	operation;
 	requiredCapability;
 	name = "UnsupportedSpeechOperationError";
 	constructor(e, t) {
 		super(`Speech operation "${e}" requires capability "${t}".`), this.operation = e, this.requiredCapability = t;
 	}
-}, At = class extends Error {
+}, jt = class extends Error {
 	name = "SpeechUtteranceClosedError";
 	constructor(e = "Cannot write to a closed or cancelled speech utterance.") {
 		super(e);
@@ -1677,72 +1699,72 @@ var Ot = [
 	constructor(e, t) {
 		super(e, t);
 	}
-}, jt = class extends Error {
+}, Mt = class extends Error {
 	name = "SpeechBufferTimeoutError";
 	constructor(e = "Timed out waiting for speech buffer capacity.") {
 		super(e);
 	}
 };
-function Mt(e = "none") {
+function Nt(e = "none") {
 	return {
 		mode: e,
 		trackedDurationMs: 0,
 		fallbackDurationMs: 0
 	};
 }
-function Nt(e) {
-	return Ot.includes(e);
-}
 function Pt(e) {
+	return kt.includes(e);
+}
+function Ft(e) {
 	if (e.encoding !== "pcm_s16le") throw new Z(`Unsupported audio encoding: ${e.encoding}`);
 	if (e.channels !== 1) throw new Z(`Unsupported channel count: ${e.channels}`);
-	if (!Nt(e.sampleRate)) throw new Z(`Unsupported sample rate: ${e.sampleRate}`);
+	if (!Pt(e.sampleRate)) throw new Z(`Unsupported sample rate: ${e.sampleRate}`);
 }
-function Ft(e) {
-	if (wt(e)) {
-		Pt(e.format);
+function It(e) {
+	if (Tt(e)) {
+		Ft(e.format);
 		return;
 	}
-	if (Tt(e)) {
+	if (Et(e)) {
 		if (!e.url.trim()) throw new Z("Audio URL must be non-empty.");
-		if (e.sampleRate !== void 0 && !Nt(e.sampleRate)) throw new Z(`Unsupported sample rate: ${e.sampleRate}`);
+		if (e.sampleRate !== void 0 && !Pt(e.sampleRate)) throw new Z(`Unsupported sample rate: ${e.sampleRate}`);
 		return;
 	}
-	if (Et(e)) {
+	if (Dt(e)) {
 		if (e.track.kind !== "audio") throw new Z("speech.play track must be an audio MediaStreamTrack.");
-		if (e.sampleRate !== void 0 && !Nt(e.sampleRate)) throw new Z(`Unsupported sample rate: ${e.sampleRate}`);
+		if (e.sampleRate !== void 0 && !Pt(e.sampleRate)) throw new Z(`Unsupported sample rate: ${e.sampleRate}`);
 		return;
 	}
-	if (Dt(e)) {
+	if (Ot(e)) {
 		let t = e.encoding.trim().toLowerCase();
 		if (!t) throw new Z("Encoded audio MIME type is required.");
 		if (t === "pcm_s16le") throw new Z("Use format: { encoding: \"pcm_s16le\", … } for raw PCM.");
-		if (e.sampleRate !== void 0 && !Nt(e.sampleRate)) throw new Z(`Unsupported sample rate: ${e.sampleRate}`);
+		if (e.sampleRate !== void 0 && !Pt(e.sampleRate)) throw new Z(`Unsupported sample rate: ${e.sampleRate}`);
 		return;
 	}
 	throw new Z("Unsupported speech.play audio shape.");
 }
-function It(e) {
-	if (e.format) return Pt(e.format), e.format;
+function Lt(e) {
+	if (e.format) return Ft(e.format), e.format;
 	if (e.track) {
 		let t = {
 			encoding: "pcm_s16le",
 			sampleRate: e.sampleRate ?? 24e3,
 			channels: 1
 		};
-		return Pt(t), t;
+		return Ft(t), t;
 	}
 	throw new Z("createUtterance requires format or track.");
 }
-function Lt(e) {
+function Rt(e) {
 	return e instanceof Uint8Array ? e : new Uint8Array(e);
 }
-function Rt(e) {
+function zt(e) {
 	return e === "replace-active" || e === "replace-all" ? "interrupt" : "enqueue";
 }
 //#endregion
 //#region src/byo/pcm.ts
-function zt(e) {
+function Bt(e) {
 	let t = new Uint8Array(e.length * 2), n = new DataView(t.buffer);
 	for (let t = 0; t < e.length; t++) {
 		let r = Math.max(-1, Math.min(1, e[t]));
@@ -1752,11 +1774,11 @@ function zt(e) {
 }
 //#endregion
 //#region src/byo/resample.ts
-function Bt(e, t, n, r, i) {
+function Vt(e, t, n, r, i) {
 	let a = -.5 * e + 1.5 * t - 1.5 * n + .5 * r, o = e - 2.5 * t + 2 * n - .5 * r, s = -.5 * e + .5 * n, c = t;
 	return ((a * i + o) * i + s) * i + c;
 }
-function Vt(e, t) {
+function Ht(e, t) {
 	if (!(e > 0) || !(t > 0)) throw Error("Resampler rates must be positive");
 	if (e === t) return {
 		fromRate: e,
@@ -1779,7 +1801,7 @@ function Vt(e, t) {
 			let a = [];
 			for (; i + 2 < r.length - 1;) {
 				let e = Math.floor(i), t = i - e, o = Math.max(0, e - 1), s = Math.min(r.length - 1, e + 1), c = Math.min(r.length - 1, e + 2);
-				a.push(Bt(r[o], r[e], r[s], r[c], t)), i += n;
+				a.push(Vt(r[o], r[e], r[s], r[c], t)), i += n;
 			}
 			let o = Math.max(0, Math.floor(i) - 1);
 			return o > 0 && (r = r.subarray(o), i -= o), a.length ? Float32Array.from(a) : new Float32Array();
@@ -1791,7 +1813,7 @@ function Vt(e, t) {
 }
 //#endregion
 //#region src/byo/audioCapture.ts
-var Ht = "liforma-pcm-capture", Ut = `
+var Ut = "liforma-pcm-capture", Wt = `
 class LiformaPcmCaptureProcessor extends AudioWorkletProcessor {
   process(inputs) {
     const ch = inputs[0] && inputs[0][0];
@@ -1803,29 +1825,29 @@ class LiformaPcmCaptureProcessor extends AudioWorkletProcessor {
     return true;
   }
 }
-registerProcessor('${Ht}', LiformaPcmCaptureProcessor);
-`, Wt = null;
-function Gt() {
-	return Wt ||= URL.createObjectURL(new Blob([Ut], { type: "application/javascript" })), Wt;
-}
+registerProcessor('${Ut}', LiformaPcmCaptureProcessor);
+`, Gt = null;
 function Kt() {
+	return Gt ||= URL.createObjectURL(new Blob([Wt], { type: "application/javascript" })), Gt;
+}
+function qt() {
 	return window.AudioContext || window.webkitAudioContext || null;
 }
-async function qt(e) {
-	let { mediaStream: t, targetSampleRate: n, onPcm: r, shouldSend: i, onLog: a } = e, o = Kt();
+async function Jt(e) {
+	let { mediaStream: t, targetSampleRate: n, onPcm: r, shouldSend: i, onLog: a } = e, o = qt();
 	if (!o) throw Error("Web Audio is required for audio capture");
 	let s = new o(), c = s.createMediaStreamSource(t), l = s.createGain();
 	l.gain.value = 0;
-	let u = s.sampleRate, d = Vt(u, n), f = !1, p = !1, m = (e) => {
+	let u = s.sampleRate, d = Ht(u, n), f = !1, p = !1, m = (e) => {
 		if (f || i && !i()) return;
 		let t = d.push(e);
-		t.length !== 0 && r(zt(t));
+		t.length !== 0 && r(Bt(t));
 	}, h = () => void 0;
 	return await (async () => {
 		if (typeof s.audioWorklet?.addModule != "function") return !1;
 		try {
-			await s.audioWorklet.addModule(Gt());
-			let e = new AudioWorkletNode(s, Ht, {
+			await s.audioWorklet.addModule(Kt());
+			let e = new AudioWorkletNode(s, Ut, {
 				numberOfInputs: 1,
 				numberOfOutputs: 1,
 				outputChannelCount: [1]
@@ -1875,7 +1897,7 @@ async function qt(e) {
 }
 //#endregion
 //#region src/v2/speech/captureMediaStreamTrack.ts
-async function Jt(e) {
+async function Yt(e) {
 	let { track: t, utterance: n, sampleRate: r, signal: i } = e;
 	if (typeof MediaStreamTrack > "u" || !(t instanceof MediaStreamTrack)) throw new Z("MediaStreamTrack is not available in this environment.");
 	if (t.kind !== "audio") throw new Z("speech.play track must be an audio MediaStreamTrack.");
@@ -1884,13 +1906,13 @@ async function Jt(e) {
 		s || (s = !0, c?.stop(), c = null);
 	};
 	try {
-		c = await qt({
+		c = await Jt({
 			mediaStream: a,
 			targetSampleRate: r,
 			shouldSend: () => !s && !i?.aborted,
 			onPcm: (e) => {
 				if (s || i?.aborted) return;
-				let t = Lt(e);
+				let t = Rt(e);
 				o = o.then(async () => {
 					if (s || i?.aborted) return;
 					let e = 0;
@@ -1919,10 +1941,10 @@ async function Jt(e) {
 }
 //#endregion
 //#region src/v2/speech/speechController.ts
-async function Yt(e, t) {
-	if (Et(e)) throw new Z("MediaStreamTrack play is handled on the host before embed.");
-	if (wt(e)) {
-		let t = Lt(e.data);
+async function Xt(e, t) {
+	if (Dt(e)) throw new Z("MediaStreamTrack play is handled on the host before embed.");
+	if (Tt(e)) {
+		let t = Rt(e.data);
 		if (t.byteLength & 1) throw new Z("PCM byte length must be even.");
 		return {
 			kind: "pcm",
@@ -1930,17 +1952,17 @@ async function Yt(e, t) {
 			format: e.format
 		};
 	}
-	if (Tt(e)) return {
+	if (Et(e)) return {
 		kind: "url",
 		url: e.url.trim(),
 		...e.sampleRate === void 0 ? {} : { sampleRate: e.sampleRate }
 	};
-	if (!Dt(e)) throw new Z("Unsupported speech.play audio shape.");
+	if (!Ot(e)) throw new Z("Unsupported speech.play audio shape.");
 	let n;
 	if (typeof Blob < "u" && e.data instanceof Blob) {
 		if (t?.aborted) throw new DOMException("Play aborted.", "AbortError");
 		n = new Uint8Array(await e.data.arrayBuffer());
-	} else n = Lt(e.data);
+	} else n = Rt(e.data);
 	return {
 		kind: "encoded",
 		data: n.slice().buffer,
@@ -1948,10 +1970,10 @@ async function Yt(e, t) {
 		...e.sampleRate === void 0 ? {} : { sampleRate: e.sampleRate }
 	};
 }
-function Xt() {
+function Zt() {
 	return typeof crypto < "u" && typeof crypto.randomUUID == "function" ? `utt_${crypto.randomUUID().replace(/-/g, "").slice(0, 12)}` : `utt_${Date.now().toString(36)}${Math.random().toString(36).slice(2, 8)}`;
 }
-function Zt(e, t = "completed") {
+function Qt(e, t = "completed") {
 	return {
 		utteranceId: e.speechId,
 		characterId: e.characterId,
@@ -1965,13 +1987,13 @@ function Zt(e, t = "completed") {
 		}
 	};
 }
-function Qt(e) {
+function $t(e) {
 	return e instanceof Error ? e : new Z(String(e));
 }
-function $t(e) {
+function en(e) {
 	return e instanceof DOMException && e.name === "AbortError" || e instanceof Error && e.name === "AbortError";
 }
-var en = class {
+var tn = class {
 	id;
 	characterId;
 	result;
@@ -2000,14 +2022,14 @@ var en = class {
 			queue: e.queue,
 			...e.transcript === void 0 ? {} : { transcript: e.transcript }
 		}).catch((e) => {
-			throw this.fail(Qt(e)), Qt(e);
+			throw this.fail($t(e)), $t(e);
 		}), this.signal?.addEventListener("abort", () => {
 			this.cancel();
 		}, { once: !0 });
 	}
 	async write(e, t) {
-		if (this.closed || this.settled || (await this.beginPromise.catch(() => void 0), this.closed || this.settled)) throw new At();
-		let n = Lt(e);
+		if (this.closed || this.settled || (await this.beginPromise.catch(() => void 0), this.closed || this.settled)) throw new jt();
+		let n = Rt(e);
 		if (n.byteLength & 1) throw new Z("PCM chunk byte length must be even (complete s16 samples).");
 		if (n.byteLength > X.MAX_CHUNK_BYTES) throw new Z(`PCM chunk exceeds MAX_CHUNK_BYTES (${X.MAX_CHUNK_BYTES}).`);
 		if (n.byteLength === 0) return;
@@ -2016,13 +2038,13 @@ var en = class {
 		let i = n.byteLength / 2 / this.sampleRate * 1e3;
 		if (this.bufferedMs + i > X.MAX_UTTERANCE_DURATION_MS) throw this.releaseWriteSlot(), new Z("Utterance exceeds MAX_UTTERANCE_DURATION_MS.");
 		let a = async () => {
-			if (this.closed || this.settled) throw new At();
+			if (this.closed || this.settled) throw new jt();
 			let e = this.requireHost(), t = n.slice(), i = e.speechUtteranceWrite({
 				utteranceId: this.id,
 				audio: t.buffer,
 				byteLength: t.byteLength
 			}), a = await Promise.race([i, new Promise((e, t) => {
-				setTimeout(() => t(new jt()), r);
+				setTimeout(() => t(new Mt()), r);
 			})]);
 			this.bufferedMs = Math.max(0, a.bufferedMs);
 		}, o = this.writeChain.then(a, a);
@@ -2034,7 +2056,7 @@ var en = class {
 		}
 	}
 	async setTranscript(e) {
-		if (this.closed || this.settled || (await this.beginPromise.catch(() => void 0), this.closed || this.settled)) throw new At();
+		if (this.closed || this.settled || (await this.beginPromise.catch(() => void 0), this.closed || this.settled)) throw new jt();
 		await this.requireHost().speechUtteranceSetTranscript({
 			utteranceId: this.id,
 			transcript: e
@@ -2051,7 +2073,7 @@ var en = class {
 			});
 			return this.resolve(t), t;
 		} catch (e) {
-			let t = Qt(e);
+			let t = $t(e);
 			throw this.fail(t), t;
 		}
 	}
@@ -2069,11 +2091,11 @@ var en = class {
 				characterId: this.characterId,
 				status: "cancelled",
 				durationMs: 0,
-				animation: Mt("none")
+				animation: Nt("none")
 			};
 			return this.resolve(t), t;
 		} catch (e) {
-			let t = Qt(e);
+			let t = $t(e);
 			throw this.fail(t), t;
 		}
 	}
@@ -2086,7 +2108,7 @@ var en = class {
 		return e;
 	}
 	resolve(e) {
-		this.settled || (this.settled = !0, this.settleResolve(Object.freeze(e)), this.flushWriteWaiters(new At()));
+		this.settled || (this.settled = !0, this.settleResolve(Object.freeze(e)), this.flushWriteWaiters(new jt()));
 	}
 	fail(e) {
 		this.settled || (this.settled = !0, this.settleReject(e), this.flushWriteWaiters(e));
@@ -2098,7 +2120,7 @@ var en = class {
 		}
 		await new Promise((t, n) => {
 			let r = setTimeout(() => {
-				n(new jt());
+				n(new Mt());
 			}, e);
 			this.pendingWriteWaiters.push({
 				resolve: () => {
@@ -2117,13 +2139,13 @@ var en = class {
 		for (; this.pendingWriteWaiters.length > 0;) this.pendingWriteWaiters.shift()?.reject(e);
 	}
 };
-function tn(e) {
+function nn(e) {
 	let t = null, n = (t, n) => {
-		if (!e.getCapabilities()[n]) throw new kt(t, n);
+		if (!e.getCapabilities()[n]) throw new At(t, n);
 	}, r = {
 		async speak(r) {
 			if (e.assertSessionStarted(), n("speak", "textSpeech"), r.signal?.aborted) throw new DOMException("Speak aborted.", "AbortError");
-			let i = Rt(r.queue ?? "append");
+			let i = zt(r.queue ?? "append");
 			i === "interrupt" && (e.onProcessorInterrupt?.(), t &&= (t.cancel(), null));
 			let a = e.getIframeHost();
 			if (!a) throw new Z("Speech session is not attached.");
@@ -2143,41 +2165,41 @@ function tn(e) {
 						return;
 					}
 					t.addEventListener("abort", s, { once: !0 }), o.then((e) => {
-						t.removeEventListener("abort", s), n(Zt(e, "completed"));
+						t.removeEventListener("abort", s), n(Qt(e, "completed"));
 					}, (a) => {
-						if (t.removeEventListener("abort", s), $t(a)) {
+						if (t.removeEventListener("abort", s), en(a)) {
 							n({
 								utteranceId: "utt_interrupted",
 								characterId: r.characterId ?? e.getActiveCharacterId(),
 								status: "interrupted",
 								durationMs: 0,
 								transcript: r.text,
-								animation: Mt("none")
+								animation: Nt("none")
 							});
 							return;
 						}
-						i(Qt(a));
+						i($t(a));
 					});
 				});
 			}
 			try {
-				return Zt(await o, "completed");
+				return Qt(await o, "completed");
 			} catch (t) {
-				if ($t(t)) return {
+				if (en(t)) return {
 					utteranceId: "utt_interrupted",
 					characterId: r.characterId ?? e.getActiveCharacterId(),
 					status: "interrupted",
 					durationMs: 0,
 					transcript: r.text,
-					animation: Mt("none")
+					animation: Nt("none")
 				};
-				throw Qt(t);
+				throw $t(t);
 			}
 		},
 		async play(i) {
-			if (e.assertSessionStarted(), n("play", "externalSpeechAudio"), Ft(i.audio), i.signal?.aborted) throw new DOMException("Play aborted.", "AbortError");
+			if (e.assertSessionStarted(), n("play", "externalSpeechAudio"), It(i.audio), i.signal?.aborted) throw new DOMException("Play aborted.", "AbortError");
 			let a = i.queue ?? "append";
-			if ((a === "replace-active" || a === "replace-all") && (e.onProcessorInterrupt?.(), t &&= (t.cancel(), null)), Et(i.audio)) {
+			if ((a === "replace-active" || a === "replace-all") && (e.onProcessorInterrupt?.(), t &&= (t.cancel(), null)), Dt(i.audio)) {
 				let e = i.audio.sampleRate ?? 24e3;
 				return r.createUtterance({
 					format: {
@@ -2193,7 +2215,7 @@ function tn(e) {
 			}
 			let o = e.getIframeHost();
 			if (!o) throw new Z("Speech session is not attached.");
-			let s = await Yt(i.audio, i.signal);
+			let s = await Xt(i.audio, i.signal);
 			return o.speechPlay({
 				source: s,
 				characterId: i.characterId,
@@ -2205,13 +2227,13 @@ function tn(e) {
 		},
 		createUtterance(r) {
 			e.assertSessionStarted(), n("createUtterance", "externalSpeechAudio");
-			let i = It(r);
+			let i = Lt(r);
 			if (r.track && r.track.kind !== "audio") throw new Z("createUtterance track must be an audio MediaStreamTrack.");
 			let a = r.queue ?? "replace-active";
 			if (a !== "replace-active" && a !== "replace-all") throw new Z("createUtterance queue must be replace-active or replace-all.");
 			e.onProcessorInterrupt?.(), t &&= (t.cancel(), null);
-			let o = new en({
-				id: Xt(),
+			let o = new tn({
+				id: Zt(),
 				characterId: r.characterId ?? e.getActiveCharacterId(),
 				format: i,
 				queue: a,
@@ -2223,7 +2245,7 @@ function tn(e) {
 				t === o && (t = null);
 			}), r.track && (async () => {
 				try {
-					if (await Jt({
+					if (await Yt({
 						track: r.track,
 						utterance: o,
 						sampleRate: i.sampleRate,
@@ -2251,16 +2273,16 @@ function tn(e) {
 }
 //#endregion
 //#region src/v2/types/sessionInteraction.ts
-function nn(e) {
+function rn(e) {
 	let t = e?.trim();
 	return t === "full" || t === "face" || t === "medium" ? t : void 0;
 }
 //#endregion
 //#region src/v2/experience.ts
-function rn(e) {
+function an(e) {
 	return !!(e.showClose === !0 || e.returnUrl?.trim() || e.closeButton === !0 || e.closeButton && typeof e.closeButton == "object" && e.closeButton.visible !== !1);
 }
-var an = class e {
+var on = class e {
 	bootstrap;
 	conversationProcessor;
 	iframeHost = null;
@@ -2277,19 +2299,20 @@ var an = class e {
 	pendingStage = null;
 	pendingPipBackground = null;
 	pendingPipShadow = null;
+	pendingTheatre = null;
 	lastInteraction = null;
 	closeHandlers = [];
-	eventRegistry = bt();
+	eventRegistry = xt();
 	readyEnvelope = null;
 	startedEnvelope = null;
 	sessionMintedEnvelope = null;
 	conversationCache = [];
 	speech;
 	constructor(e) {
-		this.bootstrap = e, this.conversationProcessor = e.conversationProcessor ?? null, this.resolvedSession = e.kind === "launch" ? e.session ?? null : null, this.launchToken = e.kind === "launch" ? e.launch : null, this.speech = tn({
+		this.bootstrap = e, this.conversationProcessor = e.conversationProcessor ?? null, this.resolvedSession = e.kind === "launch" ? e.session ?? null : null, this.launchToken = e.kind === "launch" ? e.launch : null, this.speech = nn({
 			getIframeHost: () => this.iframeHost,
 			assertSessionStarted: () => this.assertSessionStarted(),
-			getCapabilities: () => on(this.resolvedSession),
+			getCapabilities: () => sn(this.resolvedSession),
 			getActiveCharacterId: () => "character_unknown",
 			onProcessorInterrupt: () => {
 				this.processorAbortController?.abort(), this.processorAbortController = null;
@@ -2310,6 +2333,8 @@ var an = class e {
 				embedBaseUrl: t.embedBaseUrl,
 				debug: t.debug,
 				speechOnly: t.speechOnly,
+				previewBackground: t.previewBackground,
+				previewForeground: t.previewForeground,
 				ui: t.ui,
 				onStart: t.onStart,
 				onUserTranscript: t.onUserTranscript,
@@ -2333,6 +2358,8 @@ var an = class e {
 			mode: t.mode,
 			speechInputMode: t.speechInputMode,
 			speechOnly: t.speechOnly,
+			previewBackground: t.previewBackground,
+			previewForeground: t.previewForeground,
 			attribution: t.attribution,
 			alreadyConverted: t.alreadyConverted,
 			ui: t.ui,
@@ -2356,6 +2383,8 @@ var an = class e {
 			mode: t.mode,
 			speechInputMode: t.speechInputMode,
 			speechOnly: t.speechOnly,
+			previewBackground: t.previewBackground,
+			previewForeground: t.previewForeground,
 			attribution: t.attribution,
 			alreadyConverted: t.alreadyConverted,
 			ui: t.ui,
@@ -2372,7 +2401,7 @@ var an = class e {
 		return null;
 	}
 	on(e, t) {
-		let n = xt(this.eventRegistry, e, t);
+		let n = St(this.eventRegistry, e, t);
 		return e === "ready" && this.readyEnvelope && queueMicrotask(() => t(this.readyEnvelope)), e === "started" && this.startedEnvelope && queueMicrotask(() => t(this.startedEnvelope)), e === "sessionMinted" && this.sessionMintedEnvelope && queueMicrotask(() => t(this.sessionMintedEnvelope)), n;
 	}
 	async attach(e) {
@@ -2386,13 +2415,13 @@ var an = class e {
 		if (this.closed) throw Error("Session has ended.");
 		if (this.attached && this.iframeHost) return this.createPlayerFacade();
 		this.iframeHost &&= (this.iframeHost.destroy(), null), this.attachReturnUrl = e.returnUrl?.trim() || null;
-		let t = this.bootstrap.embedBaseUrl ?? pt(), n = this.bootstrap.debug === !0, r = this.bootstrap.speechOnly === !0, i = ht(t, n, r ? void 0 : mt(this.bootstrap.backdropId, this.bootstrap.locationId), r ? void 0 : this.bootstrap.avatarId, e.fit, this.bootstrap.ui, rn(e), this.bootstrap.kind === "launch" ? void 0 : this.bootstrap.castSize, e.stage, e.pipBackground, e.pipShadow), a = _t(i), o = null, s = new Promise((e) => {
+		let t = this.bootstrap.embedBaseUrl ?? mt(), n = this.bootstrap.debug === !0, r = this.bootstrap.speechOnly === !0, i = gt(t, n, r ? void 0 : ht(this.bootstrap.backdropId, this.bootstrap.locationId), r ? void 0 : this.bootstrap.avatarId, e.fit, this.bootstrap.ui, an(e), this.bootstrap.kind === "launch" ? void 0 : this.bootstrap.castSize, e.stage, e.pipBackground, e.pipShadow, r ? void 0 : this.bootstrap.previewBackground, r ? void 0 : this.bootstrap.previewForeground), a = vt(i), o = null, s = new Promise((e) => {
 			o = e;
 		}), c = null, l = new Promise((e) => {
 			c = e;
-		}), u = ct((e) => {
+		}), u = lt((e) => {
 			this.readyEnvelope ||= (this.resolvedSession = e, this.emitWrapped("ready", { session: e }));
-		}), d = this.bootstrap.onUserTranscript, f = st({
+		}), d = this.bootstrap.onUserTranscript, f = ct({
 			container: e.container,
 			src: i,
 			playerOrigin: a,
@@ -2455,7 +2484,8 @@ var an = class e {
 			onWidgetAudioSettings: (t) => e.onWidgetAudioSettings?.(t),
 			onWidgetDragStart: (t) => e.onWidgetDragStart?.(t),
 			onWidgetDragMove: (t) => e.onWidgetDragMove?.(t),
-			onWidgetDragEnd: (t) => e.onWidgetDragEnd?.(t)
+			onWidgetDragEnd: (t) => e.onWidgetDragEnd?.(t),
+			onTheatreChange: (t) => e.onTheatreChange?.(t)
 		});
 		this.iframeHost = f;
 		let p = this.resolveMintInteraction(), m = this.bootstrap.kind === "sessionEndpoint" ? (this.endpointAbortController = new AbortController(), ze(this.bootstrap.sessionEndpoint, {
@@ -2494,7 +2524,7 @@ var an = class e {
 					operation: "attach",
 					message: e instanceof Error ? e.message : String(e),
 					stack: e instanceof Error ? e.stack : void 0,
-					release: lt
+					release: ut
 				});
 			} catch {}
 			throw f.destroy(), this.iframeHost === f && (this.iframeHost = null), e;
@@ -2510,12 +2540,16 @@ var an = class e {
 			startButton: e.startButton,
 			theme: e.theme,
 			showFeedback: e.showFeedback,
-			interaction: e.interaction
+			interaction: e.interaction,
+			...e.theatreButton ? { theatreButton: !0 } : {},
+			...e.theatre === void 0 ? {} : { theatre: e.theatre }
 		}), u.setValue(_)) : f.postLaunch(g, void 0, {
 			startButton: e.startButton,
 			theme: e.theme,
 			showFeedback: e.showFeedback,
-			interaction: e.interaction
+			interaction: e.interaction,
+			...e.theatreButton ? { theatreButton: !0 } : {},
+			...e.theatre === void 0 ? {} : { theatre: e.theatre }
 		}), await Promise.race([s, new Promise((e, t) => {
 			setTimeout(() => t(/* @__PURE__ */ Error("Timed out waiting for player loading UI.")), 12e4);
 		})]).catch((e) => {
@@ -2526,7 +2560,7 @@ var an = class e {
 					operation: "attach",
 					message: e instanceof Error ? e.message : String(e),
 					stack: e instanceof Error ? e.stack : void 0,
-					release: lt
+					release: ut
 				});
 			} catch {}
 			throw e;
@@ -2540,11 +2574,11 @@ var an = class e {
 					operation: "attach",
 					message: e instanceof Error ? e.message : String(e),
 					stack: e instanceof Error ? e.stack : void 0,
-					release: lt
+					release: ut
 				});
 			} catch {}
 			throw e;
-		}), this.attached = !0, this.pendingFit && await f.setFit(this.pendingFit), this.pendingStage && await f.setStage(this.pendingStage), this.pendingPipBackground && await f.setPipBackground(this.pendingPipBackground), this.pendingPipShadow !== null && await f.setPipShadow(this.pendingPipShadow), this.createPlayerFacade();
+		}), this.attached = !0, this.pendingFit && await f.setFit(this.pendingFit), this.pendingStage && await f.setStage(this.pendingStage), this.pendingPipBackground && await f.setPipBackground(this.pendingPipBackground), this.pendingPipShadow !== null && await f.setPipShadow(this.pendingPipShadow), this.pendingTheatre !== null && f.postSetTheatre(this.pendingTheatre), this.createPlayerFacade();
 	}
 	async startListening() {
 		this.assertSessionStarted(), await this.iframeHost.startListening();
@@ -2558,6 +2592,10 @@ var an = class e {
 	getConversation() {
 		return this.conversationCache;
 	}
+	setTheatre(e) {
+		if (this.closed) throw Error("Session has ended.");
+		this.pendingTheatre = e, this.iframeHost?.postSetTheatre(e);
+	}
 	setWidgetChrome(e) {
 		this.iframeHost?.postWidgetSetChrome(e);
 	}
@@ -2568,7 +2606,7 @@ var an = class e {
 		this.assertSessionStarted(), await this.iframeHost.focusCharacter(e);
 	}
 	async setFit(e) {
-		let t = nn(e);
+		let t = rn(e);
 		if (!t) throw Error("setFit requires \"full\", \"medium\", or \"face\".");
 		if (this.closed) throw Error("Session has ended.");
 		this.pendingFit = t, !(!this.attached || !this.iframeHost) && await this.iframeHost.setFit(t);
@@ -2618,7 +2656,7 @@ var an = class e {
 		this.close();
 	}
 	destroy() {
-		this.closed || (this.closed = !0, this.processorAbortController?.abort(), this.processorAbortController = null, this.endpointAbortController?.abort(), this.endpointAbortController = null, this.attachInFlight = null, this.iframeHost?.destroy(), this.iframeHost = null, Ct(this.eventRegistry), this.readyEnvelope = null, this.startedEnvelope = null, this.closeHandlers.length = 0, this.lastInteraction = null, this.attached = !1);
+		this.closed || (this.closed = !0, this.processorAbortController?.abort(), this.processorAbortController = null, this.endpointAbortController?.abort(), this.endpointAbortController = null, this.attachInFlight = null, this.iframeHost?.destroy(), this.iframeHost = null, wt(this.eventRegistry), this.readyEnvelope = null, this.startedEnvelope = null, this.closeHandlers.length = 0, this.lastInteraction = null, this.attached = !1);
 	}
 	resolveMintInteraction() {
 		return this.bootstrap.kind === "launch" ? {} : {
@@ -2630,8 +2668,8 @@ var an = class e {
 		return this.resolvedSession?.id ?? "";
 	}
 	emitWrapped(e, t) {
-		let n = yt(e, this.getSessionId(), t);
-		return St(this.eventRegistry, e, n), n;
+		let n = bt(e, this.getSessionId(), t);
+		return Ct(this.eventRegistry, e, n), n;
 	}
 	queueProcessorTurn(e) {
 		if (!e.isFinal || !e.text.trim() || !this.conversationProcessor) return;
@@ -2690,7 +2728,7 @@ var an = class e {
 		};
 	}
 };
-function on(e) {
+function sn(e) {
 	return e ? {
 		textSpeech: e.capabilities.speech.output,
 		externalSpeechAudio: e.capabilities.speech.externalAudio
@@ -2701,26 +2739,26 @@ function on(e) {
 }
 //#endregion
 //#region src/widget/dockGeometry.ts
-var sn = "(min-width: 768px)", cn = 24, ln = .5, un = 1200, dn = .85, fn = 9 / 16;
-function pn() {
+var cn = "(min-width: 768px)", ln = 24, un = .5, dn = 1200, fn = .85, pn = 9 / 16;
+function mn() {
 	if (typeof window > "u") return 800;
 	let e = window.screen?.availHeight;
 	return typeof e == "number" && e > 0 ? e : window.innerHeight;
 }
-function mn(e = typeof window < "u" ? window.innerWidth : 1280, t = typeof window < "u" ? window.innerHeight : 800, n = cn, r = typeof window < "u" ? pn() : 800) {
-	let i = Math.max(160, Math.min(t - n * 2, t * dn)), a = Math.max(120, e - n * 2), o = Math.min(r * ln, un, i), s = o * fn;
-	return s > a && (s = a, o = s / fn, o > i && (o = i, s = o * fn)), {
+function hn(e = typeof window < "u" ? window.innerWidth : 1280, t = typeof window < "u" ? window.innerHeight : 800, n = ln, r = typeof window < "u" ? mn() : 800) {
+	let i = Math.max(160, Math.min(t - n * 2, t * fn)), a = Math.max(120, e - n * 2), o = Math.min(r * un, dn, i), s = o * pn;
+	return s > a && (s = a, o = s / pn, o > i && (o = i, s = o * pn)), {
 		width: Math.round(s),
 		height: Math.round(o)
 	};
 }
-function hn(e, t = typeof window < "u" ? window.innerWidth : 1280, n = typeof window < "u" ? window.innerHeight : 800, r = cn) {
+function gn(e, t = typeof window < "u" ? window.innerWidth : 1280, n = typeof window < "u" ? window.innerHeight : 800, r = ln) {
 	return {
 		left: Math.max(r, t - e.width - r),
 		top: Math.max(r, n - e.height - r)
 	};
 }
-function gn(e, t, n, r = typeof window < "u" ? window.innerWidth : 1280, i = typeof window < "u" ? window.innerHeight : 800, a = cn) {
+function _n(e, t, n, r = typeof window < "u" ? window.innerWidth : 1280, i = typeof window < "u" ? window.innerHeight : 800, a = ln) {
 	let o = Math.max(a, r - n.width - a), s = Math.max(a, i - n.height - a);
 	return {
 		left: Math.min(Math.max(a, e), o),
@@ -2728,14 +2766,14 @@ function gn(e, t, n, r = typeof window < "u" ? window.innerWidth : 1280, i = typ
 	};
 }
 function Q(e = typeof window < "u" ? window.matchMedia.bind(window) : () => ({ matches: !0 })) {
-	return e(sn).matches;
+	return e(cn).matches;
 }
 //#endregion
 //#region src/widget/mountExperienceWidget.ts
-function _n(e) {
+function vn(e) {
 	return e === "bottom-right" || e === "bottom-left" ? e : "static";
 }
-function vn(e) {
+function yn(e) {
 	if (typeof e == "number" && Number.isFinite(e)) return `${e}px`;
 	let t = typeof e == "string" ? e.trim() : "";
 	return t ? /^\d+(\.\d+)?$/.test(t) ? `${t}px` : t : "16px";
@@ -2743,8 +2781,8 @@ function vn(e) {
 function $(e) {
 	return e === "expanded" || e === "docked";
 }
-var yn = "<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 0 0-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 0 0-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 0 0-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 0 0-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 0 0 1.066-2.573c-.94-1.543.826-3.31 2.37-2.37c1 .608 2.296.07 2.572-1.065\"/><path d=\"M9 12a3 3 0 1 0 6 0a3 3 0 0 0-6 0\"/></svg>", bn = "<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path fill=\"currentColor\" d=\"M18.3 5.71a1 1 0 0 0-1.41 0L12 10.59 7.11 5.7A1 1 0 0 0 5.7 7.11L10.59 12l-4.9 4.89a1 1 0 1 0 1.42 1.42L12 13.41l4.89 4.9a1 1 0 0 0 1.42-1.42L13.41 12l4.9-4.89a1 1 0 0 0-.01-1.4Z\"/></svg>", xn = "<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 10h-4V6m6-2l-6 6m-8 4h4v4m0-4l-6 6\"/></svg>", Sn = "<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 4h4v4m-6 2l6-6M8 20H4v-4m0 4l6-6\"/></svg>";
-function Cn(e, t, n) {
+var bn = "<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 0 0-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 0 0-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 0 0-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 0 0-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 0 0 1.066-2.573c-.94-1.543.826-3.31 2.37-2.37c1 .608 2.296.07 2.572-1.065\"/><path d=\"M9 12a3 3 0 1 0 6 0a3 3 0 0 0-6 0\"/></svg>", xn = "<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path fill=\"currentColor\" d=\"M18.3 5.71a1 1 0 0 0-1.41 0L12 10.59 7.11 5.7A1 1 0 0 0 5.7 7.11L10.59 12l-4.9 4.89a1 1 0 1 0 1.42 1.42L12 13.41l4.89 4.9a1 1 0 0 0 1.42-1.42L13.41 12l4.9-4.89a1 1 0 0 0-.01-1.4Z\"/></svg>", Sn = "<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 10h-4V6m6-2l-6 6m-8 4h4v4m0-4l-6 6\"/></svg>", Cn = "<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 4h4v4m-6 2l6-6M8 20H4v-4m0 4l6-6\"/></svg>";
+function wn(e, t, n) {
 	V(ce);
 	let r = v({
 		galleryThumb: t.galleryThumb,
@@ -2774,7 +2812,7 @@ function Cn(e, t, n) {
 	}
 	return e.replaceChildren(i), n?.parallax === !1 ? () => {} : se(i);
 }
-function wn(e) {
+function Tn(e) {
 	return e.startButton ? {
 		...e.startButton,
 		label: e.startButton.label ?? e.startButtonLabel ?? "Tap to talk",
@@ -2786,7 +2824,7 @@ function wn(e) {
 		variant: "primary"
 	};
 }
-function Tn(e) {
+function En(e) {
 	let t = !1, n = () => {
 		t || e();
 	}, r = () => {
@@ -2806,12 +2844,12 @@ function Tn(e) {
 		t = !0, window.removeEventListener("load", r), i?.();
 	};
 }
-function En(e, t) {
+function Dn(e, t) {
 	fe(ue);
 	let n = t.experienceId?.trim();
 	if (!n) throw Error("ExperienceWidget requires experienceId.");
-	let r = t.prefetch ?? "onExpand", i = _n(t.position), a = document.createElement("div");
-	a.className = "liforma-ew", a.dataset.state = "collapsed", a.dataset.prefetch = r, a.dataset.position = i, a.style.setProperty("--liforma-ew-max-w", t.expandedMaxWidth ?? "100%"), a.style.setProperty("--liforma-ew-max-h", t.expandedMaxHeight ?? "100%"), i !== "static" && a.style.setProperty("--liforma-ew-offset", vn(t.offset));
+	let r = t.prefetch ?? "onExpand", i = vn(t.position), a = document.createElement("div");
+	a.className = "liforma-ew", a.dataset.state = "collapsed", a.dataset.prefetch = r, a.dataset.position = i, a.style.setProperty("--liforma-ew-max-w", t.expandedMaxWidth ?? "100%"), a.style.setProperty("--liforma-ew-max-h", t.expandedMaxHeight ?? "100%"), i !== "static" && a.style.setProperty("--liforma-ew-offset", yn(t.offset));
 	let o = document.createElement("button");
 	o.type = "button", o.className = "liforma-ew__hit", o.setAttribute("aria-label", t.alt), o.disabled = !0;
 	let s = document.createElement("div");
@@ -2831,11 +2869,11 @@ function En(e, t) {
 	let m = document.createElement("span");
 	m.className = "liforma-ew__drag-grip", m.setAttribute("aria-hidden", "true");
 	let h = document.createElement("button");
-	h.type = "button", h.className = "liforma-ew__icon-btn liforma-ew__dock-toggle", h.innerHTML = xn, h.setAttribute("aria-label", "Reduce");
+	h.type = "button", h.className = "liforma-ew__icon-btn liforma-ew__dock-toggle", h.innerHTML = Sn, h.setAttribute("aria-label", "Reduce");
 	let g = document.createElement("button");
-	g.type = "button", g.className = "liforma-ew__icon-btn liforma-ew__settings", g.innerHTML = yn, g.setAttribute("aria-label", "Audio settings"), g.setAttribute("aria-pressed", "false");
+	g.type = "button", g.className = "liforma-ew__icon-btn liforma-ew__settings", g.innerHTML = bn, g.setAttribute("aria-label", "Audio settings"), g.setAttribute("aria-pressed", "false");
 	let _ = document.createElement("button");
-	_.type = "button", _.className = "liforma-ew__icon-btn liforma-ew__close", _.innerHTML = bn, _.setAttribute("aria-label", "Close"), p.append(m, h, g, _);
+	_.type = "button", _.className = "liforma-ew__icon-btn liforma-ew__close", _.innerHTML = xn, _.setAttribute("aria-label", "Close"), p.append(m, h, g, _);
 	let v = document.createElement("div");
 	v.className = "liforma-ew__stage";
 	let y = document.createElement("div");
@@ -2863,11 +2901,11 @@ function En(e, t) {
 		p.style.left = `${e + n - a - 10}px`, p.style.top = `${t + 10}px`, p.style.right = "auto", p.style.bottom = "auto", p.style.width = "auto", p.style.height = "auto";
 	}, se = (e, t) => {
 		if (z() !== "docked") return;
-		let n = mn(), r = gn(e - ne, t - re, n);
+		let n = hn(), r = _n(e - ne, t - re, n);
 		M = r.left, N = r.top, oe(r.left, r.top, n.width, n.height);
 	}, ce = (e, t) => {
 		if (z() !== "docked" || !Number.isFinite(e) || !Number.isFinite(t) || e === 0 && t === 0) return;
-		let n = mn(), r = M ?? f.getBoundingClientRect().left, i = N ?? f.getBoundingClientRect().top, a = gn(r + e, i + t, n);
+		let n = hn(), r = M ?? f.getBoundingClientRect().left, i = N ?? f.getBoundingClientRect().top, a = _n(r + e, i + t, n);
 		M = a.left, N = a.top, oe(a.left, a.top, n.width, n.height);
 	}, le = (e) => {
 		F === "toolbar" && (P === null || e.pointerId !== P || (e.preventDefault(), se(e.clientX, e.clientY)));
@@ -2895,10 +2933,10 @@ function En(e, t) {
 			h.hidden = !0;
 			return;
 		}
-		h.hidden = !1, t === "docked" ? (h.innerHTML = Sn, h.setAttribute("aria-label", "Maximize")) : (h.innerHTML = xn, h.setAttribute("aria-label", "Reduce"));
+		h.hidden = !1, t === "docked" ? (h.innerHTML = Cn, h.setAttribute("aria-label", "Maximize")) : (h.innerHTML = Sn, h.setAttribute("aria-label", "Reduce"));
 	}, ge = (e) => {
-		let t = mn(), n = e && M !== null && N !== null ? gn(M, N, t) : hn(t);
-		n = gn(n.left, n.top, t), M = n.left, N = n.top, oe(n.left, n.top, t.width, t.height), H();
+		let t = hn(), n = e && M !== null && N !== null ? _n(M, N, t) : gn(t);
+		n = _n(n.left, n.top, t), M = n.left, N = n.top, oe(n.left, n.top, t.width, t.height), H();
 	}, U = () => {
 		a.classList.remove("liforma-ew--session-revealed"), requestAnimationFrame(() => {
 			requestAnimationFrame(() => {
@@ -2945,7 +2983,7 @@ function En(e, t) {
 		w = !0, a.dataset.warm = "true", l.hidden = !1, D || (o.tabIndex = -1, o.setAttribute("aria-hidden", "true")), t.onPrefetchReady?.();
 	}, Ce = (e) => {
 		k?.(), k = null;
-		let t = Cn(s, e, { parallax: R });
+		let t = wn(s, e, { parallax: R });
 		return t ? (k = t, !0) : !1;
 	}, we = () => {
 		if (Ce(be)) {
@@ -2977,7 +3015,7 @@ function En(e, t) {
 		...t.embedBaseUrl ? { embedBaseUrl: t.embedBaseUrl } : {}
 	}), K = () => ({
 		...t.fit ? { fit: t.fit } : {},
-		startButton: wn(t),
+		startButton: Tn(t),
 		...t.showFeedback === void 0 ? {} : { showFeedback: t.showFeedback },
 		...t.interaction ? { interaction: t.interaction } : {}
 	}), q = (e = !0) => {
@@ -3029,7 +3067,7 @@ function En(e, t) {
 		let e = O;
 		l.hidden = !1, (async () => {
 			try {
-				let t = await an.startSession(Te());
+				let t = await on.startSession(Te());
 				if (S || e !== O) {
 					t.destroy();
 					return;
@@ -3088,7 +3126,7 @@ function En(e, t) {
 		x = !0, w = !1, T = !1, E = !1, D = !1, delete a.dataset.warm, delete a.dataset.live, l.hidden = !0, l.replaceChildren(), b &&= (b.destroy(), null), (async () => {
 			try {
 				q();
-				let t = await an.startSession(Te());
+				let t = await on.startSession(Te());
 				if (S || e !== O) {
 					t.destroy();
 					return;
@@ -3172,7 +3210,7 @@ function En(e, t) {
 			}
 			H();
 		}
-	}, We = typeof window < "u" ? window.matchMedia(sn) : null, Ge = () => {
+	}, We = typeof window < "u" ? window.matchMedia(cn) : null, Ge = () => {
 		if (!S) {
 			if (z() === "docked" && !Q()) {
 				je();
@@ -3185,7 +3223,7 @@ function En(e, t) {
 		e.stopPropagation(), J();
 	}), h.addEventListener("click", Re), g.addEventListener("click", Be), p.addEventListener("pointerdown", Ve), window.addEventListener("keydown", He), window.addEventListener("resize", Ue), We?.addEventListener("change", Ge), we(), H(), r === "eager" ? queueMicrotask(() => {
 		S || Fe();
-	}) : r === "idle" && (te = Tn(() => {
+	}) : r === "idle" && (te = En(() => {
 		S || Fe();
 	})), {
 		root: a,
@@ -3206,6 +3244,6 @@ function En(e, t) {
 	};
 }
 //#endregion
-export { ce as EXPERIENCE_THUMBNAIL_CSS, ue as EXPERIENCE_WIDGET_CSS, an as Experience, U as LiformaError, X as SPEECH_LIMITS, jt as SpeechBufferTimeoutError, Z as SpeechRuntimeError, At as SpeechUtteranceClosedError, kt as UnsupportedSpeechOperationError, ne as attachImageReady, P as attachLazyThumb, oe as attachScrollLinkedParallax, w as buildHostedLaunchUrl, V as ensureExperienceThumbnailStyles, fe as ensureExperienceWidgetStyles, _e as fetchExperiencePreview, j as getDefaultLazyRootMargin, F as horizontalParallaxFromViewportY, ye as liformaErrorFromResponse, En as mountExperienceWidget, n as navigateOnExperienceClose, T as resolveThumbnailHref, S as resolveThumbnailInteraction, v as resolveThumbnailLayers, r as thumbnailFitClass, _ as toGalleryThumbUrl, Ae as warnLocaleVoiceFallbacks };
+export { ce as EXPERIENCE_THUMBNAIL_CSS, ue as EXPERIENCE_WIDGET_CSS, on as Experience, U as LiformaError, X as SPEECH_LIMITS, Mt as SpeechBufferTimeoutError, Z as SpeechRuntimeError, jt as SpeechUtteranceClosedError, At as UnsupportedSpeechOperationError, ne as attachImageReady, P as attachLazyThumb, oe as attachScrollLinkedParallax, w as buildHostedLaunchUrl, V as ensureExperienceThumbnailStyles, fe as ensureExperienceWidgetStyles, _e as fetchExperiencePreview, j as getDefaultLazyRootMargin, F as horizontalParallaxFromViewportY, ye as liformaErrorFromResponse, Dn as mountExperienceWidget, n as navigateOnExperienceClose, T as resolveThumbnailHref, S as resolveThumbnailInteraction, v as resolveThumbnailLayers, r as thumbnailFitClass, _ as toGalleryThumbUrl, Ae as warnLocaleVoiceFallbacks };
 
 //# sourceMappingURL=index.js.map