@tavus/embed 0.9.0 → 0.9.1

package/dist/index.mjs

@@ -28270,6 +28270,7 @@ var mF = {
 	pendingSinceMs: null,
 	lastResolution: null
 }, hF = {
+	composition: { stackedMaxAspect: 1 },
 	classes: {
 		widthCompactMaxPx: 767,
 		widthMediumMaxPx: 1023,
@@ -28331,7 +28332,8 @@ function gF(e, t) {
 	let n = Math.round(e.widthPx), r = Math.round(e.heightPx);
 	return {
 		width: n <= t.classes.widthCompactMaxPx ? "compact" : n <= t.classes.widthMediumMaxPx ? "medium" : "expanded",
-		height: r <= t.classes.heightShortMaxPx ? "short" : "regular"
+		height: r <= t.classes.heightShortMaxPx ? "short" : "regular",
+		composition: n <= r * t.composition.stackedMaxAspect ? "stacked" : "side-by-side"
 	};
 }
 //#endregion
@@ -28401,7 +28403,7 @@ var _F = {
 			{
 				name: "canvasBand",
 				x: { fraction: 0 },
-				y: { fraction: 0 },
+				y: { fraction: .62 },
 				width: { fraction: 1 },
 				height: { fraction: .38 },
 				accepts: ["card"],
@@ -28410,7 +28412,7 @@ var _F = {
 			{
 				name: "stage",
 				x: { fraction: 0 },
-				y: { fraction: .38 },
+				y: { fraction: 0 },
 				width: { fraction: 1 },
 				height: { fraction: .62 },
 				accepts: ["replica"],
@@ -28419,7 +28421,7 @@ var _F = {
 			{
 				name: "pip",
 				x: { fraction: .72 },
-				y: { fraction: .76 },
+				y: { fraction: .38 },
 				width: { fraction: .24 },
 				height: { fraction: .2 },
 				accepts: ["selfView"],
@@ -28427,6 +28429,40 @@ var _F = {
 			}
 		]
 	},
+	"canvas-kiosk-overlay": {
+		id: "canvas-kiosk-overlay",
+		soloVariant: "canvas-solo",
+		regions: [
+			{
+				name: "stage",
+				x: { fraction: 0 },
+				y: { fraction: 0 },
+				width: { fraction: 1 },
+				height: { fraction: 1 },
+				accepts: ["replica"],
+				zBase: 0
+			},
+			{
+				name: "cardSheet",
+				x: { fraction: 0 },
+				y: { fraction: .6 },
+				width: { fraction: 1 },
+				height: { fraction: .4 },
+				accepts: ["card"],
+				zBase: 100,
+				sheetAnchor: "bottom"
+			},
+			{
+				name: "pip",
+				x: { fraction: .72 },
+				y: { fraction: .72 },
+				width: { fraction: .24 },
+				height: { fraction: .24 },
+				accepts: ["selfView"],
+				zBase: 110
+			}
+		]
+	},
 	"canvas-sheet": {
 		id: "canvas-sheet",
 		soloVariant: "canvas-solo",
@@ -28725,7 +28761,7 @@ var _F = {
 			{
 				name: "canvasStage",
 				x: { fraction: 0 },
-				y: { fraction: 0 },
+				y: { fraction: .22 },
 				width: { fraction: 1 },
 				height: { fraction: .78 },
 				accepts: ["card"],
@@ -28734,7 +28770,7 @@ var _F = {
 			{
 				name: "replicaStrip",
 				x: { fraction: 0 },
-				y: { fraction: .78 },
+				y: { fraction: 0 },
 				width: { fraction: 1 },
 				height: { fraction: .22 },
 				accepts: ["replica"],
@@ -28743,7 +28779,7 @@ var _F = {
 			{
 				name: "pip",
 				x: { fraction: .66 },
-				y: { fraction: .8 },
+				y: { fraction: .04 },
 				width: { fraction: .3 },
 				height: { fraction: .16 },
 				accepts: ["selfView"],
@@ -28900,20 +28936,105 @@ var _F = {
 			regular: "canvas-takeover-columns"
 		}
 	}
+}, yF = {
+	idle: {
+		compact: {
+			stacked: "idle",
+			"side-by-side": "idle"
+		},
+		medium: {
+			stacked: "idle",
+			"side-by-side": "idle"
+		},
+		expanded: {
+			stacked: "idle",
+			"side-by-side": "idle"
+		}
+	},
+	conversation: {
+		compact: {
+			stacked: "conversation-full",
+			"side-by-side": "conversation-full"
+		},
+		medium: {
+			stacked: "conversation-full",
+			"side-by-side": "conversation-full"
+		},
+		expanded: {
+			stacked: "conversation-full",
+			"side-by-side": "conversation-full"
+		}
+	},
+	"conversation-canvas": {
+		compact: {
+			stacked: "canvas-sheet",
+			"side-by-side": "canvas-sheet"
+		},
+		medium: {
+			stacked: "canvas-stack",
+			"side-by-side": "canvas-rail"
+		},
+		expanded: {
+			stacked: "canvas-stack",
+			"side-by-side": "canvas-rail"
+		}
+	},
+	"content-focus": {
+		compact: {
+			stacked: "content-stack-compact",
+			"side-by-side": "content-stack-compact"
+		},
+		medium: {
+			stacked: "content-stack",
+			"side-by-side": "content-columns"
+		},
+		expanded: {
+			stacked: "content-stack",
+			"side-by-side": "content-columns"
+		}
+	},
+	"content-plus-canvas": {
+		compact: {
+			stacked: "content-sheet-compact",
+			"side-by-side": "content-sheet-compact"
+		},
+		medium: {
+			stacked: "content-stack-canvas",
+			"side-by-side": "content-rail"
+		},
+		expanded: {
+			stacked: "content-stack-canvas",
+			"side-by-side": "content-rail"
+		}
+	},
+	"canvas-dominant": {
+		compact: {
+			stacked: "canvas-takeover-strip",
+			"side-by-side": "canvas-takeover-strip"
+		},
+		medium: {
+			stacked: "canvas-takeover-strip",
+			"side-by-side": "canvas-takeover-columns"
+		},
+		expanded: {
+			stacked: "canvas-takeover-strip",
+			"side-by-side": "canvas-takeover-columns"
+		}
+	}
 };
-function yF(e, t, n = _F, r = vF, i = !0) {
-	let a = r[e][t.width][t.height], o = n[a];
-	if (!o) throw Error(`Template matrix references missing template id: ${a}`);
-	if (!i && o.soloVariant !== void 0) {
-		let e = n[o.soloVariant];
-		if (!e) throw Error(`soloVariant references missing template id: ${o.soloVariant}`);
+function bF(e, t, n = _F, r = vF, i = !0, a = !1) {
+	let o = a && r === vF && e === "conversation-canvas" && t.composition === "stacked" && t.width !== "compact" ? "canvas-kiosk-overlay" : t.composition !== void 0 && r === vF ? yF[e][t.width][t.composition] : r[e][t.width][t.height], s = n[o];
+	if (!s) throw Error(`Template matrix references missing template id: ${o}`);
+	if (!i && s.soloVariant !== void 0) {
+		let e = n[s.soloVariant];
+		if (!e) throw Error(`soloVariant references missing template id: ${s.soloVariant}`);
 		return e;
 	}
-	return o;
+	return s;
 }
 //#endregion
 //#region ../../node_modules/@tavus-engineering/magic-grid-core/dist/states.js
-function bF(e, t, n) {
+function xF(e, t, n) {
 	let r = [], { prefs: i } = e, a = e.userShare ? "userShare" : e.presentation ? "presentation" : null, o = e.cards.length > 0, s = t.width === "compact";
 	return i.pipCorner !== void 0 && s && r.push("pipCorner"), a === null ? (i.expandCanvas && !o && r.push("expandCanvas"), o && (i.expandCanvas || s) ? {
 		state: "canvas-dominant",
@@ -28939,7 +29060,7 @@ function bF(e, t, n) {
 }
 //#endregion
 //#region ../../node_modules/@tavus-engineering/magic-grid-core/dist/components.js
-var xF = {
+var SF = {
 	alert: {
 		minWidthPx: 220,
 		sizeClass: () => "S",
@@ -28990,25 +29111,25 @@ var xF = {
 		sizeClass: () => "L",
 		estimateHeightPx: () => 640
 	}
-}, SF = {
+}, CF = {
 	minWidthPx: 240,
 	sizeClass: () => "M",
 	estimateHeightPx: (e) => e.coldDefaultHeightPx ?? 320
-}, CF = "canvas.";
-function wF(e) {
-	return e.startsWith(CF) ? e.slice(7) : e;
+}, wF = "canvas.";
+function TF(e) {
+	return e.startsWith(wF) ? e.slice(7) : e;
 }
-function TF(e, t) {
-	let n = wF(e), r = xF[n] ?? SF, i = t?.[n] ?? t?.[e];
+function EF(e, t) {
+	let n = TF(e), r = SF[n] ?? CF, i = t?.[n] ?? t?.[e];
 	return i === void 0 ? r : {
 		...r,
 		minWidthPx: i.minWidthPx ?? r.minWidthPx,
 		...i.hardMinHeightPx === void 0 ? r.hardMinHeightPx === void 0 ? {} : { hardMinHeightPx: r.hardMinHeightPx } : { hardMinHeightPx: i.hardMinHeightPx }
 	};
 }
-Object.keys(xF);
-function EF(e, t, n) {
-	let r = TF(e, n), i = (t.naturalHeightPx !== void 0 && Number.isFinite(t.naturalHeightPx) ? t.naturalHeightPx : void 0) ?? r.estimateHeightPx(t), a = r.hardMinHeightPx === void 0 ? i : Math.max(r.hardMinHeightPx, i);
+Object.keys(SF);
+function DF(e, t, n) {
+	let r = EF(e, n), i = (t.naturalHeightPx !== void 0 && Number.isFinite(t.naturalHeightPx) ? t.naturalHeightPx : void 0) ?? r.estimateHeightPx(t), a = r.hardMinHeightPx === void 0 ? i : Math.max(r.hardMinHeightPx, i);
 	return {
 		sizeClass: r.sizeClass(t),
 		minWidthPx: r.minWidthPx,
@@ -29016,18 +29137,18 @@ function EF(e, t, n) {
 		hardMinHeightPx: r.hardMinHeightPx
 	};
 }
-function DF(e, t) {
-	let n = wF(e);
-	return xF[n] === void 0 ? (t?.[n] ?? t?.[e])?.hardMinHeightPx : TF(e, t).hardMinHeightPx;
-}
 function OF(e, t) {
-	return TF(e, t).minWidthPx;
+	let n = TF(e);
+	return SF[n] === void 0 ? (t?.[n] ?? t?.[e])?.hardMinHeightPx : EF(e, t).hardMinHeightPx;
 }
 function kF(e, t) {
+	return EF(e, t).minWidthPx;
+}
+function AF(e, t) {
 	let n = Number.isFinite(e) ? e : t.card.coldDefaultHeightPx;
 	return Math.min(t.card.maxHeightPx, Math.max(t.card.reportedHeightFloorPx, Math.round(n)));
 }
-function AF(e, t, n) {
+function jF(e, t, n) {
 	if (t >= e) return { kind: "natural" };
 	if (t <= 0 || e <= 0) return { kind: "scroll" };
 	let r = t / e;
@@ -29036,14 +29157,14 @@ function AF(e, t, n) {
 		factor: r
 	} : { kind: "scroll" };
 }
-function jF(e, t) {
+function MF(e, t) {
 	return e.width > 0 && e.height > 0 && t.width > 0 && t.height > 0 && e.x < t.x + t.width && t.x < e.x + e.width && e.y < t.y + t.height && t.y < e.y + e.height;
 }
-function MF(e, t) {
+function NF(e, t) {
 	return t.x >= e.x && t.y >= e.y && t.x + t.width <= e.x + e.width && t.y + t.height <= e.y + e.height;
 }
-function NF(e, t, n) {
-	let r = [], i = e.find((e) => e.kind === "replica"), a = (e) => e.kind === "selfView" && e.layer === "overlay" && i !== void 0 && MF(i.rect, e.rect), o = (e) => e.kind === "card" && e.layer === "overlay" && e.sheet === !0;
+function PF(e, t, n) {
+	let r = [], i = e.find((e) => e.kind === "replica"), a = (e) => e.kind === "selfView" && e.layer === "overlay" && i !== void 0 && NF(i.rect, e.rect), o = (e) => e.kind === "card" && e.layer === "overlay" && e.sheet === !0;
 	for (let a of e) {
 		let e = a.rect;
 		if (Number.isInteger(e.x) && Number.isInteger(e.y) && Number.isInteger(e.width) && Number.isInteger(e.height) || r.push({
@@ -29058,7 +29179,7 @@ function NF(e, t, n) {
 			kind: "overlay-legality",
 			tileId: a.id,
 			message: `only selfView or a sheet card may ride the overlay layer, got ${a.kind}`
-		}), a.kind === "selfView" && a.layer === "overlay" && i !== void 0 && !MF(i.rect, a.rect) && r.push({
+		}), a.kind === "selfView" && a.layer === "overlay" && i !== void 0 && !NF(i.rect, a.rect) && r.push({
 			kind: "overlay-legality",
 			tileId: a.id,
 			message: "selfView escapes the replica rect"
@@ -29076,13 +29197,13 @@ function NF(e, t, n) {
 				tileId: a.id,
 				message: `card ${a.id} box ${e.height}px is below the ${n.card.reportedHeightFloorPx}px report floor`
 			});
-			let t = a.component === void 0 ? void 0 : DF(a.component, n.card.componentOverrides);
+			let t = a.component === void 0 ? void 0 : OF(a.component, n.card.componentOverrides);
 			t !== void 0 && e.height < t && a.fit.kind !== "scroll" && r.push({
 				kind: "min-content",
 				tileId: a.id,
 				message: `card ${a.id} box ${e.height}px is below its ${t}px hard min without scroll`
 			});
-			let i = a.component === void 0 ? void 0 : OF(a.component, n.card.componentOverrides);
+			let i = a.component === void 0 ? void 0 : kF(a.component, n.card.componentOverrides);
 			i !== void 0 && e.width < i && r.push({
 				kind: "min-content",
 				tileId: a.id,
@@ -29090,7 +29211,7 @@ function NF(e, t, n) {
 			});
 		}
 	}
-	for (let t of e) if (!(t.kind !== "content" && t.kind !== "card")) for (let n of e) n.id !== t.id && jF(t.rect, n.rect) && (a(n) && !o(t) || o(n) && !o(t) || o(t) && n.layer === "grid" || r.push({
+	for (let t of e) if (!(t.kind !== "content" && t.kind !== "card")) for (let n of e) n.id !== t.id && MF(t.rect, n.rect) && (a(n) && !o(t) || o(n) && !o(t) || o(t) && n.layer === "grid" || r.push({
 		kind: "never-covered",
 		tileId: t.id,
 		otherTileId: n.id,
@@ -29100,27 +29221,27 @@ function NF(e, t, n) {
 }
 //#endregion
 //#region ../../node_modules/@tavus-engineering/magic-grid-core/dist/constraints.js
-var PF = (e, t, n) => Math.min(n, Math.max(t, e));
-function FF(e, t) {
+var FF = (e, t, n) => Math.min(n, Math.max(t, e));
+function IF(e, t) {
 	let n = t === "compact";
 	return {
 		surfacePad: Math.round(n ? e.insets.compactSurfacePadPx : e.insets.surfacePadPx),
 		cardsPad: Math.round(n ? e.insets.compactCardsPadPx : e.insets.cardsPadPx)
 	};
 }
-function IF(e, t, n) {
+function LF(e, t, n) {
 	return e === "canvas-dominant" && t.width === "compact" ? n.eviction.compactTakeoverMaxCards : n.eviction.maxVisibleCards;
 }
-function LF(e, t, n) {
+function RF(e, t, n) {
 	let r = [...e].sort((e, t) => e.dispatchSeq - t.dispatchSeq), i = Math.floor(t);
 	return r.length <= i ? r : n === "evict-newest" ? r.slice(0, i) : r.slice(r.length - i);
 }
-function RF(e, t, n, r, i, a) {
-	let o = i ?? FF(n, r).cardsPad, s = Math.round(a ?? n.rail.widthPx), c = Math.max(1, Math.min(t - 2 * o, s - 2 * o));
+function zF(e, t, n, r, i, a) {
+	let o = i ?? IF(n, r).cardsPad, s = Math.round(a ?? n.rail.widthPx), c = Math.max(1, Math.min(t - 2 * o, s - 2 * o));
 	return {
 		innerW: c,
 		entries: e.map((e) => {
-			let t = EF(e.component, {
+			let t = DF(e.component, {
 				...e.contentOpts,
 				naturalHeightPx: e.naturalHeightPx,
 				widthPx: c,
@@ -29129,25 +29250,25 @@ function RF(e, t, n, r, i, a) {
 			return {
 				card: e,
 				constraints: t,
-				clampedHeightPx: kF(t.naturalHeightPx, n)
+				clampedHeightPx: AF(t.naturalHeightPx, n)
 			};
 		})
 	};
 }
-function zF(e, t) {
+function BF(e, t) {
 	return "fraction" in e ? e.fraction * t : e.px >= 0 ? e.px : t + e.px;
 }
-function BF(e, t, n, r) {
+function VF(e, t, n, r) {
 	return e.name !== "rail" || "fraction" in t ? t : r === "width" ? { px: n.rail.widthPx } : { px: t.px < 0 ? -n.rail.widthPx : t.px };
 }
-function VF(e, t, n, r, i, a) {
-	let o = n === "x" ? t.width : t.height, s = [...e].sort((e, t) => zF(n === "x" ? e.x : e.y, o) - zF(n === "x" ? t.x : t.y, o)), c = s.map((e) => n === "x" ? BF(e, e.width, r, "width") : e.height), l = 0, u = 0;
+function HF(e, t, n, r, i, a) {
+	let o = n === "x" ? t.width : t.height, s = [...e].sort((e, t) => BF(n === "x" ? e.x : e.y, o) - BF(n === "x" ? t.x : t.y, o)), c = s.map((e) => n === "x" ? VF(e, e.width, r, "width") : e.height), l = 0, u = 0;
 	for (let e of c) "px" in e ? l += e.px : u += e.fraction;
 	let d = Math.max(0, o - l), f = c.map((e) => "px" in e ? e.px : u > 0 ? e.fraction / u * d : 0);
 	if (n === "y" && i !== void 0) {
 		let e = s.findIndex((e, t) => e.accepts.includes("card") && "fraction" in (c[t] ?? e.height));
 		if (e !== -1) {
-			let t = f[e] ?? 0, n = i.shrinkToContent ? Math.min(i.neededPx, Math.max(t, i.capPx)) : PF(i.neededPx, t, Math.max(t, i.capPx)), r = 0, a = 0;
+			let t = f[e] ?? 0, n = i.shrinkToContent ? Math.min(i.neededPx, Math.max(t, i.capPx)) : FF(i.neededPx, t, Math.max(t, i.capPx)), r = 0, a = 0;
 			c.forEach((t, n) => {
 				n !== e && ("px" in t ? r += t.px : a += f[n] ?? 0);
 			});
@@ -29172,7 +29293,7 @@ function VF(e, t, n, r, i, a) {
 		f = g.map((t, n) => (p[n] ?? 0) * h + (e[n] ?? 0) * r);
 	} else f = g;
 	let _ = [0], v = 0;
-	for (let e of f) v += e, _.push(PF(Math.round(v), 0, o));
+	for (let e of f) v += e, _.push(FF(Math.round(v), 0, o));
 	return s.map((e, r) => {
 		let i = _[r] ?? 0, a = _[r + 1] ?? i;
 		return {
@@ -29191,36 +29312,36 @@ function VF(e, t, n, r, i, a) {
 		};
 	});
 }
-function HF(e, t, n) {
-	let r = t.width, i = t.height, a = BF(e, e.width, n, "width"), o = BF(e, e.x, n, "x"), s = PF(Math.round(zF(o, r)), 0, r), c = PF(Math.round(zF(e.y, i)), 0, i);
+function UF(e, t, n) {
+	let r = t.width, i = t.height, a = VF(e, e.width, n, "width"), o = VF(e, e.x, n, "x"), s = FF(Math.round(BF(o, r)), 0, r), c = FF(Math.round(BF(e.y, i)), 0, i);
 	return {
 		x: s,
 		y: c,
-		width: PF(Math.round("fraction" in a ? a.fraction * r : a.px), 0, r - s),
-		height: PF(Math.round("fraction" in e.height ? e.height.fraction * i : e.height.px), 0, i - c)
+		width: FF(Math.round("fraction" in a ? a.fraction * r : a.px), 0, r - s),
+		height: FF(Math.round("fraction" in e.height ? e.height.fraction * i : e.height.px), 0, i - c)
 	};
 }
-function UF(e, t, n, r, i) {
+function WF(e, t, n, r, i) {
 	let a = e.regions.filter((e) => e.zBase < 100), o = (e) => "fraction" in e && e.fraction === 1;
-	return a.length > 1 && a.every((e) => o(e.height)) ? VF(a, t, "x", n) : a.length > 1 && a.every((e) => o(e.width)) ? VF(a, t, "y", n, r, i) : a.map((e) => ({
+	return a.length > 1 && a.every((e) => o(e.height)) ? HF(a, t, "x", n) : a.length > 1 && a.every((e) => o(e.width)) ? HF(a, t, "y", n, r, i) : a.map((e) => ({
 		region: e,
-		rect: HF(e, t, n)
+		rect: UF(e, t, n)
 	}));
 }
-function WF(e, t, n, r, i, a, o, s, c, l, u) {
+function GF(e, t, n, r, i, a, o, s, c, l, u) {
 	if (n !== null) return;
 	let d = e.regions.filter((e) => e.zBase < 100);
 	if (!(d.length > 1 && d.every((e) => "fraction" in e.width && e.width.fraction === 1))) return;
 	let f = d.find((e) => e.accepts.includes("card") && "fraction" in e.height);
 	if (f === void 0 || r.cards.length === 0) return;
-	let { innerW: p, entries: m } = RF(LF(r.cards, u, c.eviction.policy), i.width, c, l, void 0, c.card.stackMaxWidthPx), h = m.reduce((e, t) => t.constraints.minWidthPx > p ? e : Math.max(e, t.clampedHeightPx), 0), { cardsPad: g } = FF(c, l), _ = zF(f.y, i.height), v = d.every((e) => zF(e.y, i.height) <= _), y = v ? Math.max(0, o - s) : 0, b = !v && h > 0;
+	let { innerW: p, entries: m } = zF(RF(r.cards, u, c.eviction.policy), i.width, c, l, void 0, c.card.stackMaxWidthPx), h = m.reduce((e, t) => t.constraints.minWidthPx > p ? e : Math.max(e, t.clampedHeightPx), 0), { cardsPad: g } = IF(c, l), _ = BF(f.y, i.height), v = d.every((e) => BF(e.y, i.height) <= _) ? Math.max(0, o - s) : 0, y = h > 0;
 	return {
-		neededPx: h + 2 * g + (b ? 0 : y),
+		neededPx: h + 2 * g + v,
 		capPx: Math.round(c.card.stackBandMaxFraction * a.height),
-		...b && { shrinkToContent: b }
+		...y && { shrinkToContent: y }
 	};
 }
-function GF(e, t, n, r) {
+function KF(e, t, n, r) {
 	if (t === null) return;
 	let i = e.regions.filter((e) => e.zBase < 100);
 	if (!(i.length > 1 && i.every((e) => "fraction" in e.width && e.width.fraction === 1))) return;
@@ -29229,8 +29350,8 @@ function GF(e, t, n, r) {
 	let s = r.content.stackedAspect;
 	if (!(!Number.isFinite(s) || s <= 0)) return { maxPx: Math.round(n.width / s) };
 }
-var KF = "bottom-left";
-function qF(e, t, n, r, i) {
+var qF = "bottom-left";
+function JF(e, t, n, r, i) {
 	let a = t.endsWith("right") ? e.x + e.width - n - r : e.x + n, o = t.startsWith("bottom") ? e.y + e.height - n - i : e.y + n;
 	return {
 		x: Math.round(a),
@@ -29239,20 +29360,20 @@ function qF(e, t, n, r, i) {
 		height: i
 	};
 }
-function JF(e, t, n, r) {
+function YF(e, t, n, r) {
 	let i = Math.max(n.pip.minWidthPx, Math.round(e.width * .25)), a = r ? e.height - t : Math.round((e.height - t) * 16 / 9), o = Math.min(i, e.width - t, a), s = r ? o : Math.round(o * 9 / 16);
 	return o < n.pip.minWidthPx || o <= 0 || s <= 0 ? null : {
 		w: o,
 		h: s
 	};
 }
-function YF(e, t, n) {
-	return t === null || !jF(e, t) ? e : {
+function XF(e, t, n) {
+	return t === null || !MF(e, t) ? e : {
 		...e,
 		y: Math.round(t.y) - n - e.height
 	};
 }
-function XF(e) {
+function ZF(e) {
 	if (typeof e != "object" || !e) return !1;
 	let t = e;
 	return [
@@ -29262,48 +29383,48 @@ function XF(e) {
 		"height"
 	].every((e) => typeof t[e] == "number" && Number.isFinite(t[e]));
 }
-function ZF(e, t, n) {
+function QF(e, t, n) {
 	let r = e;
-	for (let e of t.filter(XF).sort((e, t) => t.y - e.y)) r = YF(r, e, n);
+	for (let e of t.filter(ZF).sort((e, t) => t.y - e.y)) r = XF(r, e, n);
 	return r;
 }
-function QF(e, t, n) {
+function $F(e, t, n) {
 	if (t <= 0) return e;
 	let r = Math.min(t, e.length);
 	return n === "evict-newest" ? e.slice(0, e.length - r) : e.slice(r);
 }
-function $F(e, t, n, r, i, a) {
-	let o = n.callControls === !0 ? Math.round(a.insets.callControlsBottomPx) : 0, s = i.height - o, c = n.selfView && n.prefs.hideSelfView !== !0, l = (n.replica || c ? 1 : 0) + (t.contentKind === null ? 0 : 1) + +(n.cards.length > 0) >= 2 ? FF(a, r.width).surfacePad : 0, u = {
-		width: Math.max(0, i.width - 2 * l),
-		height: Math.max(0, i.height - 2 * l)
-	}, d = n.callControlsRect ?? (o > 0 ? {
+function eI(e, t, n, r, i, a) {
+	let o = n.callControls === !0 ? Math.round(a.insets.callControlsBottomPx) : 0, s = i.height - o, c = n.selfView && n.prefs.hideSelfView !== !0, l = n.replica || c, u = e.regions.some((e) => e.zBase < 100 && e.accepts.includes("card")), d = +!!l + (t.contentKind === null ? 0 : 1) + (n.cards.length > 0 && u ? 1 : 0) >= 2 ? IF(a, r.width).surfacePad : 0, f = {
+		width: Math.max(0, i.width - 2 * d),
+		height: Math.max(0, i.height - 2 * d)
+	}, p = n.callControlsRect ?? (o > 0 ? {
 		x: 0,
 		y: s,
 		width: i.width,
 		height: o
 	} : null);
 	return {
-		regions: UF(e, u, a, WF(e, t.state, t.contentKind, n, u, i, o, l, a, r.width, IF(t.state, r, a)), GF(e, t.contentKind, u, a)).map((e) => ({
+		regions: WF(e, f, a, GF(e, t.state, t.contentKind, n, f, i, o, d, a, r.width, LF(t.state, r, a)), KF(e, t.contentKind, f, a)).map((e) => ({
 			...e,
 			rect: {
 				...e.rect,
-				x: e.rect.x + l,
-				y: e.rect.y + l
+				x: e.rect.x + d,
+				y: e.rect.y + d
 			}
-		})).map((e) => d === null || !e.region.accepts.includes("card") || !(e.rect.x < d.x + d.width && e.rect.x + e.rect.width > d.x) ? e : {
+		})).map((e) => p === null || !e.region.accepts.includes("card") || !(e.rect.x < p.x + p.width && e.rect.x + e.rect.width > p.x) ? e : {
 			...e,
 			rect: {
 				...e.rect,
 				height: Math.max(0, Math.min(e.rect.height, s - e.rect.y))
 			}
 		}),
-		surfacePad: l,
+		surfacePad: d,
 		controlsInset: o,
 		bandTopY: s
 	};
 }
-function eI(e, t, n, r, i, a) {
-	let o = n.selfView && n.prefs.hideSelfView !== !0, { regions: s, surfacePad: c, controlsInset: l, bandTopY: u } = $F(t, e, n, r, i, a), d = s.find((e) => e.region.accepts.includes("replica")), f = s.find((e) => e.region.accepts.includes("content")), p = s.find((e) => e.region.accepts.includes("card")), m = t.regions.find((e) => e.zBase >= 100 && e.accepts.includes("selfView")), h = t.regions.find((e) => e.zBase >= 100 && e.accepts.includes("card")), g = Math.round(a.rail.gutterPx), _ = Math.round(a.pip.gapPaddingPx), v = [...n.cards].sort((e, t) => e.dispatchSeq - t.dispatchSeq), y = IF(e.state, r, a), b = p ? LF(n.cards, y, a.eviction.policy) : h === void 0 ? [] : LF(n.cards, 1, a.eviction.policy), x = (s) => {
+function tI(e, t, n, r, i, a) {
+	let o = n.selfView && n.prefs.hideSelfView !== !0, { regions: s, surfacePad: c, controlsInset: l, bandTopY: u } = eI(t, e, n, r, i, a), d = s.find((e) => e.region.accepts.includes("replica")), f = s.find((e) => e.region.accepts.includes("content")), p = s.find((e) => e.region.accepts.includes("card")), m = t.regions.find((e) => e.zBase >= 100 && e.accepts.includes("selfView")), h = t.regions.find((e) => e.zBase >= 100 && e.accepts.includes("card")), g = Math.round(a.rail.gutterPx), _ = Math.round(a.pip.gapPaddingPx), v = [...n.cards].sort((e, t) => e.dispatchSeq - t.dispatchSeq), y = LF(e.state, r, a), b = p ? RF(n.cards, y, a.eviction.policy) : h === void 0 ? [] : RF(n.cards, 1, a.eviction.policy), x = (s) => {
 		let y = {
 			evictedCardIds: [],
 			selfViewDropped: !1,
@@ -29382,9 +29503,9 @@ function eI(e, t, n, r, i, a) {
 			fit: { kind: "natural" },
 			region: f.region.name
 		});
-		let T = QF(b, s.extraEvictions, a.eviction.policy), ee = new Set(T.map((e) => e.id));
+		let T = $F(b, s.extraEvictions, a.eviction.policy), ee = new Set(T.map((e) => e.id));
 		if (y.evictedCardIds = v.filter((e) => !ee.has(e.id)).map((e) => e.id), p && T.length > 0) {
-			let e = p.rect, n = t.regions.filter((e) => e.zBase < 100), i = n.length > 1 && n.every((e) => "fraction" in e.width && e.width.fraction === 1), { innerW: o, entries: s } = RF(T, e.width, a, r.width, void 0, i ? a.card.stackMaxWidthPx : void 0), c = e.x + Math.round((e.width - o) / 2), l = e.height - g * (s.length - 1), u = s.reduce((e, t) => e + t.clampedHeightPx, 0), d;
+			let e = p.rect, n = t.regions.filter((e) => e.zBase < 100), i = n.length > 1 && n.every((e) => "fraction" in e.width && e.width.fraction === 1), { innerW: o, entries: s } = zF(T, e.width, a, r.width, void 0, i ? a.card.stackMaxWidthPx : void 0), c = e.x + Math.round((e.width - o) / 2), l = e.height - g * (s.length - 1), u = s.reduce((e, t) => e + t.clampedHeightPx, 0), d;
 			if (u <= l) d = s.map((e) => e.clampedHeightPx);
 			else {
 				let e = l > 0 ? l / u : 0;
@@ -29402,7 +29523,7 @@ function eI(e, t, n, r, i, a) {
 			}
 			let f = d.reduce((e, t) => e + t, 0) + g * (s.length - 1), m = e.y + Math.max(0, Math.round((e.height - f) / 2));
 			s.forEach((t, n) => {
-				let r = Math.min(m, e.y + e.height), i = Math.max(0, Math.min(d[n] ?? 0, e.y + e.height - r)), s = AF(t.clampedHeightPx, i, a), l = t.constraints.hardMinHeightPx;
+				let r = Math.min(m, e.y + e.height), i = Math.max(0, Math.min(d[n] ?? 0, e.y + e.height - r)), s = jF(t.clampedHeightPx, i, a), l = t.constraints.hardMinHeightPx;
 				l !== void 0 && i < l && s.kind !== "scroll" && (s = { kind: "scroll" }), x.push({
 					id: t.card.id,
 					kind: "card",
@@ -29426,37 +29547,40 @@ function eI(e, t, n, r, i, a) {
 			let e = {
 				width: Math.max(0, i.width - 2 * c),
 				height: Math.max(0, i.height - 2 * c)
-			}, t = HF(h, e, a), n = {
+			}, t = UF(h, e, a), o = h.sheetAnchor === "bottom", s = IF(a, r.width).cardsPad, l = o ? Math.min(u, n.callControlsRect?.y ?? u) - s : u, d = {
 				x: t.x + c,
 				y: t.y + c,
 				width: t.width,
-				height: Math.max(0, Math.min(t.height, u - (t.y + c)))
-			}, { innerW: o, entries: s } = RF(T, n.width, a, r.width, 0, a.card.stackMaxWidthPx), l = s[0];
-			if (l !== void 0) {
-				let e = n.x + Math.round((n.width - o) / 2), t = Math.max(0, Math.min(l.clampedHeightPx, n.height)), r = AF(l.clampedHeightPx, t, a), i = l.constraints.hardMinHeightPx;
-				i !== void 0 && t < i && r.kind !== "scroll" && (r = { kind: "scroll" }), E = {
-					id: l.card.id,
+				height: Math.max(0, Math.min(t.height, l - (t.y + c)))
+			}, { innerW: f, entries: p } = zF(T, d.width, a, r.width, o ? s : 0, a.card.stackMaxWidthPx), m = p[0];
+			if (m !== void 0) {
+				let e = d.x + Math.round((d.width - f) / 2), t = Math.max(0, Math.min(m.clampedHeightPx, d.height)), n = jF(m.clampedHeightPx, t, a);
+				o && m.constraints.naturalHeightPx > t && (n = { kind: "scroll" });
+				let r = m.constraints.hardMinHeightPx;
+				r !== void 0 && t < r && n.kind !== "scroll" && (n = { kind: "scroll" }), E = {
+					id: m.card.id,
 					kind: "card",
-					component: l.card.component,
-					cardSizeClass: l.constraints.sizeClass,
+					component: m.card.component,
+					cardSizeClass: m.constraints.sizeClass,
 					rect: {
 						x: e,
-						y: n.y,
-						width: o,
+						y: o ? d.y + d.height - t : d.y,
+						width: f,
 						height: t
 					},
 					layer: "overlay",
 					order: h.zBase,
-					fit: r,
+					fit: n,
 					region: h.name,
-					sheet: !0
+					sheet: !0,
+					...o && { sheetAnchor: "bottom" }
 				}, x.push(E);
 			}
 		}
 		if (!C) {
 			if (o && s.selfViewDropped) y.selfViewDropped = !0;
 			else if (o) {
-				let t = e.suppressedPrefs.includes("pipCorner") ? KF : n.prefs.pipCorner ?? "bottom-left", o = n.callControlsVisible === !1 ? null : n.callControlsRect ?? (l > 0 ? {
+				let t = e.suppressedPrefs.includes("pipCorner") ? qF : n.prefs.pipCorner ?? "bottom-left", o = n.callControlsVisible === !1 ? null : n.callControlsRect ?? (l > 0 ? {
 					x: 0,
 					y: u,
 					width: i.width,
@@ -29467,7 +29591,7 @@ function eI(e, t, n, r, i, a) {
 					...n.chromeObstacles ?? []
 				];
 				if (S) {
-					let e = S.rect, n = JF(e, _, a, r.width === "compact"), i = n === null ? null : qF(e, t, _, n.w, n.h), o = i === null ? null : ZF(i, s, _), c = n !== null && o !== null && o.y >= e.y && n.w + _ <= e.width && n.h + _ <= e.height, l = n !== null && e.width > 0 && e.height > 0 ? n.w * n.h / (e.width * e.height) : Infinity;
+					let e = S.rect, n = YF(e, _, a, r.width === "compact"), i = n === null ? null : JF(e, t, _, n.w, n.h), o = i === null ? null : QF(i, s, _), c = n !== null && o !== null && o.y >= e.y && n.w + _ <= e.width && n.h + _ <= e.height, l = n !== null && e.width > 0 && e.height > 0 ? n.w * n.h / (e.width * e.height) : Infinity;
 					o !== null && c && l <= a.pip.maxAreaRatio ? x.push({
 						id: "selfView",
 						kind: "selfView",
@@ -29483,7 +29607,7 @@ function eI(e, t, n, r, i, a) {
 						y: 0,
 						width: i.width,
 						height: i.height
-					}, c = ZF(qF(o, t, _, e, n), s, _), l = c.y >= 0 && e + _ <= o.width && n + _ <= o.height, u = x.some((e) => (e.kind === "content" || e.kind === "card") && jF(e.rect, c));
+					}, c = QF(JF(o, t, _, e, n), s, _), l = c.y >= 0 && e + _ <= o.width && n + _ <= o.height, u = x.some((e) => (e.kind === "content" || e.kind === "card") && MF(e.rect, c));
 					l && !u ? x.push({
 						id: "selfView",
 						kind: "selfView",
@@ -29504,74 +29628,82 @@ function eI(e, t, n, r, i, a) {
 		extraEvictions: 0,
 		selfViewDropped: !1,
 		replicaCollapsed: !1
-	}, C = x(S), w = NF(C.tiles, i, a);
+	}, C = x(S), w = PF(C.tiles, i, a);
 	for (let e of a.degradationLadder) {
 		if (w.length === 0) break;
 		if (e === "evict-cards") for (; w.length > 0 && S.extraEvictions < b.length;) S = {
 			...S,
 			extraEvictions: S.extraEvictions + 1
-		}, C = x(S), w = NF(C.tiles, i, a);
+		}, C = x(S), w = PF(C.tiles, i, a);
 		else e === "drop-self-view" ? C.tiles.some((e) => e.kind === "selfView") && (S = {
 			...S,
 			selfViewDropped: !0
-		}, C = x(S), w = NF(C.tiles, i, a)) : e === "collapse-replica" && !S.replicaCollapsed && C.tiles.some((e) => e.kind === "replica") && (S = {
+		}, C = x(S), w = PF(C.tiles, i, a)) : e === "collapse-replica" && !S.replicaCollapsed && C.tiles.some((e) => e.kind === "replica") && (S = {
 			...S,
 			replicaCollapsed: !0
-		}, C = x(S), w = NF(C.tiles, i, a));
+		}, C = x(S), w = PF(C.tiles, i, a));
 	}
 	return C;
 }
 //#endregion
 //#region ../../node_modules/@tavus-engineering/magic-grid-core/dist/resolveCore.js
-function tI(e) {
+function nI(e) {
 	if (!(e === void 0 || e.length === 0)) return {
 		..._F,
 		...Object.fromEntries(e.map((e) => [e.id, e]))
 	};
 }
-function nI(e, t, n, r) {
-	let i = {
-		width: Math.max(0, Math.round(e.container.widthPx)),
-		height: Math.max(0, Math.round(e.container.heightPx))
-	}, a = bF(e, t, n), o = e.replica || e.selfView && e.prefs.hideSelfView !== !0, s = yF(a.state, t, tI(r?.templates), void 0, o), { tiles: c, degradations: l } = eI(a, s, e, t, i, n);
+function rI(e, t, n, r) {
+	let i = e.callControlsRect, a = i === void 0 ? e : {
+		...e,
+		callControlsRect: {
+			x: Math.round(i.x),
+			y: Math.round(i.y),
+			width: Math.max(0, Math.round(i.width)),
+			height: Math.max(0, Math.round(i.height))
+		}
+	}, o = {
+		width: Math.max(0, Math.round(a.container.widthPx)),
+		height: Math.max(0, Math.round(a.container.heightPx))
+	}, s = xF(a, t, n), c = a.replica || a.selfView && a.prefs.hideSelfView !== !0, l = bF(s.state, t, nI(r?.templates), void 0, c, a.kioskMode === !0), { tiles: u, degradations: d } = tI(s, l, a, t, o, n);
 	return {
-		state: a.state,
+		state: s.state,
 		sizeClass: t,
-		containerPx: i,
-		templateId: s.id,
-		tiles: c,
-		degradations: l,
-		suppressedPrefs: [...a.suppressedPrefs]
+		containerPx: o,
+		templateId: l.id,
+		tiles: u,
+		degradations: d,
+		suppressedPrefs: [...s.suppressedPrefs]
 	};
 }
 //#endregion
 //#region ../../node_modules/@tavus-engineering/magic-grid-core/dist/transitions.js
-var rI = {
+var iI = {
 	compact: 0,
 	medium: 1,
 	expanded: 2
 };
-function iI(e, t) {
-	return e.width === t.width && e.height === t.height;
+function aI(e, t) {
+	return e.width === t.width && e.height === t.height && e.composition === t.composition;
 }
-function aI(e, t, n, r, i) {
+function oI(e, t, n, r, i) {
 	let a = e.committedClass;
-	if (a === null) return {
+	if (a === null || a.composition === void 0) return {
 		committedClass: t,
 		pendingClass: null,
 		pendingSinceMs: null
 	};
-	if (iI(t, a)) return {
+	if (aI(t, a)) return {
 		committedClass: a,
 		pendingClass: null,
 		pendingSinceMs: null
 	};
-	let o = Math.abs(rI[t.width] - rI[a.width]), s = e.lastResolution?.containerPx.width ?? null;
-	return o > 1 || s === null || Math.abs(Math.round(n) - s) >= i.hysteresis.decisiveJumpPxDelta ? {
+	let o = Math.abs(iI[t.width] - iI[a.width]), s = e.lastResolution?.containerPx;
+	return o > 1 || s === void 0 || Math.max(Math.abs(Math.round(n.widthPx) - s.width), Math.abs(Math.round(n.heightPx) - s.height)) >= i.hysteresis.decisiveJumpPxDelta ? {
 		committedClass: t,
 		pendingClass: null,
 		pendingSinceMs: null
-	} : e.pendingClass !== null && e.pendingSinceMs !== null && iI(e.pendingClass, t) ? r - e.pendingSinceMs >= i.hysteresis.windowMs ? {
+	} : e.pendingClass !== null && e.pendingSinceMs !== null && aI(e.pendingClass, t) ? r - e.pendingSinceMs >= i.hysteresis.windowMs ? {
 		committedClass: t,
 		pendingClass: null,
 		pendingSinceMs: null
@@ -29585,15 +29717,15 @@ function aI(e, t, n, r, i) {
 		pendingSinceMs: r
 	};
 }
-var oI = (e, t) => e < t ? -1 : +(e > t);
-function sI(e, t) {
+var sI = (e, t) => e < t ? -1 : +(e > t);
+function cI(e, t) {
 	let n = new Map((e?.tiles ?? []).map((e) => [e.id, e])), r = new Map(t.tiles.map((e) => [e.id, e])), i = [];
-	for (let e of [...n.keys()].sort(oI)) r.has(e) || i.push({
+	for (let e of [...n.keys()].sort(sI)) r.has(e) || i.push({
 		type: "exit",
 		tileId: e
 	});
 	let a = [], o = [], s = [];
-	for (let e of [...r.keys()].sort(oI)) {
+	for (let e of [...r.keys()].sort(sI)) {
 		let t = n.get(e);
 		if (t === void 0) {
 			a.push({
@@ -29635,11 +29767,11 @@ function sI(e, t) {
 		...s
 	];
 }
-function cI(e, t, n, r, i) {
-	let a = aI(e, gF(t.container, r), t.container.widthPx, n, r), o = nI(t, a.committedClass, r, i);
+function lI(e, t, n, r, i) {
+	let a = oI(e, gF(t.container, r), t.container, n, r), o = rI(t, a.committedClass, r, i);
 	return {
 		resolution: o,
-		transitions: sI(e.lastResolution, o),
+		transitions: cI(e.lastResolution, o),
 		nextState: {
 			committedClass: a.committedClass,
 			pendingClass: a.pendingClass,
@@ -29650,73 +29782,78 @@ function cI(e, t, n, r, i) {
 }
 //#endregion
 //#region ../../node_modules/@tavus-engineering/magic-grid-core/dist/index.js
-var lI = "0.1.12", uI = mF, dI = (() => {
+var uI = "0.1.13", dI = mF, fI = (() => {
 	try {
 		return new URLSearchParams(globalThis.location?.search ?? "").get("grid_enabled") === "1";
 	} catch {
 		return !1;
 	}
-})(), fI = (() => {
+})(), pI = (() => {
 	try {
 		return new URLSearchParams(globalThis.location?.search ?? "").get("grid_debug") === "1";
 	} catch {
 		return !1;
 	}
 })();
-function pI(e, t) {
-	return dI || e === !0 || t === !0;
+function mI(e, t) {
+	return fI || e === !0 || t === !0;
+}
+function hI(e = globalThis.location?.search ?? "") {
+	return new URLSearchParams(e).get("kiosk") === "1";
 }
-function mI({ instances: e, viewport: t, presence: n, callControlsBandPx: r, callControlsVisible: i, callControlsRect: a, reportedHeights: o }) {
+function gI({ kioskMode: e = !1, instances: t, viewport: n, presence: r, callControlsBandPx: i, callControlsVisible: a, callControlsRect: o, reportedHeights: s }) {
 	return {
+		kioskMode: e,
 		container: {
-			widthPx: t.width,
-			heightPx: Math.round(Math.min(t.height, t.visualViewportHeight ?? t.height))
-		},
-		replica: n.hasPersonaVideo,
-		selfView: n.hasSelfView,
-		presentation: n.isPersonaPresenting ? {} : null,
-		userShare: n.isScreenSharing ? {} : null,
-		cards: e.map((e, t) => ({
+			widthPx: n.width,
+			heightPx: Math.round(Math.min(n.height, n.visualViewportHeight ?? n.height))
+		},
+		replica: r.hasPersonaVideo,
+		selfView: r.hasSelfView,
+		presentation: r.isPersonaPresenting ? {} : null,
+		userShare: r.isScreenSharing ? {} : null,
+		cards: t.map((e, t) => ({
 			id: e.id,
 			component: e.canvas_config.component,
 			dispatchSeq: t + 1,
-			...o[e.id] === void 0 ? {} : { naturalHeightPx: o[e.id] }
+			...s[e.id] === void 0 ? {} : { naturalHeightPx: s[e.id] }
 		})),
 		prefs: {},
-		callControls: r > 0,
-		callControlsVisible: i ?? !0,
-		...a === void 0 ? {} : { callControlsRect: a }
+		callControls: i > 0,
+		callControlsVisible: a ?? !0,
+		...o === void 0 ? {} : { callControlsRect: o }
 	};
 }
-var hI = 16, gI = 200, _I = Xt(null);
-function vI(e) {
-	_I.peek() === null && (console.error("Magic Grid engine error; rendering the legacy layout.", e), _I.value = (e instanceof Error ? `${e.name}: ${e.message}` : String(e)).slice(0, gI));
+var _I = 16, vI = 200, yI = Xt(null);
+function bI(e) {
+	yI.peek() === null && (console.error("Magic Grid engine error; rendering the legacy layout.", e), yI.value = (e instanceof Error ? `${e.name}: ${e.message}` : String(e)).slice(0, vI));
 }
-function yI() {
-	_I.peek() !== null && (_I.value = null);
+function xI() {
+	yI.peek() !== null && (yI.value = null);
 }
-function bI({ instances: e, viewport: t, presence: n, callControlsBandPx: r, callControlsVisible: i, callControlsRect: a, enabled: o }) {
-	let s = N(uI), c = N(null), [l, u] = j({}), [d, f] = j(null), p = F((e, t) => {
-		o && u((n) => n[e] === t ? n : {
+function SI({ kioskMode: e = !1, instances: t, viewport: n, presence: r, callControlsBandPx: i, callControlsVisible: a, callControlsRect: o, enabled: s }) {
+	let c = N(dI), l = N(null), [u, d] = j({}), [f, p] = j(null), m = F((e, t) => {
+		s && d((n) => n[e] === t ? n : {
 			...n,
 			[e]: t
 		});
-	}, [o]);
+	}, [s]);
 	M(() => {
-		u((t) => {
-			let n = new Set(e.map((e) => e.id)), r = {};
-			for (let [e, i] of Object.entries(t)) n.has(e) && (r[e] = i);
-			return Object.keys(r).length === Object.keys(t).length ? t : r;
+		d((e) => {
+			let n = new Set(t.map((e) => e.id)), r = {};
+			for (let [t, i] of Object.entries(e)) n.has(t) && (r[t] = i);
+			return Object.keys(r).length === Object.keys(e).length ? e : r;
 		});
-	}, [e]);
-	let m = P(() => mI({
-		instances: e,
-		viewport: t,
-		presence: n,
-		callControlsBandPx: r,
-		callControlsVisible: i,
-		callControlsRect: a,
-		reportedHeights: l
+	}, [t]);
+	let h = P(() => gI({
+		kioskMode: e,
+		instances: t,
+		viewport: n,
+		presence: r,
+		callControlsBandPx: i,
+		callControlsVisible: a,
+		callControlsRect: o,
+		reportedHeights: u
 	}), [
 		e,
 		t,
@@ -29724,45 +29861,49 @@ function bI({ instances: e, viewport: t, presence: n, callControlsBandPx: r, cal
 		r,
 		i,
 		a,
-		l
+		o,
+		u
 	]);
 	return M(() => {
-		if (!o || _I.peek() !== null) return;
-		c.current === null && (c.current = Date.now());
+		if (!s || yI.peek() !== null) return;
+		l.current === null && (l.current = Date.now());
 		let e = null, t = () => {
-			if (e = null, _I.peek() !== null) return;
-			let n = Date.now() - (c.current ?? 0), r;
+			if (e = null, yI.peek() !== null) return;
+			let n = Date.now() - (l.current ?? 0), r;
 			try {
-				r = cI(s.current, m, n, hF);
+				r = lI(c.current, h, n, hF);
 			} catch (e) {
-				vI(e);
+				bI(e);
 				return;
 			}
-			if (s.current = r.nextState, f(r), r.nextState.pendingClass !== null) {
+			if (c.current = r.nextState, p(r), r.nextState.pendingClass !== null) {
 				let i = r.nextState.pendingSinceMs === null ? 0 : Math.max(0, n - r.nextState.pendingSinceMs);
-				e = setTimeout(t, Math.max(hI, hF.hysteresis.windowMs - i + hI));
+				e = setTimeout(t, Math.max(_I, hF.hysteresis.windowMs - i + _I));
 			}
 		};
 		return t(), () => {
 			e !== null && clearTimeout(e);
 		};
-	}, [o, m]), {
-		resolution: o ? d?.resolution ?? null : null,
-		inputs: o ? m : null,
-		transitions: o ? d?.transitions ?? [] : [],
-		reportedHeights: l,
-		recordNaturalHeight: p
+	}, [s, h]), {
+		resolution: s ? f?.resolution ?? null : null,
+		inputs: s ? h : null,
+		transitions: s ? f?.transitions ?? [] : [],
+		reportedHeights: u,
+		recordNaturalHeight: m
 	};
 }
-function xI(e, t, n) {
-	return n ? e === null ? "no-presence" : t.hasPersonaVideo ? e.degradations.evictedCardIds.length > 0 ? "card-dropped" : e.tiles.some((e) => e.kind === "card" && e.fit.kind === "scroll") ? "card-overflow" : null : "no-persona-video" : "flag-off";
+function CI(e) {
+	return e.kind === "card" && e.sheet === !0 && e.sheetAnchor === "bottom";
+}
+function wI(e, t, n) {
+	return n ? e === null ? "no-presence" : t.hasPersonaVideo ? e.degradations.evictedCardIds.length > 0 ? "card-dropped" : e.tiles.some((e) => e.kind === "card" && e.fit.kind === "scroll" && !CI(e)) ? "card-overflow" : null : "no-persona-video" : "flag-off";
 }
-function SI(e, t) {
+function TI(e, t) {
 	if (t !== null || e === null) return null;
-	let n = e.tiles.find((e) => e.kind === "card" && e.sheet === !0);
+	let n = e.tiles.find((e) => e.kind === "card" && e.sheet === !0 && !CI(e));
 	return n === void 0 ? null : n.rect.y + n.rect.height;
 }
-var CI = {
+var EI = {
 	driving: !1,
 	containerPx: null,
 	replica: null,
@@ -29770,10 +29911,10 @@ var CI = {
 	content: null,
 	replicaCollapsed: !1
 };
-function wI(e, t, n) {
-	if (e === null) return CI;
+function DI(e, t, n) {
+	if (e === null) return EI;
 	let r = t === null;
-	if (!r && !(t === "no-persona-video" && n)) return CI;
+	if (!r && !(t === "no-persona-video" && n)) return EI;
 	let i = (t) => e.tiles.find((e) => e.kind === t)?.rect ?? null;
 	return {
 		driving: r,
@@ -29784,30 +29925,38 @@ function wI(e, t, n) {
 		replicaCollapsed: r ? e.degradations.replicaCollapsed : !1
 	};
 }
-function TI(e) {
+function OI(e) {
 	return e.selfView === null ? e.driving ? "hidden" : "legacy" : "engine";
 }
-function EI(e, t) {
+function kI(e, t) {
 	return e.containerPx === null || t.containerPx === null ? !1 : e.containerPx.width === t.containerPx.width && e.containerPx.height === t.containerPx.height;
 }
 //#endregion
+//#region ../core/src/magic-canvas/grid-composition.ts
+function AI(e) {
+	let t = "composition" in e ? e.composition : void 0;
+	return t === "stacked" || t === "side-by-side" ? t : void 0;
+}
+//#endregion
 //#region ../core/src/magic-canvas/grid-telemetry.ts
-var DI = "conversation.grid_status", OI = 6e4;
-function kI(e, t, n) {
+var jI = "conversation.grid_status", MI = 6e4;
+function NI(e, t, n) {
 	return n ? e && t ? "url+config+start" : e ? "url+start" : t ? "config+start" : "start" : e && t ? "both" : e ? "url" : "config";
 }
-function AI(e, t) {
+function PI(e, t) {
 	return {
 		message_type: "conversation",
-		event_type: DI,
+		event_type: jI,
 		conversation_id: e,
 		properties: t
 	};
 }
-function jI(e) {
+function FI(e) {
+	let t = AI(e.sizeClass);
 	return {
 		template_id: e.templateId,
 		size_class: `${e.sizeClass.width}/${e.sizeClass.height}`,
+		...t === void 0 ? {} : { composition: t },
 		container: {
 			w: e.containerPx.width,
 			h: e.containerPx.height
@@ -29815,8 +29964,8 @@ function jI(e) {
 		cards: e.tiles.filter((e) => e.kind === "card").length
 	};
 }
-function MI(e) {
-	let { send: t, enabledVia: n, engineVersion: r = lI, now: i = Date.now, transitionDebounceMs: a = 500, summaryIntervalMs: o = OI } = e, s = i(), c = !1, l = !1, u, d = null, f = null, p = !1, m = null, h = 0, g = 0, _ = {}, v = null, y = (e) => {
+function II(e) {
+	let { send: t, enabledVia: n, engineVersion: r = uI, now: i = Date.now, transitionDebounceMs: a = 500, summaryIntervalMs: o = MI } = e, s = i(), c = !1, l = !1, u, d = null, f = null, p = !1, m = null, h = 0, g = 0, _ = {}, v = null, y = (e) => {
 		try {
 			t(e);
 		} catch {}
@@ -29853,7 +30002,7 @@ function MI(e) {
 	return {
 		update(e, t) {
 			if (c) return;
-			t !== null && (v = jI(t));
+			t !== null && (v = FI(t));
 			let n = f === null ? u : d;
 			n !== void 0 && e === n || (d = e, f !== null && clearTimeout(f), f = setTimeout(() => x(e), a));
 		},
@@ -29868,7 +30017,7 @@ function MI(e) {
 		}
 	};
 }
-function NI({ enabled: e, enabledVia: t, bail: n, resolution: r, engineError: i }) {
+function LI({ enabled: e, enabledVia: t, bail: n, resolution: r, engineError: i }) {
 	let a = kh(), o = c_(), s = st(Ov), c = N({
 		daily: a,
 		meetingState: o,
@@ -29882,7 +30031,7 @@ function NI({ enabled: e, enabledVia: t, bail: n, resolution: r, engineError: i
 	let l = N(null);
 	M(() => {
 		if (!e) return;
-		let n = MI({
+		let n = II({
 			enabledVia: t,
 			send: (e) => {
 				try {
@@ -29890,7 +30039,7 @@ function NI({ enabled: e, enabledVia: t, bail: n, resolution: r, engineError: i
 					if (!t.daily || t.meetingState !== "joined-meeting") return;
 					let n = t.conversation?.session.peek()?.conversationId;
 					if (!n) return;
-					t.daily.sendAppMessage(AI(n, e), "*");
+					t.daily.sendAppMessage(PI(n, e), "*");
 				} catch {}
 			}
 		});
@@ -29905,100 +30054,100 @@ function NI({ enabled: e, enabledVia: t, bail: n, resolution: r, engineError: i
 }
 //#endregion
 //#region ../../node_modules/tailwind-merge/dist/bundle-mjs.mjs
-var PI = (e, t) => {
+var RI = (e, t) => {
 	let n = Array(e.length + t.length);
 	for (let t = 0; t < e.length; t++) n[t] = e[t];
 	for (let r = 0; r < t.length; r++) n[e.length + r] = t[r];
 	return n;
-}, FI = (e, t) => ({
+}, zI = (e, t) => ({
 	classGroupId: e,
 	validator: t
-}), II = (e = /* @__PURE__ */ new Map(), t = null, n) => ({
+}), BI = (e = /* @__PURE__ */ new Map(), t = null, n) => ({
 	nextPart: e,
 	validators: t,
 	classGroupId: n
-}), LI = "-", RI = [], zI = "arbitrary..", BI = (e) => {
-	let t = UI(e), { conflictingClassGroups: n, conflictingClassGroupModifiers: r } = e;
+}), VI = "-", HI = [], UI = "arbitrary..", WI = (e) => {
+	let t = qI(e), { conflictingClassGroups: n, conflictingClassGroupModifiers: r } = e;
 	return {
 		getClassGroupId: (e) => {
-			if (e.startsWith("[") && e.endsWith("]")) return HI(e);
-			let n = e.split(LI);
-			return VI(n, +(n[0] === "" && n.length > 1), t);
+			if (e.startsWith("[") && e.endsWith("]")) return KI(e);
+			let n = e.split(VI);
+			return GI(n, +(n[0] === "" && n.length > 1), t);
 		},
 		getConflictingClassGroupIds: (e, t) => {
 			if (t) {
 				let t = r[e], i = n[e];
-				return t ? i ? PI(i, t) : t : i || RI;
+				return t ? i ? RI(i, t) : t : i || HI;
 			}
-			return n[e] || RI;
+			return n[e] || HI;
 		}
 	};
-}, VI = (e, t, n) => {
+}, GI = (e, t, n) => {
 	if (e.length - t === 0) return n.classGroupId;
 	let r = e[t], i = n.nextPart.get(r);
 	if (i) {
-		let n = VI(e, t + 1, i);
+		let n = GI(e, t + 1, i);
 		if (n) return n;
 	}
 	let a = n.validators;
 	if (a === null) return;
-	let o = t === 0 ? e.join(LI) : e.slice(t).join(LI), s = a.length;
+	let o = t === 0 ? e.join(VI) : e.slice(t).join(VI), s = a.length;
 	for (let e = 0; e < s; e++) {
 		let t = a[e];
 		if (t.validator(o)) return t.classGroupId;
 	}
-}, HI = (e) => e.slice(1, -1).indexOf(":") === -1 ? void 0 : (() => {
+}, KI = (e) => e.slice(1, -1).indexOf(":") === -1 ? void 0 : (() => {
 	let t = e.slice(1, -1), n = t.indexOf(":"), r = t.slice(0, n);
-	return r ? zI + r : void 0;
-})(), UI = (e) => {
+	return r ? UI + r : void 0;
+})(), qI = (e) => {
 	let { theme: t, classGroups: n } = e;
-	return WI(n, t);
-}, WI = (e, t) => {
-	let n = II();
+	return JI(n, t);
+}, JI = (e, t) => {
+	let n = BI();
 	for (let r in e) {
 		let i = e[r];
-		GI(i, n, r, t);
+		YI(i, n, r, t);
 	}
 	return n;
-}, GI = (e, t, n, r) => {
+}, YI = (e, t, n, r) => {
 	let i = e.length;
 	for (let a = 0; a < i; a++) {
 		let i = e[a];
-		KI(i, t, n, r);
+		XI(i, t, n, r);
 	}
-}, KI = (e, t, n, r) => {
+}, XI = (e, t, n, r) => {
 	if (typeof e == "string") {
-		qI(e, t, n);
+		ZI(e, t, n);
 		return;
 	}
 	if (typeof e == "function") {
-		JI(e, t, n, r);
+		QI(e, t, n, r);
 		return;
 	}
-	YI(e, t, n, r);
-}, qI = (e, t, n) => {
-	let r = e === "" ? t : XI(t, e);
+	$I(e, t, n, r);
+}, ZI = (e, t, n) => {
+	let r = e === "" ? t : eL(t, e);
 	r.classGroupId = n;
-}, JI = (e, t, n, r) => {
-	if (ZI(e)) {
-		GI(e(r), t, n, r);
+}, QI = (e, t, n, r) => {
+	if (tL(e)) {
+		YI(e(r), t, n, r);
 		return;
 	}
-	t.validators === null && (t.validators = []), t.validators.push(FI(n, e));
-}, YI = (e, t, n, r) => {
+	t.validators === null && (t.validators = []), t.validators.push(zI(n, e));
+}, $I = (e, t, n, r) => {
 	let i = Object.entries(e), a = i.length;
 	for (let e = 0; e < a; e++) {
 		let [a, o] = i[e];
-		GI(o, XI(t, a), n, r);
+		YI(o, eL(t, a), n, r);
 	}
-}, XI = (e, t) => {
-	let n = e, r = t.split(LI), i = r.length;
+}, eL = (e, t) => {
+	let n = e, r = t.split(VI), i = r.length;
 	for (let e = 0; e < i; e++) {
 		let t = r[e], i = n.nextPart.get(t);
-		i || (i = II(), n.nextPart.set(t, i)), n = i;
+		i || (i = BI(), n.nextPart.set(t, i)), n = i;
 	}
 	return n;
-}, ZI = (e) => "isThemeGetter" in e && e.isThemeGetter === !0, QI = (e) => {
+}, tL = (e) => "isThemeGetter" in e && e.isThemeGetter === !0, nL = (e) => {
 	if (e < 1) return {
 		get: () => void 0,
 		set: () => {}
@@ -30016,19 +30165,19 @@ var PI = (e, t) => {
 			e in n ? n[e] = t : i(e, t);
 		}
 	};
-}, $I = "!", eL = ":", tL = [], nL = (e, t, n, r, i) => ({
+}, rL = "!", iL = ":", aL = [], oL = (e, t, n, r, i) => ({
 	modifiers: e,
 	hasImportantModifier: t,
 	baseClassName: n,
 	maybePostfixModifierPosition: r,
 	isExternal: i
-}), rL = (e) => {
+}), sL = (e) => {
 	let { prefix: t, experimentalParseClassName: n } = e, r = (e) => {
 		let t = [], n = 0, r = 0, i = 0, a, o = e.length;
 		for (let s = 0; s < o; s++) {
 			let o = e[s];
 			if (n === 0 && r === 0) {
-				if (o === eL) {
+				if (o === iL) {
 					t.push(e.slice(i, s)), i = s + 1;
 					continue;
 				}
@@ -30040,13 +30189,13 @@ var PI = (e, t) => {
 			o === "[" ? n++ : o === "]" ? n-- : o === "(" ? r++ : o === ")" && r--;
 		}
 		let s = t.length === 0 ? e : e.slice(i), c = s, l = !1;
-		s.endsWith($I) ? (c = s.slice(0, -1), l = !0) : s.startsWith($I) && (c = s.slice(1), l = !0);
+		s.endsWith(rL) ? (c = s.slice(0, -1), l = !0) : s.startsWith(rL) && (c = s.slice(1), l = !0);
 		let u = a && a > i ? a - i : void 0;
-		return nL(t, l, c, u);
+		return oL(t, l, c, u);
 	};
 	if (t) {
-		let e = t + eL, n = r;
-		r = (t) => t.startsWith(e) ? n(t.slice(e.length)) : nL(tL, !1, t, void 0, !0);
+		let e = t + iL, n = r;
+		r = (t) => t.startsWith(e) ? n(t.slice(e.length)) : oL(aL, !1, t, void 0, !0);
 	}
 	if (n) {
 		let e = r;
@@ -30056,7 +30205,7 @@ var PI = (e, t) => {
 		});
 	}
 	return r;
-}, iL = (e) => {
+}, cL = (e) => {
 	let t = /* @__PURE__ */ new Map();
 	return e.orderSensitiveModifiers.forEach((e, n) => {
 		t.set(e, 1e6 + n);
@@ -30068,18 +30217,18 @@ var PI = (e, t) => {
 		}
 		return r.length > 0 && (r.sort(), n.push(...r)), n;
 	};
-}, aL = (e) => ({
-	cache: QI(e.cacheSize),
-	parseClassName: rL(e),
-	sortModifiers: iL(e),
-	postfixLookupClassGroupIds: oL(e),
-	...BI(e)
-}), oL = (e) => {
+}, lL = (e) => ({
+	cache: nL(e.cacheSize),
+	parseClassName: sL(e),
+	sortModifiers: cL(e),
+	postfixLookupClassGroupIds: uL(e),
+	...WI(e)
+}), uL = (e) => {
 	let t = Object.create(null), n = e.postfixLookupClassGroups;
 	if (n) for (let e = 0; e < n.length; e++) t[n[e]] = !0;
 	return t;
-}, sL = /\s+/, cL = (e, t) => {
-	let { parseClassName: n, getClassGroupId: r, getConflictingClassGroupIds: i, sortModifiers: a, postfixLookupClassGroupIds: o } = t, s = [], c = e.trim().split(sL), l = "";
+}, dL = /\s+/, fL = (e, t) => {
+	let { parseClassName: n, getClassGroupId: r, getConflictingClassGroupIds: i, sortModifiers: a, postfixLookupClassGroupIds: o } = t, s = [], c = e.trim().split(dL), l = "";
 	for (let e = c.length - 1; e >= 0; --e) {
 		let t = c[e], { isExternal: u, modifiers: d, hasImportantModifier: f, baseClassName: p, maybePostfixModifierPosition: m } = n(t);
 		if (u) {
@@ -30103,7 +30252,7 @@ var PI = (e, t) => {
 			}
 			h = !1;
 		}
-		let _ = d.length === 0 ? "" : d.length === 1 ? d[0] : a(d).join(":"), v = f ? _ + $I : _, y = v + g;
+		let _ = d.length === 0 ? "" : d.length === 1 ? d[0] : a(d).join(":"), v = f ? _ + rL : _, y = v + g;
 		if (s.indexOf(y) > -1) continue;
 		s.push(y);
 		let b = i(g, h);
@@ -30114,34 +30263,34 @@ var PI = (e, t) => {
 		l = t + (l.length > 0 ? " " + l : l);
 	}
 	return l;
-}, lL = (...e) => {
+}, pL = (...e) => {
 	let t = 0, n, r, i = "";
-	for (; t < e.length;) (n = e[t++]) && (r = uL(n)) && (i && (i += " "), i += r);
+	for (; t < e.length;) (n = e[t++]) && (r = mL(n)) && (i && (i += " "), i += r);
 	return i;
-}, uL = (e) => {
+}, mL = (e) => {
 	if (typeof e == "string") return e;
 	let t, n = "";
-	for (let r = 0; r < e.length; r++) e[r] && (t = uL(e[r])) && (n && (n += " "), n += t);
+	for (let r = 0; r < e.length; r++) e[r] && (t = mL(e[r])) && (n && (n += " "), n += t);
 	return n;
-}, dL = (e, ...t) => {
-	let n, r, i, a, o = (o) => (n = aL(t.reduce((e, t) => t(e), e())), r = n.cache.get, i = n.cache.set, a = s, s(o)), s = (e) => {
+}, hL = (e, ...t) => {
+	let n, r, i, a, o = (o) => (n = lL(t.reduce((e, t) => t(e), e())), r = n.cache.get, i = n.cache.set, a = s, s(o)), s = (e) => {
 		let t = r(e);
 		if (t) return t;
-		let a = cL(e, n);
+		let a = fL(e, n);
 		return i(e, a), a;
 	};
-	return a = o, (...e) => a(lL(...e));
-}, fL = [], pL = (e) => {
-	let t = (t) => t[e] || fL;
+	return a = o, (...e) => a(pL(...e));
+}, gL = [], _L = (e) => {
+	let t = (t) => t[e] || gL;
 	return t.isThemeGetter = !0, t;
-}, mL = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, hL = /^\((?:(\w[\w-]*):)?(.+)\)$/i, gL = /^\d+(?:\.\d+)?\/\d+(?:\.\d+)?$/, _L = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, vL = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, yL = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, bL = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, xL = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, SL = (e) => gL.test(e), CL = (e) => !!e && !Number.isNaN(Number(e)), wL = (e) => !!e && Number.isInteger(Number(e)), TL = (e) => e.endsWith("%") && CL(e.slice(0, -1)), EL = (e) => _L.test(e), DL = () => !0, OL = (e) => vL.test(e) && !yL.test(e), kL = () => !1, AL = (e) => bL.test(e), jL = (e) => xL.test(e), ML = (e) => !Q(e) && !$(e), NL = (e) => e.startsWith("@container") && (e[10] === "/" && e[11] !== void 0 || e[11] === "s" && e[16] !== void 0 && e.startsWith("-size/", 10) || e[11] === "n" && e[18] !== void 0 && e.startsWith("-normal/", 10)), PL = (e) => YL(e, $L, kL), Q = (e) => mL.test(e), FL = (e) => YL(e, eR, OL), IL = (e) => YL(e, tR, CL), LL = (e) => YL(e, rR, DL), RL = (e) => YL(e, nR, kL), zL = (e) => YL(e, ZL, kL), BL = (e) => YL(e, QL, jL), VL = (e) => YL(e, iR, AL), $ = (e) => hL.test(e), HL = (e) => XL(e, eR), UL = (e) => XL(e, nR), WL = (e) => XL(e, ZL), GL = (e) => XL(e, $L), KL = (e) => XL(e, QL), qL = (e) => XL(e, iR, !0), JL = (e) => XL(e, rR, !0), YL = (e, t, n) => {
-	let r = mL.exec(e);
+}, vL = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, yL = /^\((?:(\w[\w-]*):)?(.+)\)$/i, bL = /^\d+(?:\.\d+)?\/\d+(?:\.\d+)?$/, xL = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, SL = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, CL = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, wL = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, TL = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, EL = (e) => bL.test(e), DL = (e) => !!e && !Number.isNaN(Number(e)), OL = (e) => !!e && Number.isInteger(Number(e)), kL = (e) => e.endsWith("%") && DL(e.slice(0, -1)), AL = (e) => xL.test(e), jL = () => !0, ML = (e) => SL.test(e) && !CL.test(e), NL = () => !1, PL = (e) => wL.test(e), FL = (e) => TL.test(e), IL = (e) => !Q(e) && !$(e), LL = (e) => e.startsWith("@container") && (e[10] === "/" && e[11] !== void 0 || e[11] === "s" && e[16] !== void 0 && e.startsWith("-size/", 10) || e[11] === "n" && e[18] !== void 0 && e.startsWith("-normal/", 10)), RL = (e) => $L(e, rR, NL), Q = (e) => vL.test(e), zL = (e) => $L(e, iR, ML), BL = (e) => $L(e, aR, DL), VL = (e) => $L(e, sR, jL), HL = (e) => $L(e, oR, NL), UL = (e) => $L(e, tR, NL), WL = (e) => $L(e, nR, FL), GL = (e) => $L(e, cR, PL), $ = (e) => yL.test(e), KL = (e) => eR(e, iR), qL = (e) => eR(e, oR), JL = (e) => eR(e, tR), YL = (e) => eR(e, rR), XL = (e) => eR(e, nR), ZL = (e) => eR(e, cR, !0), QL = (e) => eR(e, sR, !0), $L = (e, t, n) => {
+	let r = vL.exec(e);
 	return r ? r[1] ? t(r[1]) : n(r[2]) : !1;
-}, XL = (e, t, n = !1) => {
-	let r = hL.exec(e);
+}, eR = (e, t, n = !1) => {
+	let r = yL.exec(e);
 	return r ? r[1] ? t(r[1]) : n : !1;
-}, ZL = (e) => e === "position" || e === "percentage", QL = (e) => e === "image" || e === "url", $L = (e) => e === "length" || e === "size" || e === "bg-size", eR = (e) => e === "length", tR = (e) => e === "number", nR = (e) => e === "family-name", rR = (e) => e === "number" || e === "weight", iR = (e) => e === "shadow", aR = /* @__PURE__ */ dL(() => {
-	let e = pL("color"), t = pL("font"), n = pL("text"), r = pL("font-weight"), i = pL("tracking"), a = pL("leading"), o = pL("breakpoint"), s = pL("container"), c = pL("spacing"), l = pL("radius"), u = pL("shadow"), d = pL("inset-shadow"), f = pL("text-shadow"), p = pL("drop-shadow"), m = pL("blur"), h = pL("perspective"), g = pL("aspect"), _ = pL("ease"), v = pL("animate"), y = () => [
+}, tR = (e) => e === "position" || e === "percentage", nR = (e) => e === "image" || e === "url", rR = (e) => e === "length" || e === "size" || e === "bg-size", iR = (e) => e === "length", aR = (e) => e === "number", oR = (e) => e === "family-name", sR = (e) => e === "number" || e === "weight", cR = (e) => e === "shadow", lR = /* @__PURE__ */ hL(() => {
+	let e = _L("color"), t = _L("font"), n = _L("text"), r = _L("font-weight"), i = _L("tracking"), a = _L("leading"), o = _L("breakpoint"), s = _L("container"), c = _L("spacing"), l = _L("radius"), u = _L("shadow"), d = _L("inset-shadow"), f = _L("text-shadow"), p = _L("drop-shadow"), m = _L("blur"), h = _L("perspective"), g = _L("aspect"), _ = _L("ease"), v = _L("animate"), y = () => [
 		"auto",
 		"avoid",
 		"all",
@@ -30183,12 +30332,12 @@ var PI = (e, t) => {
 		Q,
 		c
 	], T = () => [
-		SL,
+		EL,
 		"full",
 		"auto",
 		...w()
 	], ee = () => [
-		wL,
+		OL,
 		"none",
 		"subgrid",
 		$,
@@ -30197,15 +30346,15 @@ var PI = (e, t) => {
 		"auto",
 		{ span: [
 			"full",
-			wL,
+			OL,
 			$,
 			Q
 		] },
-		wL,
+		OL,
 		$,
 		Q
 	], D = () => [
-		wL,
+		OL,
 		"auto",
 		$,
 		Q
@@ -30235,7 +30384,7 @@ var PI = (e, t) => {
 		"center-safe",
 		"end-safe"
 	], O = () => ["auto", ...w()], ie = () => [
-		SL,
+		EL,
 		"auto",
 		"full",
 		"dvw",
@@ -30249,7 +30398,7 @@ var PI = (e, t) => {
 		"fit",
 		...w()
 	], ae = () => [
-		SL,
+		EL,
 		"screen",
 		"full",
 		"dvw",
@@ -30260,7 +30409,7 @@ var PI = (e, t) => {
 		"fit",
 		...w()
 	], k = () => [
-		SL,
+		EL,
 		"screen",
 		"full",
 		"lh",
@@ -30277,8 +30426,8 @@ var PI = (e, t) => {
 		Q
 	], oe = () => [
 		...b(),
-		WL,
-		zL,
+		JL,
+		UL,
 		{ position: [$, Q] }
 	], se = () => ["no-repeat", { repeat: [
 		"",
@@ -30290,13 +30439,13 @@ var PI = (e, t) => {
 		"auto",
 		"cover",
 		"contain",
-		GL,
-		PL,
+		YL,
+		RL,
 		{ size: [$, Q] }
 	], le = () => [
-		TL,
-		HL,
-		FL
+		kL,
+		KL,
+		zL
 	], ue = () => [
 		"",
 		"none",
@@ -30306,9 +30455,9 @@ var PI = (e, t) => {
 		Q
 	], de = () => [
 		"",
-		CL,
-		HL,
-		FL
+		DL,
+		KL,
+		zL
 	], fe = () => [
 		"solid",
 		"dashed",
@@ -30332,10 +30481,10 @@ var PI = (e, t) => {
 		"color",
 		"luminosity"
 	], me = () => [
-		CL,
-		TL,
-		WL,
-		zL
+		DL,
+		kL,
+		JL,
+		UL
 	], he = () => [
 		"",
 		"none",
@@ -30344,20 +30493,20 @@ var PI = (e, t) => {
 		Q
 	], ge = () => [
 		"none",
-		CL,
+		DL,
 		$,
 		Q
 	], _e = () => [
 		"none",
-		CL,
+		DL,
 		$,
 		Q
 	], ve = () => [
-		CL,
+		DL,
 		$,
 		Q
 	], ye = () => [
-		SL,
+		EL,
 		"full",
 		...w()
 	];
@@ -30371,17 +30520,17 @@ var PI = (e, t) => {
 				"bounce"
 			],
 			aspect: ["video"],
-			blur: [EL],
-			breakpoint: [EL],
-			color: [DL],
-			container: [EL],
-			"drop-shadow": [EL],
+			blur: [AL],
+			breakpoint: [AL],
+			color: [jL],
+			container: [AL],
+			"drop-shadow": [AL],
 			ease: [
 				"in",
 				"out",
 				"in-out"
 			],
-			font: [ML],
+			font: [IL],
 			"font-weight": [
 				"thin",
 				"extralight",
@@ -30393,7 +30542,7 @@ var PI = (e, t) => {
 				"extrabold",
 				"black"
 			],
-			"inset-shadow": [EL],
+			"inset-shadow": [AL],
 			leading: [
 				"none",
 				"tight",
@@ -30410,11 +30559,11 @@ var PI = (e, t) => {
 				"distant",
 				"none"
 			],
-			radius: [EL],
-			shadow: [EL],
-			spacing: ["px", CL],
-			text: [EL],
-			"text-shadow": [EL],
+			radius: [AL],
+			shadow: [AL],
+			spacing: ["px", DL],
+			text: [AL],
+			"text-shadow": [AL],
 			tracking: [
 				"tighter",
 				"tight",
@@ -30428,7 +30577,7 @@ var PI = (e, t) => {
 			aspect: [{ aspect: [
 				"auto",
 				"square",
-				SL,
+				EL,
 				Q,
 				$,
 				g
@@ -30441,9 +30590,9 @@ var PI = (e, t) => {
 				$,
 				Q
 			] }],
-			"container-named": [NL],
+			"container-named": [LL],
 			columns: [{ columns: [
-				CL,
+				DL,
 				Q,
 				$,
 				s
@@ -30542,13 +30691,13 @@ var PI = (e, t) => {
 				"collapse"
 			],
 			z: [{ z: [
-				wL,
+				OL,
 				"auto",
 				$,
 				Q
 			] }],
 			basis: [{ basis: [
-				SL,
+				EL,
 				"full",
 				"auto",
 				s,
@@ -30566,8 +30715,8 @@ var PI = (e, t) => {
 				"wrap-reverse"
 			] }],
 			flex: [{ flex: [
-				CL,
-				SL,
+				DL,
+				EL,
 				"auto",
 				"initial",
 				"none",
@@ -30575,18 +30724,18 @@ var PI = (e, t) => {
 			] }],
 			grow: [{ grow: [
 				"",
-				CL,
+				DL,
 				$,
 				Q
 			] }],
 			shrink: [{ shrink: [
 				"",
-				CL,
+				DL,
 				$,
 				Q
 			] }],
 			order: [{ order: [
-				wL,
+				OL,
 				"first",
 				"last",
 				"none",
@@ -30697,15 +30846,15 @@ var PI = (e, t) => {
 			"font-size": [{ text: [
 				"base",
 				n,
-				HL,
-				FL
+				KL,
+				zL
 			] }],
 			"font-smoothing": ["antialiased", "subpixel-antialiased"],
 			"font-style": ["italic", "not-italic"],
 			"font-weight": [{ font: [
 				r,
-				JL,
-				LL
+				QL,
+				VL
 			] }],
 			"font-stretch": [{ "font-stretch": [
 				"ultra-condensed",
@@ -30717,12 +30866,12 @@ var PI = (e, t) => {
 				"expanded",
 				"extra-expanded",
 				"ultra-expanded",
-				TL,
+				kL,
 				Q
 			] }],
 			"font-family": [{ font: [
-				UL,
-				RL,
+				qL,
+				HL,
 				t
 			] }],
 			"font-features": [{ "font-features": [Q] }],
@@ -30738,10 +30887,10 @@ var PI = (e, t) => {
 				Q
 			] }],
 			"line-clamp": [{ "line-clamp": [
-				CL,
+				DL,
 				"none",
 				$,
-				IL
+				BL
 			] }],
 			leading: [{ leading: [a, ...w()] }],
 			"list-image": [{ "list-image": [
@@ -30775,15 +30924,15 @@ var PI = (e, t) => {
 			],
 			"text-decoration-style": [{ decoration: [...fe(), "wavy"] }],
 			"text-decoration-thickness": [{ decoration: [
-				CL,
+				DL,
 				"from-font",
 				"auto",
 				$,
-				FL
+				zL
 			] }],
 			"text-decoration-color": [{ decoration: A() }],
 			"underline-offset": [{ "underline-offset": [
-				CL,
+				DL,
 				"auto",
 				$,
 				Q
@@ -30807,7 +30956,7 @@ var PI = (e, t) => {
 			] }],
 			indent: [{ indent: w() }],
 			"tab-size": [{ tab: [
-				wL,
+				OL,
 				$,
 				Q
 			] }],
@@ -30885,7 +31034,7 @@ var PI = (e, t) => {
 							"l",
 							"tl"
 						] },
-						wL,
+						OL,
 						$,
 						Q
 					],
@@ -30895,13 +31044,13 @@ var PI = (e, t) => {
 						Q
 					],
 					conic: [
-						wL,
+						OL,
 						$,
 						Q
 					]
 				},
-				KL,
-				BL
+				XL,
+				WL
 			] }],
 			"bg-color": [{ bg: A() }],
 			"gradient-from-pos": [{ from: le() }],
@@ -30968,48 +31117,48 @@ var PI = (e, t) => {
 				"hidden"
 			] }],
 			"outline-offset": [{ "outline-offset": [
-				CL,
+				DL,
 				$,
 				Q
 			] }],
 			"outline-w": [{ outline: [
 				"",
-				CL,
-				HL,
-				FL
+				DL,
+				KL,
+				zL
 			] }],
 			"outline-color": [{ outline: A() }],
 			shadow: [{ shadow: [
 				"",
 				"none",
 				u,
-				qL,
-				VL
+				ZL,
+				GL
 			] }],
 			"shadow-color": [{ shadow: A() }],
 			"inset-shadow": [{ "inset-shadow": [
 				"none",
 				d,
-				qL,
-				VL
+				ZL,
+				GL
 			] }],
 			"inset-shadow-color": [{ "inset-shadow": A() }],
 			"ring-w": [{ ring: de() }],
 			"ring-w-inset": ["ring-inset"],
 			"ring-color": [{ ring: A() }],
-			"ring-offset-w": [{ "ring-offset": [CL, FL] }],
+			"ring-offset-w": [{ "ring-offset": [DL, zL] }],
 			"ring-offset-color": [{ "ring-offset": A() }],
 			"inset-ring-w": [{ "inset-ring": de() }],
 			"inset-ring-color": [{ "inset-ring": A() }],
 			"text-shadow": [{ "text-shadow": [
 				"none",
 				f,
-				qL,
-				VL
+				ZL,
+				GL
 			] }],
 			"text-shadow-color": [{ "text-shadow": A() }],
 			opacity: [{ opacity: [
-				CL,
+				DL,
 				$,
 				Q
 			] }],
@@ -31033,7 +31182,7 @@ var PI = (e, t) => {
 				"intersect",
 				"exclude"
 			] }],
-			"mask-image-linear-pos": [{ "mask-linear": [CL] }],
+			"mask-image-linear-pos": [{ "mask-linear": [DL] }],
 			"mask-image-linear-from-pos": [{ "mask-linear-from": me() }],
 			"mask-image-linear-to-pos": [{ "mask-linear-to": me() }],
 			"mask-image-linear-from-color": [{ "mask-linear-from": A() }],
@@ -31073,7 +31222,7 @@ var PI = (e, t) => {
 				farthest: ["side", "corner"]
 			}] }],
 			"mask-image-radial-pos": [{ "mask-radial-at": b() }],
-			"mask-image-conic-pos": [{ "mask-conic": [CL] }],
+			"mask-image-conic-pos": [{ "mask-conic": [DL] }],
 			"mask-image-conic-from-pos": [{ "mask-conic-from": me() }],
 			"mask-image-conic-to-pos": [{ "mask-conic-to": me() }],
 			"mask-image-conic-from-color": [{ "mask-conic-from": A() }],
@@ -31108,12 +31257,12 @@ var PI = (e, t) => {
 			] }],
 			blur: [{ blur: he() }],
 			brightness: [{ brightness: [
-				CL,
+				DL,
 				$,
 				Q
 			] }],
 			contrast: [{ contrast: [
-				CL,
+				DL,
 				$,
 				Q
 			] }],
@@ -31121,35 +31270,35 @@ var PI = (e, t) => {
 				"",
 				"none",
 				p,
-				qL,
-				VL
+				ZL,
+				GL
 			] }],
 			"drop-shadow-color": [{ "drop-shadow": A() }],
 			grayscale: [{ grayscale: [
 				"",
-				CL,
+				DL,
 				$,
 				Q
 			] }],
 			"hue-rotate": [{ "hue-rotate": [
-				CL,
+				DL,
 				$,
 				Q
 			] }],
 			invert: [{ invert: [
 				"",
-				CL,
+				DL,
 				$,
 				Q
 			] }],
 			saturate: [{ saturate: [
-				CL,
+				DL,
 				$,
 				Q
 			] }],
 			sepia: [{ sepia: [
 				"",
-				CL,
+				DL,
 				$,
 				Q
 			] }],
@@ -31161,45 +31310,45 @@ var PI = (e, t) => {
 			] }],
 			"backdrop-blur": [{ "backdrop-blur": he() }],
 			"backdrop-brightness": [{ "backdrop-brightness": [
-				CL,
+				DL,
 				$,
 				Q
 			] }],
 			"backdrop-contrast": [{ "backdrop-contrast": [
-				CL,
+				DL,
 				$,
 				Q
 			] }],
 			"backdrop-grayscale": [{ "backdrop-grayscale": [
 				"",
-				CL,
+				DL,
 				$,
 				Q
 			] }],
 			"backdrop-hue-rotate": [{ "backdrop-hue-rotate": [
-				CL,
+				DL,
 				$,
 				Q
 			] }],
 			"backdrop-invert": [{ "backdrop-invert": [
 				"",
-				CL,
+				DL,
 				$,
 				Q
 			] }],
 			"backdrop-opacity": [{ "backdrop-opacity": [
-				CL,
+				DL,
 				$,
 				Q
 			] }],
 			"backdrop-saturate": [{ "backdrop-saturate": [
-				CL,
+				DL,
 				$,
 				Q
 			] }],
 			"backdrop-sepia": [{ "backdrop-sepia": [
 				"",
-				CL,
+				DL,
 				$,
 				Q
 			] }],
@@ -31222,7 +31371,7 @@ var PI = (e, t) => {
 			] }],
 			"transition-behavior": [{ transition: ["normal", "discrete"] }],
 			duration: [{ duration: [
-				CL,
+				DL,
 				"initial",
 				$,
 				Q
@@ -31235,7 +31384,7 @@ var PI = (e, t) => {
 				Q
 			] }],
 			delay: [{ delay: [
-				CL,
+				DL,
 				$,
 				Q
 			] }],
@@ -31280,7 +31429,7 @@ var PI = (e, t) => {
 			"translate-z": [{ "translate-z": ye() }],
 			"translate-none": ["translate-none"],
 			zoom: [{ zoom: [
-				wL,
+				OL,
 				$,
 				Q
 			] }],
@@ -31424,10 +31573,10 @@ var PI = (e, t) => {
 			] }],
 			fill: [{ fill: ["none", ...A()] }],
 			"stroke-w": [{ stroke: [
-				CL,
-				HL,
-				FL,
-				IL
+				DL,
+				KL,
+				zL,
+				BL
 			] }],
 			stroke: [{ stroke: ["none", ...A()] }],
 			"forced-color-adjust": [{ "forced-color-adjust": ["auto", "none"] }]
@@ -31618,11 +31767,11 @@ var PI = (e, t) => {
 });
 //#endregion
 //#region ../core/src/magic-canvas/grid-overlay.tsx
-function oR({ resolution: e, inputs: t, config: n, bailReason: r }) {
+function uR({ resolution: e, inputs: t, config: n, bailReason: r }) {
 	if (e === null || t === null) return null;
 	let i = _F[e.templateId];
 	if (i === void 0) return null;
-	let a = r !== null, o = a ? "border-warning/70 bg-warning/5" : "border-info/80 bg-info/5", s = a ? "bg-warning/85 text-warning-content" : "bg-info/85 text-info-content", c = a ? "border-warning" : "border-success", l = a ? "bg-warning/85 text-warning-content" : "bg-success/85 text-success-content", u = t.userShare ? "userShare" : t.presentation ? "presentation" : null, { regions: d } = $F(i, {
+	let a = r !== null, o = a ? "border-warning/70 bg-warning/5" : "border-info/80 bg-info/5", s = a ? "bg-warning/85 text-warning-content" : "bg-info/85 text-info-content", c = a ? "border-warning" : "border-success", l = a ? "bg-warning/85 text-warning-content" : "bg-success/85 text-success-content", u = t.userShare ? "userShare" : t.presentation ? "presentation" : null, { regions: d } = eI(i, {
 		state: e.state,
 		contentKind: u
 	}, t, e.sizeClass, e.containerPx, n);
@@ -31635,7 +31784,7 @@ function oR({ resolution: e, inputs: t, config: n, bailReason: r }) {
 				children: ["engine plan only · legacy: ", r]
 			}),
 			d.map((e) => /* @__PURE__ */ I("div", {
-				class: aR("absolute rounded-box border border-dashed", o),
+				class: lR("absolute rounded-box border border-dashed", o),
 				style: {
 					left: `${e.rect.x}px`,
 					top: `${e.rect.y}px`,
@@ -31643,7 +31792,7 @@ function oR({ resolution: e, inputs: t, config: n, bailReason: r }) {
 					height: `${e.rect.height}px`
 				},
 				children: /* @__PURE__ */ I("span", {
-					class: aR("absolute top-1 left-1 flex flex-col rounded px-1.5 py-0.5 font-mono text-[10px] leading-tight", s),
+					class: lR("absolute top-1 left-1 flex flex-col rounded px-1.5 py-0.5 font-mono text-[10px] leading-tight", s),
 					children: [/* @__PURE__ */ I("span", { children: e.region.name }), /* @__PURE__ */ I("span", {
 						class: "opacity-75",
 						children: e.region.accepts.join(" · ")
@@ -31651,7 +31800,7 @@ function oR({ resolution: e, inputs: t, config: n, bailReason: r }) {
 				})
 			}, e.region.name)),
 			e.tiles.map((e) => /* @__PURE__ */ I("div", {
-				class: aR("absolute border", c),
+				class: lR("absolute border", c),
 				style: {
 					left: `${e.rect.x}px`,
 					top: `${e.rect.y}px`,
@@ -31659,7 +31808,7 @@ function oR({ resolution: e, inputs: t, config: n, bailReason: r }) {
 					height: `${e.rect.height}px`
 				},
 				children: /* @__PURE__ */ I("span", {
-					class: aR("absolute right-1 bottom-1 rounded px-1.5 py-0.5 font-mono text-[10px]", l),
+					class: lR("absolute right-1 bottom-1 rounded px-1.5 py-0.5 font-mono text-[10px]", l),
 					children: [
 						e.kind,
 						" ",
@@ -31674,11 +31823,11 @@ function oR({ resolution: e, inputs: t, config: n, bailReason: r }) {
 }
 //#endregion
 //#region ../core/src/magic-canvas/grid-readout.tsx
-function sR(e) {
+function dR(e) {
 	return {
 		version: 1,
-		buildSha: lI,
-		engineVersion: lI,
+		buildSha: uI,
+		engineVersion: uI,
 		config: hF,
 		session: {
 			containerPx: {
@@ -31686,6 +31835,7 @@ function sR(e) {
 				height: Math.round(e.container.heightPx)
 			},
 			slots: {
+				...e.kioskMode === !0 ? { kioskMode: !0 } : {},
 				replica: e.replica,
 				selfView: e.selfView,
 				presentation: e.presentation !== null,
@@ -31699,7 +31849,7 @@ function sR(e) {
 		}
 	};
 }
-function cR({ resolution: e, inputs: t, shadowing: n, bailReason: r, engineError: i = null }) {
+function fR({ resolution: e, inputs: t, shadowing: n, bailReason: r, engineError: i = null }) {
 	let [a, o] = j(!1), s = N(null);
 	if (M(() => () => {
 		s.current !== null && clearTimeout(s.current);
@@ -31737,11 +31887,11 @@ function cR({ resolution: e, inputs: t, shadowing: n, bailReason: r, engineError
 		})]
 	});
 	let c = () => {
-		let e = JSON.stringify(sR(t), null, 2);
+		let e = JSON.stringify(dR(t), null, 2);
 		s.current !== null && clearTimeout(s.current), navigator.clipboard?.writeText(e).then(() => {
 			o(!0), s.current = setTimeout(() => o(!1), 1500);
 		}, () => o(!1));
-	}, l = e.degradations.evictedCardIds;
+	}, l = e.degradations.evictedCardIds, u = AI(e.sizeClass);
 	return /* @__PURE__ */ I("div", {
 		class: "pointer-events-auto max-w-[22rem] rounded-box bg-base-100/95 p-3 font-mono text-[10px] leading-relaxed shadow-lg",
 		children: [
@@ -31777,6 +31927,10 @@ function cR({ resolution: e, inputs: t, shadowing: n, bailReason: r, engineError
 						" / ",
 						e.sizeClass.height
 					] }),
+					u !== void 0 && /* @__PURE__ */ I(k, { children: [/* @__PURE__ */ I("dt", {
+						class: "opacity-60",
+						children: "composition"
+					}), /* @__PURE__ */ I("dd", { children: u })] }),
 					/* @__PURE__ */ I("dt", {
 						class: "opacity-60",
 						children: "container"
@@ -31835,10 +31989,10 @@ function cR({ resolution: e, inputs: t, shadowing: n, bailReason: r, engineError
 }
 //#endregion
 //#region ../core/src/magic-canvas/grid-host.tsx
-var lR = {
-	effect: CI,
+var pR = {
+	effect: EI,
 	animate: !1
-}, uR = Xt(lR), dR = {
+}, mR = Xt(pR), hR = {
 	presence: { phase: "connecting" },
 	localId: null,
 	isScreenSharing: !1,
@@ -31846,16 +32000,17 @@ var lR = {
 	hasPersonaVideo: !1,
 	hasSelfView: !1
 };
-function fR(e, t) {
+function gR(e, t) {
 	return e === null || t === null ? e === t : e.x === t.x && e.y === t.y && e.width === t.width && e.height === t.height;
 }
-function pR(e, t) {
+function _R(e, t) {
 	let n = e.containerPx === null || t.containerPx === null ? e.containerPx === t.containerPx : e.containerPx.width === t.containerPx.width && e.containerPx.height === t.containerPx.height;
-	return e.driving === t.driving && e.replicaCollapsed === t.replicaCollapsed && n && fR(e.replica, t.replica) && fR(e.selfView, t.selfView) && fR(e.content, t.content);
+	return e.driving === t.driving && e.replicaCollapsed === t.replicaCollapsed && n && gR(e.replica, t.replica) && gR(e.selfView, t.selfView) && gR(e.content, t.content);
 }
-var mR = /* @__PURE__ */ new Map();
-function hR({ instances: e, viewport: t, callControlsBandPx: n, callPresence: r, callControlsVisible: i, callControlsRect: a, gridConfigEnabled: o, gridStartEnabled: s }) {
-	let c = pI(o, s) && r !== void 0, l = r ?? dR, u = bI({
+var vR = /* @__PURE__ */ new Map(), yR = /* @__PURE__ */ new Set();
+function bR({ instances: e, viewport: t, callControlsBandPx: n, callPresence: r, callControlsVisible: i, callControlsRect: a, gridConfigEnabled: o, gridStartEnabled: s }) {
+	let c = mI(o, s) && r !== void 0, l = r ?? hR, u = globalThis.location?.search ?? "", d = SI({
+		kioskMode: P(() => hI(u), [u]),
 		instances: e,
 		viewport: t,
 		presence: l,
@@ -31863,87 +32018,88 @@ function hR({ instances: e, viewport: t, callControlsBandPx: n, callPresence: r,
 		callControlsVisible: i,
 		callControlsRect: a,
 		enabled: c
-	}), d = c ? _I.value : null, f = d === null ? xI(u.resolution, l, c) : "engine-error";
-	NI({
+	}), f = c ? yI.value : null, p = f === null ? wI(d.resolution, l, c) : "engine-error";
+	LI({
 		enabled: c,
-		enabledVia: kI(dI, o === !0, s === !0),
-		bail: f,
-		resolution: u.resolution,
-		engineError: d
+		enabledVia: NI(fI, o === !0, s === !0),
+		bail: p,
+		resolution: d.resolution,
+		engineError: f
 	});
-	let p = N(!1);
-	l.presence.phase === "ready" ? l.hasPersonaVideo && (p.current = !0) : p.current = !1;
-	let m = !p.current, h;
+	let m = N(!1);
+	l.presence.phase === "ready" ? l.hasPersonaVideo && (m.current = !0) : m.current = !1;
+	let h = !m.current, g;
 	try {
-		h = wI(u.resolution, f, m);
+		g = DI(d.resolution, p, h);
 	} catch (e) {
-		vI(e), h = CI;
+		bI(e), g = EI;
 	}
-	let g = N(CI), _ = EI(g.current, h);
+	let _ = N(EI), v = kI(_.current, g);
 	M(() => {
-		g.current = h, pR(uR.peek().effect, h) || (uR.value = {
-			effect: h,
-			animate: _
+		_.current = g, _R(mR.peek().effect, g) || (mR.value = {
+			effect: g,
+			animate: v
 		});
 	}), M(() => () => {
-		yI(), uR.peek() !== lR && (uR.value = lR);
+		xI(), mR.peek() !== pR && (mR.value = pR);
 	}, []);
-	let v = u.resolution, y = P(() => {
-		if (f !== null || v === null) return mR;
+	let y = d.resolution, b = P(() => {
+		if (p !== null || y === null) return vR;
 		try {
 			let e = /* @__PURE__ */ new Map();
-			for (let t of v.tiles) t.kind === "card" && e.set(t.id, t.rect);
+			for (let t of y.tiles) t.kind === "card" && e.set(t.id, t.rect);
 			return e;
 		} catch (e) {
-			return vI(e), mR;
+			return bI(e), vR;
 		}
-	}, [f, v]), b = fI ? /* @__PURE__ */ I("div", {
+	}, [p, y]), x = P(() => p !== null || y === null ? yR : new Set(y.tiles.filter(CI).map((e) => e.id)), [p, y]), S = pI ? /* @__PURE__ */ I("div", {
 		class: "contents",
 		"data-grid-debug": !0,
-		children: [/* @__PURE__ */ I(oR, {
-			resolution: u.resolution,
-			inputs: u.inputs,
+		children: [/* @__PURE__ */ I(uR, {
+			resolution: d.resolution,
+			inputs: d.inputs,
 			config: hF,
-			bailReason: f
+			bailReason: p
 		}), /* @__PURE__ */ I("div", {
 			class: "pointer-events-none absolute bottom-4 left-4 z-50",
-			children: /* @__PURE__ */ I(cR, {
-				resolution: u.resolution,
-				inputs: u.inputs,
-				shadowing: f !== null,
-				bailReason: f,
-				engineError: d
+			children: /* @__PURE__ */ I(fR, {
+				resolution: d.resolution,
+				inputs: d.inputs,
+				shadowing: p !== null,
+				bailReason: p,
+				engineError: f
 			})
 		})]
 	}) : null;
 	return {
-		cardRects: y,
-		sheetBottomPx: SI(v, f),
-		animate: _,
-		recordNaturalHeight: u.recordNaturalHeight,
-		debug: b
+		cardRects: b,
+		kioskCardIds: x,
+		sheetBottomPx: TI(y, p),
+		animate: v,
+		recordNaturalHeight: d.recordNaturalHeight,
+		debug: S
 	};
 }
 //#endregion
 //#region ../core/src/magic-canvas/grid-motion.ts
-var gR = [
+var xR = [
 	"left",
 	"top",
 	"width",
 	"height"
 ].map((e) => `${e} ${jw}`).join(", ");
-function _R(e, t) {
+function SR(e, t) {
 	return {
 		left: `${e.x}px`,
 		top: `${e.y}px`,
 		width: `${e.width}px`,
 		height: `${e.height}px`,
-		transition: t && !Vw() ? gR : "none"
+		transition: t && !Vw() ? xR : "none"
 	};
 }
 //#endregion
 //#region ../core/src/magic-canvas/debug-panel.tsx
-function vR({ state: e }) {
+function CR({ state: e }) {
 	return e.enabled ? /* @__PURE__ */ I("details", {
 		class: "pointer-events-auto w-full max-w-md rounded-lg border border-base-300 bg-base-100/95 p-2 text-xs shadow-lg backdrop-blur",
 		children: [/* @__PURE__ */ I("summary", {
@@ -31952,27 +32108,27 @@ function vR({ state: e }) {
 		}), /* @__PURE__ */ I("dl", {
 			class: "mt-2 grid gap-2",
 			children: [
-				/* @__PURE__ */ I(yR, {
+				/* @__PURE__ */ I(wR, {
 					label: "iframe",
 					value: e.iframeLifecycleState
 				}),
-				/* @__PURE__ */ I(yR, {
+				/* @__PURE__ */ I(wR, {
 					label: "post",
 					value: e.lastInteractionPostResult
 				}),
-				/* @__PURE__ */ I(yR, {
+				/* @__PURE__ */ I(wR, {
 					label: "context",
 					value: e.lastModelContextUpdate
 				}),
-				/* @__PURE__ */ I(yR, {
+				/* @__PURE__ */ I(wR, {
 					label: "error",
 					value: e.lastError
 				}),
-				/* @__PURE__ */ I(bR, {
+				/* @__PURE__ */ I(TR, {
 					label: "tool_call",
 					value: e.lastToolCall
 				}),
-				/* @__PURE__ */ I(bR, {
+				/* @__PURE__ */ I(TR, {
 					label: "canvas_config",
 					value: e.parsedCanvasConfig
 				})
@@ -31980,7 +32136,7 @@ function vR({ state: e }) {
 		})]
 	}) : null;
 }
-function yR({ label: e, value: t }) {
+function wR({ label: e, value: t }) {
 	return t ? /* @__PURE__ */ I("div", { children: [/* @__PURE__ */ I("dt", {
 		class: "font-semibold",
 		children: e
@@ -31989,7 +32145,7 @@ function yR({ label: e, value: t }) {
 		children: t
 	})] }) : null;
 }
-function bR({ label: e, value: t }) {
+function TR({ label: e, value: t }) {
 	return t === void 0 ? null : /* @__PURE__ */ I("div", { children: [/* @__PURE__ */ I("dt", {
 		class: "font-semibold",
 		children: e
@@ -32000,56 +32156,56 @@ function bR({ label: e, value: t }) {
 }
 //#endregion
 //#region ../core/src/magic-canvas/magic-canvas.tsx
-var xR = 1e3, SR = 5e3, CR = 1200, wR = [2e3, 6e3];
-async function TR(e, t, n) {
-	let r = new AbortController(), i = globalThis.setTimeout(() => r.abort(), SR);
+var ER = 1e3, DR = 5e3, OR = 1200, kR = [2e3, 6e3];
+async function AR(e, t, n) {
+	let r = new AbortController(), i = globalThis.setTimeout(() => r.abort(), DR);
 	try {
 		await Mn(e, t, n, { signal: r.signal });
 	} finally {
 		globalThis.clearTimeout(i);
 	}
 }
-function ER(e) {
+function jR(e) {
 	return e instanceof On && e.status >= 400 && e.status < 500 && e.status !== 408 && e.status !== 429;
 }
-function DR(e, t) {
+function MR(e, t) {
 	console.error("Magic Canvas interaction POST failed; this interaction may not have been recorded server-side.", e), t({
 		lastInteractionPostResult: "error",
-		lastError: ez(e).message
+		lastError: az(e).message
 	});
 }
-function OR(e, t, n, r) {
+function NR(e, t, n, r) {
 	(async () => {
 		let i;
-		for (let a of wR) {
+		for (let a of kR) {
 			await new Promise((e) => setTimeout(e, a));
 			try {
-				await TR(e, t, n), r({
+				await AR(e, t, n), r({
 					lastInteractionPostResult: "recovered",
 					lastError: void 0
 				});
 				return;
 			} catch (e) {
-				if (i = e, ER(e)) break;
+				if (i = e, jR(e)) break;
 			}
 		}
-		DR(i, r);
+		MR(i, r);
 	})();
 }
-var kR = 2e3;
-function AR(e) {
-	return e.correct_answer === void 0 ? CR : kR;
+var PR = 2e3;
+function FR(e) {
+	return e.correct_answer === void 0 ? OR : PR;
 }
-var jR = 48, MR = "allow-scripts", NR = {
+var IR = 48, LR = "allow-scripts", RR = {
 	"canvas.scheduling_embed": "allow-scripts allow-same-origin allow-popups allow-forms",
 	"canvas.text": "allow-scripts allow-popups allow-popups-to-escape-sandbox"
 };
-function PR(e, t) {
+function zR(e, t) {
 	if (!t.contentWindow || e.source !== t.contentWindow) return !1;
 	let n = e.data;
 	return !!n && typeof n == "object" && n?.jsonrpc === "2.0";
 }
-var FR = class {
+var BR = class {
 	onmessage;
 	onerror;
 	onclose;
@@ -32060,7 +32216,7 @@ var FR = class {
 	}
 	start() {
 		let e = (e) => {
-			PR(e, this.#e) && this.onmessage?.(e.data);
+			zR(e, this.#e) && this.onmessage?.(e.data);
 		};
 		return this.#t = e, globalThis.addEventListener("message", e), Promise.resolve();
 	}
@@ -32071,15 +32227,15 @@ var FR = class {
 		return this.#t && globalThis.removeEventListener("message", this.#t), this.#t = void 0, this.onclose?.(), Promise.resolve();
 	}
 };
-function IR(e) {
-	for (let t of CC) if (e.some((e) => XR(e) === t)) return t;
+function VR(e) {
+	for (let t of CC) if (e.some((e) => tz(e) === t)) return t;
 	return null;
 }
-function LR({ onLayoutEffectChange: e, onRenderedSlotChange: t, debugEnabled: n = ZR(), callPresence: r, callControlsVisible: i, callControlsRect: a, gridConfigEnabled: o, gridStartEnabled: s } = {}) {
-	let { client: c } = Qv(), { dataTheme: l, cssVars: u } = pF(), d = kh(), f = c_(), [p, m] = j([]), [h, g] = KR(), [_, v] = j(() => ({
+function HR({ onLayoutEffectChange: e, onRenderedSlotChange: t, debugEnabled: n = nz(), callPresence: r, callControlsVisible: i, callControlsRect: a, gridConfigEnabled: o, gridStartEnabled: s } = {}) {
+	let { client: c } = Qv(), { dataTheme: l, cssVars: u } = pF(), d = kh(), f = c_(), [p, m] = j([]), [h, g] = ZR(), [_, v] = j(() => ({
 		enabled: n,
 		iframeLifecycleState: "idle"
-	})), y = hR({
+	})), y = bR({
 		instances: p,
 		viewport: g,
 		callControlsBandPx: 72,
@@ -32133,7 +32289,7 @@ function LR({ onLayoutEffectChange: e, onRenderedSlotChange: t, debugEnabled: n
 		} catch (e) {
 			b({
 				iframeLifecycleState: "error",
-				lastError: ez(e).message
+				lastError: az(e).message
 			});
 		}
 	}, [f, b]) });
@@ -32161,7 +32317,7 @@ function LR({ onLayoutEffectChange: e, onRenderedSlotChange: t, debugEnabled: n
 		w.safe_area?.width,
 		w.safe_area?.height
 	]);
-	let ee = IR(C.map(({ layout: e }) => e));
+	let ee = VR(C.map(({ layout: e }) => e));
 	M(() => {
 		t?.(ee);
 	}, [t, ee]);
@@ -32180,18 +32336,19 @@ function LR({ onLayoutEffectChange: e, onRenderedSlotChange: t, debugEnabled: n
 					backgroundImage: "linear-gradient(to bottom, rgb(0 0 0 / 0.45) calc(100% - 64px), rgb(0 0 0 / 0))"
 				}
 			}),
-			E && C.map(({ instance: e, layout: t, gridRect: n }) => /* @__PURE__ */ I(zR, {
-				slot: XR(t),
+			E && C.map(({ instance: e, layout: t, gridRect: n }) => /* @__PURE__ */ I(WR, {
+				slot: tz(t),
 				safeAreaTop: w.safe_area?.y,
 				frameWidth: g.width,
 				...n ? {
 					gridRect: n,
 					gridAnimate: y.animate
 				} : {},
-				children: (r) => /* @__PURE__ */ I(BR, {
+				children: (r) => /* @__PURE__ */ I(GR, {
 					availableHeight: r,
 					client: c,
 					gridDriven: n !== null,
+					gridKioskCard: n !== null && y.kioskCardIds.has(e.id),
 					hostTheme: S,
 					instance: e,
 					layout: t,
@@ -32215,19 +32372,19 @@ function LR({ onLayoutEffectChange: e, onRenderedSlotChange: t, debugEnabled: n
 			}, e.id)),
 			E && /* @__PURE__ */ I("div", {
 				class: "absolute right-4 bottom-24 @max-mobile:right-3 @max-mobile:bottom-20",
-				children: /* @__PURE__ */ I(vR, { state: _ })
+				children: /* @__PURE__ */ I(CR, { state: _ })
 			}),
 			y.debug
 		]
 	});
 }
-var RR = 16;
-function zR({ slot: e, safeAreaTop: t, frameWidth: n, gridRect: r, gridAnimate: i = !1, children: a }) {
-	let [o, s] = qR(), c = a(r ? r.height : e === "full" ? void 0 : s);
+var UR = 16;
+function WR({ slot: e, safeAreaTop: t, frameWidth: n, gridRect: r, gridAnimate: i = !1, children: a }) {
+	let [o, s] = QR(), c = a(r ? r.height : e === "full" ? void 0 : s);
 	if (r) return /* @__PURE__ */ I("div", {
 		ref: o,
 		class: "pointer-events-auto absolute",
-		style: _R(r, i),
+		style: SR(r, i),
 		"data-canvas-slot": e,
 		"data-grid-driven": "true",
 		children: /* @__PURE__ */ I("div", {
@@ -32236,10 +32393,10 @@ function zR({ slot: e, safeAreaTop: t, frameWidth: n, gridRect: r, gridAnimate:
 		})
 	});
 	if (e === "safe-area-left" || e === "safe-area-right") {
-		let r = t == null ? "1rem" : `${t * 100}%`, i = n != null && n > 0 ? Math.max(0, n - RR * 2) : void 0;
+		let r = t == null ? "1rem" : `${t * 100}%`, i = n != null && n > 0 ? Math.max(0, n - UR * 2) : void 0;
 		return /* @__PURE__ */ I("div", {
 			ref: o,
-			class: YR(e),
+			class: ez(e),
 			style: {
 				top: r,
 				bottom: "72px",
@@ -32254,7 +32411,7 @@ function zR({ slot: e, safeAreaTop: t, frameWidth: n, gridRect: r, gridAnimate:
 	}
 	return /* @__PURE__ */ I("div", {
 		ref: o,
-		class: YR(e),
+		class: ez(e),
 		"data-canvas-slot": e,
 		children: /* @__PURE__ */ I("div", {
 			class: "contents",
@@ -32262,46 +32419,50 @@ function zR({ slot: e, safeAreaTop: t, frameWidth: n, gridRect: r, gridAnimate:
 		})
 	});
 }
-function BR({ availableHeight: e, client: t, gridDriven: n = !1, hostTheme: r, instance: i, layout: a, dimmed: o, onDebug: s, onComplete: c, onDisplayModeChange: l, onNaturalHeightChange: u, sendAppMessage: d }) {
-	let f = N(null), p = N(null), m = N(e), h = N(320), g = N(r), _ = N(i), v = N(a), y = N(-1), b = N(c), x = N(l), S = N(u), C = N(d), [w, T] = j(720);
+function GR({ availableHeight: e, client: t, gridDriven: n = !1, gridKioskCard: r = !1, hostTheme: i, instance: a, layout: o, dimmed: s, onDebug: c, onComplete: l, onDisplayModeChange: u, onNaturalHeightChange: d, sendAppMessage: f }) {
+	let p = N(null), m = N(null), h = N(e), g = N(r), _ = N(320), v = N(i), y = N(a), b = N(o), x = N(-1), S = N(l), C = N(u), w = N(d), T = N(f), [ee, E] = j(720);
 	M(() => {
-		_.current = i;
-	}, [i]), M(() => {
-		h.current = w, p.current?.setHostContext(WR(_.current, g.current, v.current, m.current, w));
-	}, [w]), M(() => {
-		m.current = e;
-		let t = UR(r, f.current);
-		g.current = t, p.current?.setHostContext(WR(_.current, t, v.current, e, h.current));
-	}, [e, r]), M(() => {
-		v.current = a, p.current?.setHostContext(WR(_.current, g.current, a, e, h.current));
-	}, [e, a]), M(() => {
-		b.current = c, x.current = l, S.current = u, C.current = d;
+		y.current = a;
+	}, [a]), M(() => {
+		_.current = ee, m.current?.setHostContext(YR(y.current, v.current, b.current, h.current, ee, g.current));
+	}, [ee]), M(() => {
+		h.current = e, g.current = r;
+		let t = JR(i, p.current);
+		v.current = t, m.current?.setHostContext(YR(y.current, t, b.current, e, _.current, r));
+	}, [
+		e,
+		i,
+		r
+	]), M(() => {
+		b.current = o, m.current?.setHostContext(YR(y.current, v.current, o, e, _.current, g.current));
+	}, [e, o]), M(() => {
+		S.current = l, C.current = u, w.current = d, T.current = f;
 	}, [
-		c,
 		l,
 		u,
-		d
+		d,
+		f
 	]), M(() => {
-		let e = f.current;
+		let e = p.current;
 		if (!e) return;
-		let n = !1, r = null, a = null, o = null, c = null, l = new URL(i.canvas_config.sandbox_url, globalThis.location.href).href, u = (e) => {
-			n || s({
+		let n = !1, r = null, i = null, o = null, s = null, l = new URL(a.canvas_config.sandbox_url, globalThis.location.href).href, u = (e) => {
+			n || c({
 				iframeLifecycleState: "error",
-				lastError: ez(e).message
+				lastError: az(e).message
 			});
 		}, d = () => {
-			if (n || !a) return;
-			let e = _.current, t = BC(e, a);
-			a = null, C.current({
+			if (n || !i) return;
+			let e = y.current, t = BC(e, i);
+			i = null, T.current({
 				message_type: "conversation",
 				event_type: "conversation.append_llm_context",
 				conversation_id: e.conversation_id,
 				properties: { context: t }
-			}), s({
+			}), c({
 				lastModelContextUpdate: e.canvas_config.component,
 				lastError: void 0
 			});
-		}, w = () => {
+		}, f = () => {
 			if (r) return;
 			if (e.src !== l) {
 				e.src;
@@ -32321,20 +32482,20 @@ function BR({ availableHeight: e, client: t, gridDriven: n = !1, hostTheme: r, i
 					text: {},
 					structuredContent: {}
 				}
-			}, { hostContext: WR(i, UR(g.current, e), v.current, m.current, h.current) });
-			r = f, p.current = f, f.oninitialized = () => {
-				n || (s({ iframeLifecycleState: "ready" }), y.current = _.current.revision, f.sendToolInput({ arguments: _.current.arguments }).catch(u));
+			}, { hostContext: YR(a, JR(v.current, e), b.current, h.current, _.current, g.current) });
+			r = f, m.current = f, f.oninitialized = () => {
+				n || (c({ iframeLifecycleState: "ready" }), x.current = y.current.revision, f.sendToolInput({ arguments: y.current.arguments }).catch(u));
 			}, f.onsizechange = ({ height: e }) => {
 				if (!n && typeof e == "number" && Number.isFinite(e)) {
-					let t = Math.min(Math.max(e, jR), 720);
-					T(t), S.current(_.current.id, t);
+					let t = Math.min(Math.max(e, IR), 720);
+					E(t), w.current(y.current.id, t);
 				}
 			}, f.onmessage = async (e) => {
 				let r = IC(e), i = zC(e);
 				if (!r) {
 					if (i) {
 						let e = "Magic Canvas message included text without interaction metadata; no interaction row was recorded.";
-						return s({
+						return c({
 							lastInteractionPostResult: "error",
 							lastError: e
 						}), {
@@ -32345,7 +32506,7 @@ function BR({ availableHeight: e, client: t, gridDriven: n = !1, hostTheme: r, i
 					}
 					return {};
 				}
-				let a = _.current, o = (() => {
+				let a = y.current, o = (() => {
 					try {
 						let e = LC(a, r);
 						return {
@@ -32357,8 +32518,8 @@ function BR({ availableHeight: e, client: t, gridDriven: n = !1, hostTheme: r, i
 					}
 				})();
 				if ("error" in o) {
-					let e = ez(o.error).message;
-					return s({
+					let e = az(o.error).message;
+					return c({
 						lastInteractionPostResult: "error",
 						lastError: e
 					}), {
@@ -32369,91 +32530,92 @@ function BR({ availableHeight: e, client: t, gridDriven: n = !1, hostTheme: r, i
 				}
 				let { interaction: l, request: u } = o, d = !0;
 				try {
-					await TR(t, l.conversation_id, u.body);
+					await AR(t, l.conversation_id, u.body);
 				} catch (e) {
-					d = !1, ER(e) ? DR(e, s) : (console.warn("Magic Canvas interaction POST failed; continuing without it and retrying in the background.", e), s({
+					d = !1, jR(e) ? MR(e, c) : (console.warn("Magic Canvas interaction POST failed; continuing without it and retrying in the background.", e), c({
 						lastInteractionPostResult: "failed_open",
-						lastError: ez(e).message
-					}), OR(t, l.conversation_id, u.body, s));
+						lastError: az(e).message
+					}), NR(t, l.conversation_id, u.body, c));
 				}
 				if (n) return {};
 				if (i) try {
-					C.current({
+					T.current({
 						message_type: "conversation",
 						event_type: "conversation.respond",
 						conversation_id: a.conversation_id,
 						properties: { text: i }
 					});
 				} catch (e) {
-					console.error("Magic Canvas respond send failed.", e), s({ lastError: ez(e).message });
+					console.error("Magic Canvas respond send failed.", e), c({ lastError: az(e).message });
 				}
-				return d && s({
+				return d && c({
 					lastInteractionPostResult: "success",
 					lastError: void 0
-				}), RC(l) && (l.type === "submit" ? (c && clearTimeout(c), c = setTimeout(() => {
-					c = null, n || b.current();
-				}, AR(a.arguments))) : b.current()), {};
-			}, f.onupdatemodelcontext = async (e) => (a = e, o ||= setTimeout(() => {
+				}), RC(l) && (l.type === "submit" ? (s && clearTimeout(s), s = setTimeout(() => {
+					s = null, n || S.current();
+				}, FR(a.arguments))) : S.current()), {};
+			}, f.onupdatemodelcontext = async (e) => (i = e, o ||= setTimeout(() => {
 				o = null, d();
-			}, xR), {}), f.onrequestdisplaymode = async ({ mode: e }) => {
+			}, ER), {}), f.onrequestdisplaymode = async ({ mode: e }) => {
 				let t = e === "fullscreen" ? "fullscreen" : "inline";
-				return x.current(t), v.current = {
-					...v.current,
+				return C.current(t), b.current = {
+					...b.current,
 					display_mode: t,
-					viable_slot: t === "fullscreen" ? "full" : v.current.viable_slot
-				}, f.setHostContext(WR(_.current, g.current, v.current, m.current, h.current)), { mode: t };
-			}, f.connect(new FR(e)).then(() => void 0).catch(u);
+					viable_slot: t === "fullscreen" ? "full" : b.current.viable_slot
+				}, f.setHostContext(YR(y.current, v.current, b.current, h.current, _.current, g.current)), { mode: t };
+			}, f.connect(new BR(e)).then(() => void 0).catch(u);
 		};
-		s({
+		c({
 			iframeLifecycleState: "mounting",
 			lastInteractionPostResult: void 0
-		}), i.canvas_config.sandbox_url, e.src = i.canvas_config.sandbox_url;
+		}), a.canvas_config.sandbox_url, e.src = a.canvas_config.sandbox_url;
 		let ee = () => {
-			w();
+			f();
 		};
-		return e.addEventListener("load", ee), w(), () => {
-			o &&= (clearTimeout(o), null), c &&= (clearTimeout(c), null), d(), n = !0, e.removeEventListener("load", ee), p.current = null, s({ iframeLifecycleState: "closed" }), r && xC(r);
+		return e.addEventListener("load", ee), f(), () => {
+			o &&= (clearTimeout(o), null), s &&= (clearTimeout(s), null), d(), n = !0, e.removeEventListener("load", ee), m.current = null, c({ iframeLifecycleState: "closed" }), r && xC(r);
 		};
 	}, [
 		t,
-		i.id,
-		i.canvas_config.sandbox_url,
-		s
+		a.id,
+		a.canvas_config.sandbox_url,
+		c
 	]), M(() => {
-		i.revision !== 0 && (i.revision <= y.current || (y.current = i.revision, p.current?.sendToolInput({ arguments: i.arguments }).catch((e) => {
-			s({
+		a.revision !== 0 && (a.revision <= x.current || (x.current = a.revision, m.current?.sendToolInput({ arguments: a.arguments }).catch((e) => {
+			c({
 				iframeLifecycleState: "error",
-				lastError: ez(e).message
+				lastError: az(e).message
 			});
 		})));
 	}, [
-		i.arguments,
-		i.revision,
-		s
+		a.arguments,
+		a.revision,
+		c
 	]);
-	let ee = a.viable_slot === "full" || a.display_mode === "fullscreen", E = ee ? null : GR(w, e), D = E?.placeholderStyle, te = E?.cardStyle, ne = ee ? { height: "100%" } : E?.iframeStyle ?? { height: `${w}px` }, re = [
-		"pointer-events-auto w-full overflow-hidden rounded-box border-[length:var(--border)] border-base-300 bg-base-100 shadow-xl transition-[opacity,transform]",
-		ee ? "fixed inset-4 z-10 max-w-none" : n ? "max-w-none" : "max-w-md",
-		o ? "scale-[0.98] opacity-40" : ""
-	].filter(Boolean).join(" "), O = NR[i.canvas_config.component] ?? MR, ie = /* @__PURE__ */ I("div", {
-		class: re,
-		style: te,
-		"data-canvas-card": a.viable_slot,
+	let D = o.viable_slot === "full" || o.display_mode === "fullscreen", te = D ? null : XR(ee, e, r), ne = te?.placeholderStyle, re = te?.cardStyle, O = D ? { height: "100%" } : te?.iframeStyle ?? { height: `${ee}px` }, ie = [
+		"pointer-events-auto w-full overflow-hidden rounded-box border-[length:var(--border)] border-base-300 bg-base-100 transition-[opacity,transform]",
+		r ? "" : "shadow-xl",
+		D ? "fixed inset-4 z-10 max-w-none" : n ? "max-w-none" : "max-w-md",
+		s ? "scale-[0.98] opacity-40" : ""
+	].filter(Boolean).join(" "), ae = RR[a.canvas_config.component] ?? LR, k = /* @__PURE__ */ I("div", {
+		class: ie,
+		style: re,
+		"data-canvas-card": o.viable_slot,
 		children: /* @__PURE__ */ I("iframe", {
-			ref: f,
-			title: `${i.canvas_config.component} ${i.canvas_config.component_version}`,
-			class: ee ? "block h-full w-full border-0 bg-transparent" : "block border-0 bg-transparent",
-			sandbox: O,
-			style: ne
+			ref: p,
+			title: `${a.canvas_config.component} ${a.canvas_config.component_version}`,
+			class: D ? "block h-full w-full border-0 bg-transparent" : "block border-0 bg-transparent",
+			sandbox: ae,
+			style: O
 		})
 	});
-	return ee ? ie : /* @__PURE__ */ I("div", {
+	return D ? k : /* @__PURE__ */ I("div", {
 		class: "block w-full",
-		style: D,
-		children: ie
+		style: ne,
+		children: k
 	});
 }
-var VR = [
+var KR = [
 	"--color-base-100",
 	"--color-base-200",
 	"--color-base-300",
@@ -32461,17 +32623,17 @@ var VR = [
 	"--color-primary",
 	"--color-error"
 ];
-function HR(e) {
+function qR(e) {
 	if (!e || typeof getComputedStyle != "function") return {};
 	let t = getComputedStyle(e), n = {};
-	for (let e of VR) {
+	for (let e of KR) {
 		let r = t.getPropertyValue(e).trim();
 		r && (n[e] = r);
 	}
 	return n;
 }
-function UR(e, t) {
-	let n = HR(t);
+function JR(e, t) {
+	let n = qR(t);
 	return Object.keys(n).length === 0 ? e : {
 		...e,
 		cssVars: {
@@ -32480,54 +32642,63 @@ function UR(e, t) {
 		}
 	};
 }
-function WR(e, t, n, r, i) {
-	let a = vw(t, n), o = n.viable_slot === "full" || n.display_mode === "fullscreen", s = o ? void 0 : QR(r), c = o ? 1 : GR(i ?? 0, r)?.displayScale ?? 1;
+function YR(e, t, n, r, i, a = !1) {
+	let o = vw(t, n), s = n.viable_slot === "full" || n.display_mode === "fullscreen", c = s ? void 0 : rz(r), l = s ? 1 : XR(i ?? 0, r, a)?.displayScale ?? 1;
 	return {
 		...e.canvas_config.host_context,
-		...a,
+		...o,
 		containerDimensions: {
-			...$R(a.containerDimensions) ? a.containerDimensions : {},
-			...s === void 0 ? {} : { maxHeight: s },
-			displayScale: c
+			...iz(o.containerDimensions) ? o.containerDimensions : {},
+			...c === void 0 ? {} : { maxHeight: c },
+			displayScale: l
 		}
 	};
 }
-function GR(e, t) {
+function XR(e, t, n = !1) {
 	if (t === void 0 || !Number.isFinite(t) || t <= 0) return null;
-	let n = Math.min(e, 720);
-	if (n <= t) return {
+	let r = Math.min(e, 720);
+	if (n) return {
+		displayScale: 1,
+		placeholderStyle: { height: `${t}px` },
+		cardStyle: { height: "100%" },
+		iframeStyle: {
+			width: "100%",
+			height: "100%"
+		}
+	};
+	if (r <= t) return {
 		displayScale: 1,
 		placeholderStyle: { maxHeight: `${t}px` },
 		cardStyle: void 0,
 		iframeStyle: {
 			width: "100%",
-			height: `${n}px`
+			height: `${r}px`
 		}
 	};
-	let r = t / n;
+	let i = t / r;
 	return {
-		displayScale: r,
+		displayScale: i,
 		placeholderStyle: {
-			height: `${n * r}px`,
+			height: `${r * i}px`,
 			maxHeight: `${t}px`,
 			overflow: "hidden"
 		},
 		cardStyle: {
-			height: `${n}px`,
-			transform: `scale(${r})`,
+			height: `${r}px`,
+			transform: `scale(${i})`,
 			transformOrigin: "top center"
 		},
 		iframeStyle: {
 			width: "100%",
-			height: `${n}px`
+			height: `${r}px`
 		}
 	};
 }
-function KR() {
-	let e = N(null), [t, n] = j(() => JR(null));
+function ZR() {
+	let e = N(null), [t, n] = j(() => $R(null));
 	return M(() => {
 		let t = () => n((t) => {
-			let n = JR(e.current);
+			let n = $R(e.current);
 			return t.width === n.width && t.height === n.height && t.visualViewportHeight === n.visualViewportHeight ? t : n;
 		});
 		t(), globalThis.addEventListener("resize", t), globalThis.visualViewport?.addEventListener("resize", t);
@@ -32537,7 +32708,7 @@ function KR() {
 		};
 	}, []), [e, t];
 }
-function qR() {
+function QR() {
 	let e = N(null), [t, n] = j();
 	return M(() => {
 		let t = e.current;
@@ -32553,7 +32724,7 @@ function qR() {
 		return a.observe(t), () => a.disconnect();
 	}, []), [e, t];
 }
-function JR(e) {
+function $R(e) {
 	let t = globalThis.visualViewport?.height, n = e?.getBoundingClientRect();
 	if (n && n.width > 0 && n.height > 0) {
 		let e = t === void 0 ? void 0 : Math.max(0, (globalThis.innerHeight || 0) - t);
@@ -32569,7 +32740,7 @@ function JR(e) {
 		visualViewportHeight: t
 	};
 }
-function YR(e) {
+function ez(e) {
 	let t = "absolute flex gap-2";
 	switch (e) {
 		case "safe-area-left": return `${t} left-4 w-[28rem] flex-col overflow-y-auto [scrollbar-gutter:stable]`;
@@ -32578,24 +32749,24 @@ function YR(e) {
 		case "full": return `${t} inset-4 flex-col items-stretch justify-stretch`;
 	}
 }
-function XR(e) {
+function tz(e) {
 	return e.display_mode === "fullscreen" && e.preferred_slot !== "full" ? e.preferred_slot : e.viable_slot;
 }
-function ZR() {
+function nz() {
 	return !1;
 }
-function QR(e) {
+function rz(e) {
 	return e === void 0 || !Number.isFinite(e) || e <= 0 ? 720 : Math.min(Math.floor(e), 720);
 }
-function $R(e) {
+function iz(e) {
 	return typeof e == "object" && !!e && !Array.isArray(e);
 }
-function ez(e) {
+function az(e) {
 	return e instanceof Error ? e : Error(String(e));
 }
 //#endregion
 //#region ../core/src/magic-canvas/grid-error-boundary.tsx
-var tz = class extends A {
+var oz = class extends A {
 	state = { errored: !1 };
 	componentDidCatch(e) {
 		this.props.onError(e), this.setState({ errored: !0 });
@@ -32603,8 +32774,8 @@ var tz = class extends A {
 	render() {
 		return this.state.errored ? null : this.props.children;
 	}
-}, nz = 1e4;
-function rz(e, t = nz) {
+}, sz = 1e4;
+function cz(e, t = sz) {
 	let [n, r] = j(!1), i = N(!1);
 	return M(() => {
 		if (!e) {
@@ -32619,7 +32790,7 @@ function rz(e, t = nz) {
 }
 //#endregion
 //#region ../core/src/hooks/use-call-presence.ts
-function iz(e) {
+function lz(e) {
 	let t = pg(), n = N_(t ?? ""), r = !j_(t ?? "").isOff, i = sC(e), a = i.phase === "ready" ? i.replicaId : "", o = j_(a), s = !r && (o.state === "playable" || o.state === "loading"), c = i.phase === "ready" && !e && !i.videoState.isOff, l = !e && t !== null && !n.isOff, u = i.phase !== "ready" || i.videoState.isOff;
 	return P(() => ({
 		presence: i,
@@ -32641,7 +32812,7 @@ function iz(e) {
 }
 //#endregion
 //#region ../core/src/hooks/use-call-controls-visible.ts
-function az(e, t, n) {
+function uz(e, t, n) {
 	let [r, i] = j(!0);
 	return M(() => {
 		if (!t) return;
@@ -32671,7 +32842,7 @@ function az(e, t, n) {
 }
 //#endregion
 //#region ../core/src/hooks/use-call-controls-rect.ts
-function oz(e, t, n, r, i) {
+function dz(e, t, n, r, i) {
 	let [a, o] = j(void 0);
 	return M(() => {
 		if (!r) return;
@@ -32705,8 +32876,8 @@ function oz(e, t, n, r, i) {
 }
 //#endregion
 //#region ../core/src/hooks/use-replica-join-timeout.ts
-var sz = 1e4;
-function cz({ onTimeout: e, timeoutMs: t = sz, active: n = !0 }) {
+var fz = 1e4;
+function pz({ onTimeout: e, timeoutMs: t = fz, active: n = !0 }) {
 	let r = oC().length > 0, [i, a] = j(!1), o = N(e);
 	return M(() => {
 		o.current = e;
@@ -32730,39 +32901,39 @@ function cz({ onTimeout: e, timeoutMs: t = sz, active: n = !0 }) {
 }
 //#endregion
 //#region ../core/src/hooks/use-system-shutdown.ts
-function lz(e) {
+function mz(e) {
 	if (typeof e != "object" || !e) return !1;
 	let t = e;
 	return t.message_type === "system" && t.event_type === "system.shutdown";
 }
-function uz({ onShutdown: e }) {
+function hz({ onShutdown: e }) {
 	let t = N(e);
 	M(() => {
 		t.current = e;
 	}, [e]), b_({ onAppMessage: F((e) => {
-		lz(e?.data) && t.current();
+		mz(e?.data) && t.current();
 	}, []) });
 }
 //#endregion
 //#region ../core/src/hooks/use-picture-in-picture.ts
-var dz = Tn("PiP"), fz = 360, pz = 280;
-function mz() {
+var gz = Tn("PiP"), _z = 360, vz = 280;
+function yz() {
 	return globalThis.window !== void 0 && "documentPictureInPicture" in globalThis.window;
 }
-function hz(e) {
-	let { enabled: t, active: n } = e, [r, i] = j(null), a = mz(), o = st(by), s = F(() => {
+function bz(e) {
+	let { enabled: t, active: n } = e, [r, i] = j(null), a = yz(), o = st(by), s = F(() => {
 		i((e) => (e && !e.closed && e.close(), null));
 	}, []), c = F(async () => {
 		if (a && !(!t || !n) && !(r && !r.closed)) try {
 			let e = await globalThis.window.documentPictureInPicture.requestWindow({
-				width: fz,
-				height: pz
+				width: _z,
+				height: vz
 			}), t = Ue.replace(/:host(?=[\s,{])/g, ":host, :root"), n = e.document.createElement("style");
 			n.textContent = t, e.document.head.appendChild(n), e.document.body.style.margin = "0", e.document.body.style.width = "100%", e.document.body.style.height = "100vh", e.document.body.style.overflow = "hidden", e.addEventListener("pagehide", () => {
 				i((t) => t === e ? null : t);
 			}, { once: !0 }), i(e);
 		} catch (e) {
-			dz.warn("Failed to open PiP window", e);
+			gz.warn("Failed to open PiP window", e);
 		}
 	}, [
 		a,
@@ -32783,13 +32954,13 @@ function hz(e) {
 			try {
 				e.metadata = new MediaMetadata({ title: "Tavus conversation" }), e.playbackState = "playing", l = !0;
 			} catch (e) {
-				dz.warn("mediaSession metadata setup failed", e);
+				gz.warn("mediaSession metadata setup failed", e);
 			}
 			let t = (t, n) => {
 				try {
 					e.setActionHandler(t, n), r.push(t);
 				} catch (e) {
-					dz.info(`mediaSession.${t} not supported`, e);
+					gz.info(`mediaSession.${t} not supported`, e);
 				}
 			};
 			t("enterpictureinpicture", () => {
@@ -32843,11 +33014,11 @@ function hz(e) {
 }
 //#endregion
 //#region ../core/src/utils/device-preferences.ts
-var gz = Xt(null), _z = {
+var xz = Xt(null), Sz = {
 	active: !1,
 	video_shift_x: 0,
 	backdrop: { type: "snapshot_mirror" }
-}, vz = Da(({ id: e, showAudioWave: t = !0 }) => {
+}, Cz = Da(({ id: e, showAudioWave: t = !0 }) => {
 	let n = N_(e).isOff;
 	return /* @__PURE__ */ I("div", {
 		class: `relative aspect-square w-32 @max-mobile:w-24 rounded-box overflow-hidden bg-black/30 z-10 ${n ? "hidden" : ""}`,
@@ -32862,20 +33033,20 @@ var gz = Xt(null), _z = {
 			children: /* @__PURE__ */ I($S, { id: e })
 		})]
 	});
-}), yz = Da(() => {
+}), wz = Da(() => {
 	let e = pg(), { isScreenSharing: t } = fS(), n = oC()[0];
-	return /* @__PURE__ */ I(k, { children: [t && n && /* @__PURE__ */ I(vz, { id: n }), e && /* @__PURE__ */ I(vz, {
+	return /* @__PURE__ */ I(k, { children: [t && n && /* @__PURE__ */ I(Cz, { id: n }), e && /* @__PURE__ */ I(Cz, {
 		id: e,
 		showAudioWave: !1
 	})] });
-}), bz = Da(() => /* @__PURE__ */ I("div", {
+}), Tz = Da(() => /* @__PURE__ */ I("div", {
 	class: "absolute bottom-4 @max-mobile:bottom-20 left-4 flex flex-col items-end gap-2 z-20",
-	children: /* @__PURE__ */ I(yz, {})
-})), xz = Da(({ personaSessionId: e, localId: t, isScreenSharing: n, avatarOff: r, effect: i, animate: a }) => /* @__PURE__ */ I(k, { children: [
+	children: /* @__PURE__ */ I(wz, {})
+})), Ez = Da(({ personaSessionId: e, localId: t, isScreenSharing: n, avatarOff: r, effect: i, animate: a }) => /* @__PURE__ */ I(k, { children: [
 	/* @__PURE__ */ I("div", { class: "absolute inset-0 bg-base-200" }),
 	i.content && /* @__PURE__ */ I("div", {
 		class: "absolute overflow-hidden rounded-box bg-black",
-		style: _R(i.content, a),
+		style: SR(i.content, a),
 		children: /* @__PURE__ */ I(Dg, {
 			sessionId: n ? t ?? "" : e,
 			type: "screenVideo",
@@ -32884,8 +33055,8 @@ var gz = Xt(null), _z = {
 		})
 	}),
 	i.replica && /* @__PURE__ */ I("div", {
-		class: aR("absolute overflow-hidden", i.replicaCollapsed && "rounded-box"),
-		style: _R(i.replica, a),
+		class: lR("absolute overflow-hidden", i.replicaCollapsed && "rounded-box"),
+		style: SR(i.replica, a),
 		children: /* @__PURE__ */ I(dC, {
 			personaSessionId: e,
 			localSessionId: t,
@@ -32893,11 +33064,11 @@ var gz = Xt(null), _z = {
 			avatarOff: r
 		})
 	})
-] })), Sz = Da(() => {
-	let { effect: e, animate: t } = uR.value, n = pg();
+] })), Dz = Da(() => {
+	let { effect: e, animate: t } = mR.value, n = pg();
 	return n === null || e.selfView === null ? null : /* @__PURE__ */ I("div", {
 		class: "absolute z-20 overflow-hidden rounded-box bg-black/30",
-		style: _R(e.selfView, t),
+		style: SR(e.selfView, t),
 		children: /* @__PURE__ */ I(Dg, {
 			automirror: !0,
 			sessionId: n,
@@ -32906,23 +33077,23 @@ var gz = Xt(null), _z = {
 			className: "h-full w-full object-cover"
 		})
 	});
-}), Cz = Da(({ canvasRenderedSlot: e }) => {
-	let t = TI(uR.value.effect);
-	return t === "hidden" ? null : t === "engine" ? /* @__PURE__ */ I(tz, {
-		onError: vI,
-		children: /* @__PURE__ */ I(Sz, {})
-	}) : e === "safe-area-bottom" ? null : /* @__PURE__ */ I(bz, {});
-}), wz = Da(() => {
+}), Oz = Da(({ canvasRenderedSlot: e }) => {
+	let t = OI(mR.value.effect);
+	return t === "hidden" ? null : t === "engine" ? /* @__PURE__ */ I(oz, {
+		onError: bI,
+		children: /* @__PURE__ */ I(Dz, {})
+	}) : e === "safe-area-bottom" ? null : /* @__PURE__ */ I(Tz, {});
+}), kz = Da(() => {
 	let e = oC()[0];
 	return e ? /* @__PURE__ */ I(Tg, { sessionId: e }) : null;
-}), Tz = Da((e) => /* @__PURE__ */ I(k, { children: [/* @__PURE__ */ I(wz, {}), /* @__PURE__ */ I(Ez, { ...e })] })), Ez = Da(({ isAudioOnly: e, presence: t, canvasLayoutEffect: n, canvasRenderedSlot: r }) => {
-	let { presence: i, localId: a, isScreenSharing: o, isPersonaPresenting: s } = t, c = uR.value, l = n.active && !o && (!e || s);
+}), Az = Da((e) => /* @__PURE__ */ I(k, { children: [/* @__PURE__ */ I(kz, {}), /* @__PURE__ */ I(jz, { ...e })] })), jz = Da(({ isAudioOnly: e, presence: t, canvasLayoutEffect: n, canvasRenderedSlot: r }) => {
+	let { presence: i, localId: a, isScreenSharing: o, isPersonaPresenting: s } = t, c = mR.value, l = n.active && !o && (!e || s);
 	return i.phase === "left" ? /* @__PURE__ */ I(ZS, {}) : i.phase === "connecting" ? /* @__PURE__ */ I(XS, {}) : e && !s ? /* @__PURE__ */ I("div", {
 		class: "absolute inset-0 flex items-center justify-center",
 		children: /* @__PURE__ */ I(rC, { sessionId: i.replicaId })
-	}) : c.effect.driving ? /* @__PURE__ */ I(tz, {
-		onError: vI,
-		children: /* @__PURE__ */ I(xz, {
+	}) : c.effect.driving ? /* @__PURE__ */ I(oz, {
+		onError: bI,
+		children: /* @__PURE__ */ I(Ez, {
 			personaSessionId: i.replicaId,
 			localId: a,
 			isScreenSharing: o,
@@ -32936,7 +33107,7 @@ var gz = Xt(null), _z = {
 		avatarOff: i.videoState.isOff,
 		canvasLayoutEffect: n,
 		smartSidecarActive: l
-	}) : /* @__PURE__ */ I(Dz, {
+	}) : /* @__PURE__ */ I(Mz, {
 		personaSessionId: i.replicaId,
 		localId: a,
 		isScreenSharing: o,
@@ -32945,11 +33116,11 @@ var gz = Xt(null), _z = {
 		canvasLayoutEffect: n,
 		canvasRenderedSlot: r
 	});
-}), Dz = Da(({ personaSessionId: e, localId: t, isScreenSharing: n, avatarOff: r, smartSidecarActive: i, canvasLayoutEffect: a, canvasRenderedSlot: o }) => /* @__PURE__ */ I(Yw, {
+}), Mz = Da(({ personaSessionId: e, localId: t, isScreenSharing: n, avatarOff: r, smartSidecarActive: i, canvasLayoutEffect: a, canvasRenderedSlot: o }) => /* @__PURE__ */ I(Yw, {
 	canvasLayoutEffect: a,
 	smartSidecarActive: i,
 	isScreenSharing: n,
-	captureSnapshot: jz,
+	captureSnapshot: Iz,
 	personaMode: "auto",
 	renderedSlot: o,
 	fill: (i) => /* @__PURE__ */ I(dC, {
@@ -32959,7 +33130,7 @@ var gz = Xt(null), _z = {
 		avatarOff: r,
 		videoRef: i
 	})
-})), Oz = Da(({ items: e }) => {
+})), Nz = Da(({ items: e }) => {
 	let [t, n] = j(!1), r = N(null);
 	return M(() => {
 		if (!t) return;
@@ -32989,8 +33160,8 @@ var gz = Xt(null), _z = {
 			children: e
 		})]
 	});
-}), kz = Da(({ items: e }) => e.length <= 1 ? /* @__PURE__ */ I(k, { children: e }) : /* @__PURE__ */ I(Oz, { items: e })), Az = Da(({ onLeave: e }) => {
-	let t = c_(), { config: n } = Qv(), { session: r, end: i } = LS(), a = pg(), o = N(null), s = st(lb)?.frameRef ?? o, [c, l] = j(!1), u = Hx() === "full-screen", [d, f] = j(!1), [p, m] = j(_z), [h, g] = j(null), _ = n.value.customization.conversation, v = rz(_.show_fullscreen_hint && h !== null && !c && !u), y = N(null), b = N(null), x = r.value?.conversationUrl, S = r.value?.magicGrid === !0, C = pI(_.magic_grid, S), w = az(y, C, x), T = oz(y, b, 72, C, x), ee = _.modality === "audio", E = iz(ee), D = _.modality === "chat", te = _.modality === "video", ne = _.enable_chat, re = _.enable_closed_captions, O = _.enable_picture_in_picture, { pipWindow: ie } = hz({
+}), Pz = Da(({ items: e }) => e.length <= 1 ? /* @__PURE__ */ I(k, { children: e }) : /* @__PURE__ */ I(Nz, { items: e })), Fz = Da(({ onLeave: e }) => {
+	let t = c_(), { config: n } = Qv(), { session: r, end: i } = LS(), a = pg(), o = N(null), s = st(lb)?.frameRef ?? o, [c, l] = j(!1), u = Hx() === "full-screen", [d, f] = j(!1), [p, m] = j(Sz), [h, g] = j(null), _ = n.value.customization.conversation, v = cz(_.show_fullscreen_hint && h !== null && !c && !u), y = N(null), b = N(null), x = r.value?.conversationUrl, S = r.value?.magicGrid === !0, C = mI(_.magic_grid, S), w = uz(y, C, x), T = dz(y, b, 72, C, x), ee = _.modality === "audio", E = lz(ee), D = _.modality === "chat", te = _.modality === "video", ne = _.enable_chat, re = _.enable_closed_captions, O = _.enable_picture_in_picture, { pipWindow: ie } = bz({
 		enabled: O && !D,
 		active: t === "joined-meeting"
 	});
@@ -32999,13 +33170,13 @@ var gz = Xt(null), _z = {
 	}, [i]);
 	let { camera: ae, requestCamera: k } = fy(), { isCamMuted: A } = uS(), oe = ae.isGranted && !A;
 	M(() => {
-		te && t === "joined-meeting" && (gz.value = oe);
+		te && t === "joined-meeting" && (xz.value = oe);
 	}, [
 		te,
 		t,
 		oe
 	]);
-	let se = N(te && !a && gz.value === !0);
+	let se = N(te && !a && xz.value === !0);
 	M(() => {
 		t === "joined-meeting" && se.current && (se.current = !1, k());
 	}, [t, k]), M(() => {
@@ -33029,10 +33200,10 @@ var gz = Xt(null), _z = {
 	let le = F(() => {
 		i();
 	}, [i]);
-	if (cz({
+	if (pz({
 		active: !D && t === "joined-meeting",
 		onTimeout: le
-	}), uz({ onShutdown: le }), !x) return null;
+	}), hz({ onShutdown: le }), !x) return null;
 	if (D) return /* @__PURE__ */ I(WS, {
 		defaultOpen: !0,
 		children: /* @__PURE__ */ I("div", {
@@ -33063,14 +33234,14 @@ var gz = Xt(null), _z = {
 			/* @__PURE__ */ I("div", {
 				class: "relative w-full h-full z-[5]",
 				children: [
-					/* @__PURE__ */ I(Tz, {
+					/* @__PURE__ */ I(Az, {
 						isAudioOnly: ee,
 						presence: E,
 						canvasLayoutEffect: p,
 						canvasRenderedSlot: h
 					}),
-					!ee && /* @__PURE__ */ I(Cz, { canvasRenderedSlot: h }),
-					/* @__PURE__ */ I(LR, {
+					!ee && /* @__PURE__ */ I(Oz, { canvasRenderedSlot: h }),
+					/* @__PURE__ */ I(HR, {
 						debugEnabled: d,
 						callPresence: E,
 						callControlsVisible: w,
@@ -33107,7 +33278,7 @@ var gz = Xt(null), _z = {
 						/* @__PURE__ */ I(jS, { level: !0 }),
 						!ee && /* @__PURE__ */ I(NS, {}),
 						re && /* @__PURE__ */ I(VS, {}),
-						/* @__PURE__ */ I(kz, { items: ue }),
+						/* @__PURE__ */ I(Pz, { items: ue }),
 						/* @__PURE__ */ I("button", {
 							type: "button",
 							class: "btn btn-control btn-error",
@@ -33124,7 +33295,7 @@ var gz = Xt(null), _z = {
 		]
 	}), ie && Wa(/* @__PURE__ */ I(lC, { onLeave: le }), ie.document.body)] }) }) });
 });
-function jz(e) {
+function Iz(e) {
 	if (!e || e.readyState < 2 || !e.videoWidth || !e.videoHeight) return null;
 	let t = document.createElement("canvas"), n = Math.round(640 * (e.videoHeight / e.videoWidth));
 	t.width = 640, t.height = n;
@@ -33139,7 +33310,7 @@ function jz(e) {
 }
 //#endregion
 //#region ../core/src/components/hair-check/index.tsx
-function Mz(e, t, n) {
+function Lz(e, t, n) {
 	switch (t) {
 		case "granted": return n ? e?.cameraOptional ?? "Camera is optional — turn it on anytime." : e?.ready ?? "You're all set — join whenever you're ready.";
 		case "blocked": return e?.denied ?? "Microphone is blocked. Click the mic to see how to allow it.";
@@ -33150,7 +33321,7 @@ function Mz(e, t, n) {
 		default: return e?.loading ?? "Getting your microphone ready...";
 	}
 }
-var Nz = Da(({ text: e, isJoining: t = !1, onJoin: n, onCancel: r }) => {
+var Rz = Da(({ text: e, isJoining: t = !1, onJoin: n, onCancel: r }) => {
 	let i = kh(), { config: a } = Qv(), { cameraOnStart: o } = st(At), { localSessionId: s, isCamMuted: c } = uS(), { mic: l, camera: u, requestMic: d, requestCamera: f } = fy(), p = a.value.customization.conversation.modality === "video", m = Cx(a.value), h = Sx(a.value);
 	M(() => {
 		d();
@@ -33166,7 +33337,7 @@ var Nz = Da(({ text: e, isJoining: t = !1, onJoin: n, onCancel: r }) => {
 		u.isBlocked,
 		f
 	]);
-	let v = p && g && !u.isGranted, y = Mz(e, l.status, v);
+	let v = p && g && !u.isGranted, y = Lz(e, l.status, v);
 	return /* @__PURE__ */ I(yS, { children: /* @__PURE__ */ I("div", {
 		class: "absolute inset-0 motion-safe:animate-[tavusFadeUp_280ms_ease-out]",
 		children: [u.isGranted && !c ? /* @__PURE__ */ I("div", {
@@ -33217,8 +33388,8 @@ var Nz = Da(({ text: e, isJoining: t = !1, onJoin: n, onCancel: r }) => {
 			})]
 		})]
 	}) });
-}), Pz = "Password required", Fz = "Enter the password to start this conversation.", Iz = "Password", Lz = "Continue";
-function Rz({ onSubmit: e, text: t, isSubmitting: n = !1, errorMessage: r }) {
+}), zz = "Password required", Bz = "Enter the password to start this conversation.", Vz = "Password", Hz = "Continue";
+function Uz({ onSubmit: e, text: t, isSubmitting: n = !1, errorMessage: r }) {
 	let [i, a] = j(""), o = lt();
 	return /* @__PURE__ */ I("div", {
 		class: "absolute inset-0 z-30 flex items-center justify-center bg-black/50 backdrop-blur-sm p-4",
@@ -33238,18 +33409,18 @@ function Rz({ onSubmit: e, text: t, isSubmitting: n = !1, errorMessage: r }) {
 					/* @__PURE__ */ I("h3", {
 						id: `${o}-title`,
 						class: "card-title text-base-content",
-						children: t?.title ?? Pz
+						children: t?.title ?? zz
 					}),
 					/* @__PURE__ */ I("p", {
 						class: "text-sm text-base-content/70",
-						children: t?.description ?? Fz
+						children: t?.description ?? Bz
 					}),
 					/* @__PURE__ */ I("input", {
 						id: o,
 						type: "password",
 						autocomplete: "current-password",
 						class: "input input-bordered w-full",
-						placeholder: t?.placeholder ?? Iz,
+						placeholder: t?.placeholder ?? Vz,
 						value: i,
 						disabled: n,
 						onInput: (e) => a(e.target.value),
@@ -33265,7 +33436,7 @@ function Rz({ onSubmit: e, text: t, isSubmitting: n = !1, errorMessage: r }) {
 						type: "submit",
 						disabled: !i.trim(),
 						loading: n,
-						children: t?.submit ?? Lz
+						children: t?.submit ?? Hz
 					})
 				]
 			})
@@ -33274,7 +33445,7 @@ function Rz({ onSubmit: e, text: t, isSubmitting: n = !1, errorMessage: r }) {
 }
 //#endregion
 //#region ../core/src/components/welcome/index.tsx
-function zz({ text: e, onStart: t, isStarting: n, permissionRequest: r }) {
+function Wz({ text: e, onStart: t, isStarting: n, permissionRequest: r }) {
 	let { config: i, deploymentId: a } = Qv(), o = Hx() === "full-screen", s = st(Ov), c = Cx(i.value), l = c.btn_title ?? e?.fallback_button ?? "Start the conversation", u = i.value.customization.terms_content?.trim() ?? "", d = i.value.customization.terms_enabled === !0, f = u.length > 0, p = f && d, m = P(() => p && rv(a, u), [
 		p,
 		a,
@@ -33283,7 +33454,7 @@ function zz({ text: e, onStart: t, isStarting: n, permissionRequest: r }) {
 	return /* @__PURE__ */ I(tS, {
 		title: c.title,
 		description: c.description,
-		overlay: v && s ? /* @__PURE__ */ I(Rz, { onSubmit: s.setPassword }) : null,
+		overlay: v && s ? /* @__PURE__ */ I(Uz, { onSubmit: s.setPassword }) : null,
 		children: [/* @__PURE__ */ I("div", {
 			class: "relative",
 			children: [r && /* @__PURE__ */ I(Wx, {
@@ -33321,28 +33492,28 @@ function zz({ text: e, onStart: t, isStarting: n, permissionRequest: r }) {
 }
 //#endregion
 //#region ../core/src/hooks/use-haircheck-text.ts
-function Bz(...e) {
+function Gz(...e) {
 	for (let t of e) {
 		let e = t?.trim();
 		if (e) return e;
 	}
 }
-function Vz() {
+function Kz() {
 	let { config: e } = Qv(), { haircheck: t } = e.value.customization;
 	return P(() => ({
-		prompt: Bz(t.permission_request_description, t.permission_request_title),
-		ready: Bz(t.permission_granted_description, t.permission_granted_title),
-		denied: Bz(t.permission_denied_description, t.permission_denied_title),
-		join: Bz(t.join_button),
-		cancel: Bz(t.cancel_btn)
+		prompt: Gz(t.permission_request_description, t.permission_request_title),
+		ready: Gz(t.permission_granted_description, t.permission_granted_title),
+		denied: Gz(t.permission_denied_description, t.permission_denied_title),
+		join: Gz(t.join_button),
+		cancel: Gz(t.cancel_btn)
 	}), [t]);
 }
 //#endregion
 //#region ../core/src/shells/flow-state-body.tsx
-function Hz({ flow: e, welcomeText: t, onUnavailableCancel: n }) {
-	let r = Vz();
+function qz({ flow: e, welcomeText: t, onUnavailableCancel: n }) {
+	let r = Kz();
 	switch (e.state) {
-		case "idle": return /* @__PURE__ */ I(zz, {
+		case "idle": return /* @__PURE__ */ I(Wz, {
 			text: t,
 			onStart: () => {
 				e.start();
@@ -33350,7 +33521,7 @@ function Hz({ flow: e, welcomeText: t, onUnavailableCancel: n }) {
 			isStarting: e.isStarting,
 			permissionRequest: e.permissionRequest
 		});
-		case "haircheck": return /* @__PURE__ */ I(Nz, {
+		case "haircheck": return /* @__PURE__ */ I(Rz, {
 			text: r,
 			onJoin: () => {
 				e.join();
@@ -33358,7 +33529,7 @@ function Hz({ flow: e, welcomeText: t, onUnavailableCancel: n }) {
 			onCancel: () => e.cancel(),
 			isJoining: e.isStarting
 		});
-		case "call": return /* @__PURE__ */ I(Az, { onLeave: () => e.leave() });
+		case "call": return /* @__PURE__ */ I(Fz, { onLeave: () => e.leave() });
 		case "ended": return /* @__PURE__ */ I(lS, {
 			isStarting: e.isStarting,
 			permissionRequest: e.permissionRequest,
@@ -33383,7 +33554,7 @@ function Hz({ flow: e, welcomeText: t, onUnavailableCancel: n }) {
 }
 //#endregion
 //#region ../core/src/shells/embed/embed-shell.tsx
-function Uz() {
+function Jz() {
 	let { config: e, configError: t } = Qv(), n = Vx(), r = zx(), i = P(() => ({ fallback_button: n.start_button }), [n.start_button]), a = e.value.is_available, o = e.value.unavailable_reason;
 	return /* @__PURE__ */ I(ub, { children: t.value ? /* @__PURE__ */ I(Rx, {
 		cause: "error",
@@ -33393,18 +33564,18 @@ function Uz() {
 		cause: o ?? "daily_limit",
 		canRetry: !1,
 		onRetry: () => {}
-	}) : /* @__PURE__ */ I(Hz, {
+	}) : /* @__PURE__ */ I(qz, {
 		flow: r,
 		welcomeText: i
 	}) });
 }
 //#endregion
 //#region ../core/src/embed/tavus-embed.tsx
-var Wz = ":host {\n  display: block;\n  /* Containing block for the captcha overlay, which is owned by a provider\n     above the shells and so has no positioned ancestor of its own. */\n  position: relative;\n  width: 100%;\n  height: 100%;\n  max-height: 100vh;\n  overflow: hidden;\n  background: transparent;\n  font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n}";
-function Gz(e) {
+var Yz = ":host {\n  display: block;\n  /* Containing block for the captcha overlay, which is owned by a provider\n     above the shells and so has no positioned ancestor of its own. */\n  position: relative;\n  width: 100%;\n  height: 100%;\n  max-height: 100vh;\n  overflow: hidden;\n  background: transparent;\n  font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n}";
+function Xz(e) {
 	return /* @__PURE__ */ I(k, { children: [
 		/* @__PURE__ */ I("style", { dangerouslySetInnerHTML: { __html: Ue } }),
-		/* @__PURE__ */ I("style", { dangerouslySetInnerHTML: { __html: Wz } }),
+		/* @__PURE__ */ I("style", { dangerouslySetInnerHTML: { __html: Yz } }),
 		/* @__PURE__ */ I(Mt, {
 			layout: e.layout,
 			"camera-on-start": e["camera-on-start"],
@@ -33418,14 +33589,14 @@ function Gz(e) {
 			token: e.token,
 			children: /* @__PURE__ */ I(ki, {
 				fallback: /* @__PURE__ */ I(cb, {}),
-				children: /* @__PURE__ */ I(ji, { children: /* @__PURE__ */ I(kv, { children: /* @__PURE__ */ I(Zv, { children: /* @__PURE__ */ I(hy, { children: /* @__PURE__ */ I(yy, { children: /* @__PURE__ */ I(xy, { children: /* @__PURE__ */ I($y, { children: /* @__PURE__ */ I(Uz, {}) }) }) }) }) }) }) })
+				children: /* @__PURE__ */ I(ji, { children: /* @__PURE__ */ I(kv, { children: /* @__PURE__ */ I(Zv, { children: /* @__PURE__ */ I(hy, { children: /* @__PURE__ */ I(yy, { children: /* @__PURE__ */ I(xy, { children: /* @__PURE__ */ I($y, { children: /* @__PURE__ */ I(Jz, {}) }) }) }) }) }) }) })
 			})
 		})
 	] });
 }
-var Kz;
-function qz() {
-	Kz ||= Fe(Gz, "tavus-embed", [
+var Zz;
+function Qz() {
+	Zz ||= Fe(Xz, "tavus-embed", [
 		"layout",
 		"camera-on-start",
 		"deployment-id",
@@ -33444,7 +33615,7 @@ function qz() {
 Ae(null), Tn("Widget");
 //#endregion
 //#region src/integration.ts
-var Jz = [
+var $z = [
 	"tavus:chat-message",
 	"tavus:conversation-ended",
 	"tavus:conversation-started",
@@ -33455,7 +33626,7 @@ var Jz = [
 	"tavus:ready",
 	"tavus:state-change",
 	"tavus:tool-call"
-], Yz = class {
+], eB = class {
 	element = null;
 	tagName;
 	constructor(e = "tavus-embed") {
@@ -33502,6 +33673,6 @@ var Jz = [
 };
 //#endregion
 //#region src/index.ts
-typeof window < "u" && qz();
+typeof window < "u" && Qz();
 //#endregion
-export { Jz as TAVUS_EVENT_NAMES, Yz as TavusIntegration };
+export { $z as TAVUS_EVENT_NAMES, eB as TavusIntegration };