@tavus/embed 0.19.1 → 0.19.3

package/dist/index.mjs

@@ -3101,7 +3101,7 @@ var jn = class extends Error {
 	}
 }, Mn = {
 	name: "@tavus/embed",
-	version: "0.19.1",
+	version: "0.19.3",
 	variant: "embed"
 }, Nn = /* @__PURE__ */ new Set([
 	"Error",
@@ -16376,7 +16376,7 @@ function tg({ children: e }) {
 			...r,
 			tavus: d,
 			open: s.expand,
-			close: s.collapse
+			close: s.close
 		} : {
 			...r,
 			tavus: d
@@ -25217,6 +25217,10 @@ var jM = {
 		componentOverrides: {}
 	},
 	content: { stackedAspect: 16 / 9 },
+	replica: {
+		maxAspect: 16 / 9,
+		landscapeMinAspect: 1
+	},
 	pip: {
 		gapPaddingPx: 24,
 		minWidthPx: 128,
@@ -25445,6 +25449,81 @@ var PM = {
 			}
 		]
 	},
+	"content-columns-compact": {
+		id: "content-columns-compact",
+		soloVariant: "content-solo",
+		regions: [
+			{
+				name: "replicaColumn",
+				x: { fraction: 0 },
+				y: { fraction: 0 },
+				width: { fraction: 1 / 3 },
+				height: { fraction: 1 },
+				accepts: ["replica", "selfView"],
+				zBase: 0
+			},
+			{
+				name: "contentStage",
+				x: { fraction: 1 / 3 },
+				y: { fraction: 0 },
+				width: { fraction: 2 / 3 },
+				height: { fraction: 1 },
+				accepts: ["content"],
+				zBase: 0
+			},
+			{
+				name: "pip",
+				x: { fraction: .02 },
+				y: { fraction: .76 },
+				width: { fraction: .2 },
+				height: { fraction: .2 },
+				accepts: ["selfView"],
+				zBase: 100
+			}
+		]
+	},
+	"content-sheet-columns": {
+		id: "content-sheet-columns",
+		soloVariant: "content-sheet-solo",
+		regions: [
+			{
+				name: "replicaColumn",
+				x: { fraction: 0 },
+				y: { fraction: 0 },
+				width: { fraction: 1 / 3 },
+				height: { fraction: 1 },
+				accepts: ["replica", "selfView"],
+				zBase: 0
+			},
+			{
+				name: "contentStage",
+				x: { fraction: 1 / 3 },
+				y: { fraction: 0 },
+				width: { fraction: 2 / 3 },
+				height: { fraction: 1 },
+				accepts: ["content"],
+				zBase: 0
+			},
+			{
+				name: "cardSheet",
+				x: { fraction: 1 / 3 },
+				y: { fraction: 0 },
+				width: { fraction: 2 / 3 },
+				height: { fraction: 1 },
+				accepts: ["card"],
+				zBase: 100
+			},
+			{
+				name: "pip",
+				x: { fraction: .02 },
+				y: { fraction: .76 },
+				width: { fraction: .2 },
+				height: { fraction: .2 },
+				accepts: ["selfView"],
+				zBase: 110
+			}
+		]
+	},
 	"content-stack": {
 		id: "content-stack",
 		soloVariant: "content-solo",
@@ -25670,6 +25749,39 @@ var PM = {
 			}
 		]
 	},
+	"canvas-takeover-columns-compact": {
+		id: "canvas-takeover-columns-compact",
+		soloVariant: "canvas-solo",
+		regions: [
+			{
+				name: "replicaColumn",
+				x: { fraction: 0 },
+				y: { fraction: 0 },
+				width: { fraction: 1 / 3 },
+				height: { fraction: 1 },
+				accepts: ["replica", "selfView"],
+				zBase: 0
+			},
+			{
+				name: "canvasStage",
+				x: { fraction: 1 / 3 },
+				y: { fraction: 0 },
+				width: { fraction: 2 / 3 },
+				height: { fraction: 1 },
+				accepts: ["card"],
+				zBase: 0
+			},
+			{
+				name: "pip",
+				x: { fraction: .02 },
+				y: { fraction: .78 },
+				width: { fraction: .18 },
+				height: { fraction: .18 },
+				accepts: ["selfView"],
+				zBase: 100
+			}
+		]
+	},
 	"canvas-takeover-strip": {
 		id: "canvas-takeover-strip",
 		soloVariant: "canvas-solo",
@@ -25898,7 +26010,7 @@ var PM = {
 	"content-focus": {
 		compact: {
 			stacked: "content-stack-compact",
-			"side-by-side": "content-stack-compact"
+			"side-by-side": "content-columns-compact"
 		},
 		medium: {
 			stacked: "content-stack",
@@ -25912,7 +26024,7 @@ var PM = {
 	"content-plus-canvas": {
 		compact: {
 			stacked: "content-sheet-compact",
-			"side-by-side": "content-sheet-compact"
+			"side-by-side": "content-sheet-columns"
 		},
 		medium: {
 			stacked: "content-stack-canvas",
@@ -25926,7 +26038,7 @@ var PM = {
 	"canvas-dominant": {
 		compact: {
 			stacked: "canvas-takeover-strip",
-			"side-by-side": "canvas-takeover-strip"
+			"side-by-side": "canvas-takeover-columns-compact"
 		},
 		medium: {
 			stacked: "canvas-takeover-strip",
@@ -26151,21 +26263,28 @@ function $M(e, t) {
 	};
 }
 function eN(e, t, n) {
-	return e === "canvas-dominant" && t.width === "compact" ? n.eviction.compactTakeoverMaxCards : n.eviction.maxVisibleCards;
+	let r = Math.round(e.rail.widthPx);
+	return n > 0 ? Math.max(0, r - $M(e, t).cardsPad) : r;
 }
 function tN(e, t, n) {
+	return e === "canvas-dominant" && t.width === "compact" ? n.eviction.compactTakeoverMaxCards : n.eviction.maxVisibleCards;
+}
+function nN(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 nN(e, t, n, r, i, a) {
-	let o = i ?? $M(n, r).cardsPad, s = Math.round(a ?? n.rail.widthPx), c = Math.max(1, Math.min(t - 2 * o, s - 2 * o));
+function rN(e, t, n, r, i, a) {
+	let o = $M(n, r).cardsPad, { left: s, right: c } = i ?? {
+		left: o,
+		right: o
+	}, l = Math.round(a ?? n.rail.widthPx), u = Math.max(1, Math.min(t - s - c, l - s - c));
 	return {
-		innerW: c,
+		innerW: u,
 		entries: e.map((e) => {
 			let t = WM(e.component, {
 				...e.contentOpts,
 				naturalHeightPx: e.naturalHeightPx,
-				widthPx: c,
+				widthPx: u,
 				coldDefaultHeightPx: n.card.coldDefaultHeightPx
 			}, n.card.componentOverrides);
 			return {
@@ -26176,14 +26295,22 @@ function nN(e, t, n, r, i, a) {
 		})
 	};
 }
-function rN(e, t) {
+var iN = (e) => e.accepts.includes("replica") && e.accepts.includes("selfView");
+function aN(e, t, n, r, i) {
+	let a = (e, t) => Math.abs(e - t) <= 1, o = e.x + e.width, s = (e, r, i) => n > 0 && a(e, r) || t.some((t) => iN(t.region) && a(i(t.rect), e));
+	return {
+		left: s(e.x, n, (e) => e.x + e.width) ? 0 : i,
+		right: s(o, r - n, (e) => e.x) ? 0 : i
+	};
+}
+function oN(e, t) {
 	return "fraction" in e ? e.fraction * t : e.px >= 0 ? e.px : t + e.px;
 }
-function iN(e, t, n, r) {
+function sN(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 aN(e, t, n, r, i, a) {
-	let o = n === "x" ? t.width : t.height, s = [...e].sort((e, t) => rN(n === "x" ? e.x : e.y, o) - rN(n === "x" ? t.x : t.y, o)), c = s.map((e) => n === "x" ? iN(e, e.width, r, "width") : e.height), l = 0, u = 0;
+function cN(e, t, n, r, i, a) {
+	let o = n === "x" ? t.width : t.height, s = [...e].sort((e, t) => oN(n === "x" ? e.x : e.y, o) - oN(n === "x" ? t.x : t.y, o)), c = s.map((e) => n === "x" ? sN(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) {
@@ -26216,25 +26343,29 @@ function aN(e, t, n, r, i, a) {
 	let _ = [0], v = 0;
 	for (let e of f) v += e, _.push(QM(Math.round(v), 0, o));
 	return s.map((e, r) => {
-		let i = _[r] ?? 0, a = _[r + 1] ?? i;
+		let i = _[r] ?? 0, o = _[r + 1] ?? i;
+		if (n === "y" && a !== void 0 && e.accepts.includes("replica")) {
+			let e = r > 0 ? a.replicaGapPx : 0, t = r < s.length - 1 ? a.replicaGapPx : 0;
+			o - i - e - t >= 48 && (i += e, o -= t);
+		}
 		return {
 			region: e,
 			rect: n === "x" ? {
 				x: i,
 				y: 0,
-				width: a - i,
+				width: o - i,
 				height: t.height
 			} : {
 				x: 0,
 				y: i,
 				width: t.width,
-				height: a - i
+				height: o - i
 			}
 		};
 	});
 }
-function oN(e, t, n) {
-	let r = t.width, i = t.height, a = iN(e, e.width, n, "width"), o = iN(e, e.x, n, "x"), s = QM(Math.round(rN(o, r)), 0, r), c = QM(Math.round(rN(e.y, i)), 0, i);
+function lN(e, t, n) {
+	let r = t.width, i = t.height, a = sN(e, e.width, n, "width"), o = sN(e, e.x, n, "x"), s = QM(Math.round(oN(o, r)), 0, r), c = QM(Math.round(oN(e.y, i)), 0, i);
 	return {
 		x: s,
 		y: c,
@@ -26242,37 +26373,43 @@ function oN(e, t, n) {
 		height: QM(Math.round("fraction" in e.height ? e.height.fraction * i : e.height.px), 0, i - c)
 	};
 }
-function sN(e, t, n, r, i) {
+function uN(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)) ? aN(a, t, "x", n) : a.length > 1 && a.every((e) => o(e.width)) ? aN(a, t, "y", n, r, i) : a.map((e) => ({
+	return a.length > 1 && a.every((e) => o(e.height)) ? cN(a, t, "x", n) : a.length > 1 && a.every((e) => o(e.width)) ? cN(a, t, "y", n, r, i) : a.map((e) => ({
 		region: e,
-		rect: oN(e, t, n)
+		rect: lN(e, t, n)
 	}));
 }
-function cN(e, t, n, r, i, a, o, s, c, l, u) {
+function dN(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 } = nN(tN(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 } = $M(c, l), _ = rN(f.y, i.height), v = d.every((e) => rN(e.y, i.height) <= _) ? Math.max(0, o - s) : 0, y = h > 0;
+	let { innerW: p, entries: m } = rN(nN(r.cards, u, c.eviction.policy), i.width, c, l, s > 0 ? {
+		left: 0,
+		right: 0
+	} : void 0, c.card.stackMaxWidthPx), h = m.reduce((e, t) => t.constraints.minWidthPx > p ? e : Math.max(e, t.clampedHeightPx), 0), { cardsPad: g } = $M(c, l), _ = oN(f.y, i.height), v = d.every((e) => oN(e.y, i.height) <= _) ? Math.max(0, o - s) : 0, y = h > 0;
 	return {
 		neededPx: h + 2 * g + v,
 		capPx: Math.round(c.card.stackBandMaxFraction * a.height),
 		...y && { shrinkToContent: y }
 	};
 }
-function lN(e, t, n, r) {
+function fN(e, t, n, r, i) {
 	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;
-	let a = i.some((e) => e.accepts.includes("content") && "fraction" in e.height), o = i.some((e) => e.accepts.includes("replica") && "fraction" in e.height);
-	if (!a || !o) return;
-	let s = r.content.stackedAspect;
-	if (!(!Number.isFinite(s) || s <= 0)) return { maxPx: Math.round(n.width / s) };
-}
-var uN = "bottom-left";
-function dN(e, t, n) {
+	let a = e.regions.filter((e) => e.zBase < 100);
+	if (!(a.length > 1 && a.every((e) => "fraction" in e.width && e.width.fraction === 1))) return;
+	let o = a.some((e) => e.accepts.includes("content") && "fraction" in e.height), s = a.some((e) => e.accepts.includes("replica") && "fraction" in e.height);
+	if (!o || !s) return;
+	let c = i.content.stackedAspect;
+	if (!(!Number.isFinite(c) || c <= 0)) return {
+		maxPx: Math.round(n.width / c),
+		replicaGapPx: r
+	};
+}
+var pN = "bottom-left";
+function mN(e, t, n) {
 	let r = e.statusStrip;
 	if (r === void 0) return null;
 	let i = QM(Math.round(r.heightPx ?? 48), 0, 160), a = e.callControlsRect, o = Math.min(Math.max(Math.round(a?.width ?? 0), 448), t.width - 32);
@@ -26285,12 +26422,12 @@ function dN(e, t, n) {
 		height: i
 	};
 }
-function fN(e, t, n, r, i, a) {
+function hN(e, t, n, r, i, a) {
 	return e.x < 0 || e.width <= 0 || e.height <= 0 || e.x + e.width > n.width || e.y + e.height > n.height || e.y < 48 ? !1 : t.every((e) => r && e.region.accepts.includes("content") ? e.rect.height >= 48 : i && e.region.accepts.includes("card") ? e.rect.height >= a.card.reportedHeightFloorPx : !0);
 }
-var pN = (e, t) => e.x < t.x + t.width && e.x + e.width > t.x;
-function mN(e, t, n) {
-	return t === null || !pN(e.rect, t) ? e : {
+var gN = (e, t) => e.x < t.x + t.width && e.x + e.width > t.x;
+function _N(e, t, n) {
+	return t === null || !gN(e.rect, t) ? e : {
 		...e,
 		rect: {
 			...e.rect,
@@ -26298,7 +26435,7 @@ function mN(e, t, n) {
 		}
 	};
 }
-function hN(e, t, n, r, i) {
+function vN(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),
@@ -26307,20 +26444,40 @@ function hN(e, t, n, r, i) {
 		height: i
 	};
 }
-function gN(e, t, n, r) {
+function yN(e, t, n) {
+	let { maxAspect: r, landscapeMinAspect: i } = n.replica;
+	if (e.width - e.height * r > 1) {
+		let t = Math.max(Math.min(48, e.width), Math.round(e.height * r));
+		return {
+			...e,
+			x: e.x + Math.round((e.width - t) / 2),
+			width: t
+		};
+	}
+	if (t && e.height - e.width / i > 1) {
+		let t = Math.max(Math.min(48, e.height), Math.round(e.width / i));
+		return {
+			...e,
+			y: e.y + Math.round((e.height - t) / 2),
+			height: t
+		};
+	}
+	return e;
+}
+function bN(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 _N(e, t, n) {
+function xN(e, t, n) {
 	return t === null || !YM(e, t) ? e : {
 		...e,
 		y: Math.round(t.y) - n - e.height
 	};
 }
-function vN(e) {
+function SN(e) {
 	if (typeof e != "object" || !e) return !1;
 	let t = e;
 	return [
@@ -26330,17 +26487,17 @@ function vN(e) {
 		"height"
 	].every((e) => typeof t[e] == "number" && Number.isFinite(t[e]));
 }
-function yN(e, t, n) {
+function CN(e, t, n) {
 	let r = e;
-	for (let e of t.filter(vN).sort((e, t) => t.y - e.y)) r = _N(r, e, n);
+	for (let e of t.filter(SN).sort((e, t) => t.y - e.y)) r = xN(r, e, n);
 	return r;
 }
-function bN(e, t, n) {
+function wN(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 xN(e, t, n, r, i, a) {
+function TN(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 ? $M(a, r.width).surfacePad : 0, f = {
 		width: Math.max(0, i.width - 2 * d),
 		height: Math.max(0, i.height - 2 * d)
@@ -26349,56 +26506,65 @@ function xN(e, t, n, r, i, a) {
 		y: s,
 		width: i.width,
 		height: o
-	} : null), m = sN(e, f, a, cN(e, t.state, t.contentKind, n, f, i, o, d, a, r.width, eN(t.state, r, a)), lN(e, t.contentKind, f, a)).map((e) => ({
+	} : null), m = dN(e, t.state, t.contentKind, n, f, i, o, d, a, r.width, tN(t.state, r, a)), h = fN(e, t.contentKind, f, d, a), g = uN(e, f, {
+		...a,
+		rail: {
+			...a.rail,
+			widthPx: eN(a, r.width, d)
+		}
+	}, m, h).map((e) => ({
 		...e,
 		rect: {
 			...e.rect,
 			x: e.rect.x + d,
 			y: e.rect.y + d
 		}
-	})), h = t.contentKind !== null, g = (e) => m.map((t) => {
+	})), _ = t.contentKind !== null, v = (e) => g.map((t) => {
 		let n = t.region.accepts.includes("card");
-		if (!n && !(h && t.region.accepts.includes("content"))) return t;
-		let r = n ? mN(t, p, s) : t;
-		return e === null ? r : mN(r, e, e.y - 8);
-	}), _ = dN(n, i, s), v = g(_);
-	return _ !== null && !fN(_, v, i, h, n.cards.length > 0, a) && (_ = null, v = g(null)), {
-		regions: v,
+		if (!n && !(_ && t.region.accepts.includes("content"))) return t;
+		let r = n ? _N(t, p, s) : t;
+		return e === null ? r : _N(r, e, e.y - 8);
+	}), y = mN(n, i, s), b = v(y);
+	return y !== null && !hN(y, b, i, _, n.cards.length > 0, a) && (y = null, b = v(null)), {
+		regions: b,
 		surfacePad: d,
 		controlsInset: o,
 		bandTopY: s,
-		statusStrip: _
+		statusStrip: y
 	};
 }
-function SN(e, t, n, r, i, a) {
-	let o = n.selfView && n.prefs.hideSelfView !== !0, { regions: s, surfacePad: c, controlsInset: l, bandTopY: u, statusStrip: d } = xN(t, e, n, r, i, a), f = n.statusStrip !== void 0, p = s.find((e) => e.region.accepts.includes("replica")), m = s.find((e) => e.region.accepts.includes("content")), h = s.find((e) => e.region.accepts.includes("card")), g = t.regions.find((e) => e.zBase >= 100 && e.accepts.includes("selfView")), _ = t.regions.find((e) => e.zBase >= 100 && e.accepts.includes("card")), v = Math.round(a.rail.gutterPx), y = Math.round(a.pip.gapPaddingPx), b = [...n.cards].sort((e, t) => e.dispatchSeq - t.dispatchSeq), x = eN(e.state, r, a), S = h ? tN(n.cards, x, a.eviction.policy) : _ === void 0 ? [] : tN(n.cards, 1, a.eviction.policy), C = (s) => {
-		let x = {
+function EN(e, t, n, r, i, a) {
+	let o = n.selfView && n.prefs.hideSelfView !== !0, { regions: s, surfacePad: c, controlsInset: l, bandTopY: u, statusStrip: d } = TN(t, e, n, r, i, a), f = n.statusStrip !== void 0, p = s.find((e) => e.region.accepts.includes("replica")), m = s.find((e) => e.region.accepts.includes("content")), h = s.find((e) => e.region.accepts.includes("card")), g = t.regions.find((e) => e.zBase >= 100 && e.accepts.includes("selfView")), _ = t.regions.find((e) => e.zBase >= 100 && e.accepts.includes("card")), v = Math.round(a.rail.gutterPx), y = Math.round(a.pip.gapPaddingPx), b = (r.composition ?? NM({
+		widthPx: i.width,
+		heightPx: i.height
+	}, a).composition) === "side-by-side", x = [...n.cards].sort((e, t) => e.dispatchSeq - t.dispatchSeq), S = tN(e.state, r, a), C = h ? nN(n.cards, S, a.eviction.policy) : _ === void 0 ? [] : nN(n.cards, 1, a.eviction.policy), w = (S) => {
+		let w = {
 			evictedCardIds: [],
 			selfViewDropped: !1,
 			replicaCollapsed: !1,
 			...f && { statusStripDropped: d === null }
-		}, C = [], w = null, T = !1, E = p !== void 0 && p.region.accepts.includes("selfView");
-		if (p && E && (n.replica || o)) {
-			let e = p.rect, t = o && !s.selfViewDropped;
-			o && s.selfViewDropped && (x.selfViewDropped = !0);
-			let r = +!!n.replica + +!!t, i = Math.round(a.insets.participantsPadPx), c = Math.max(1, e.width - 2 * i), l = Math.round(c * 9 / 16), u = (e) => r * e + (r - 1) * i;
-			u(l) > e.height && (l = Math.max(1, Math.floor((e.height - (r - 1) * i) / r)), c = Math.min(Math.max(1, e.width - 2 * i), Math.round(l * 16 / 9))), l = Math.max(l, Math.min(48, e.height)), c = Math.max(c, Math.min(48, e.width));
-			let d = e.x + Math.round((e.width - c) / 2), f = e.y + Math.round((e.height - u(l)) / 2);
+		}, T = [], E = null, D = !1, ee = p !== void 0 && p.region.accepts.includes("selfView");
+		if (p && ee && (n.replica || o)) {
+			let e = p.rect, t = o && !S.selfViewDropped;
+			o && S.selfViewDropped && (w.selfViewDropped = !0);
+			let r = +!!n.replica + +!!t, s = Math.round(a.insets.participantsPadPx), l = e.x <= c + 1 ? 0 : s, u = e.x + e.width >= i.width - c - 1 ? 0 : s, d = Math.max(1, e.width - l - u), f = d, m = Math.round(f * 9 / 16), h = (e) => r * e + (r - 1) * s;
+			h(m) > e.height && (m = Math.max(1, Math.floor((e.height - (r - 1) * s) / r)), f = Math.min(d, Math.round(m * 16 / 9))), m = Math.max(m, Math.min(48, e.height)), f = Math.max(f, Math.min(48, e.width));
+			let g = e.x + l + Math.round((d - f) / 2), _ = e.y + Math.round((e.height - h(m)) / 2);
 			if (n.replica) {
 				let e = {
-					x: d,
-					y: f,
-					width: c,
-					height: l
+					x: g,
+					y: _,
+					width: f,
+					height: m
 				};
-				if (s.replicaCollapsed) {
-					let t = Math.min(l, Math.max(64, Math.round(l * .25)));
+				if (S.replicaCollapsed) {
+					let t = Math.min(m, Math.max(64, Math.round(m * .25)));
 					e = {
 						...e,
 						height: t
-					}, x.replicaCollapsed = !0;
+					}, w.replicaCollapsed = !0;
 				}
-				w = {
+				e = yN(e, b, a), E = {
 					id: "replica",
 					kind: "replica",
 					rect: e,
@@ -26406,31 +26572,32 @@ function SN(e, t, n, r, i, a) {
 					order: p.region.zBase,
 					fit: { kind: "natural" },
 					region: p.region.name
-				}, C.push(w), f += l + i;
+				}, T.push(E), _ += m + s;
 			}
-			t && (C.push({
+			t && (T.push({
 				id: "selfView",
 				kind: "selfView",
 				rect: {
-					x: d,
-					y: f,
-					width: c,
-					height: l
+					x: g,
+					y: _,
+					width: f,
+					height: m
 				},
 				layer: "grid",
 				order: p.region.zBase,
 				fit: { kind: "natural" },
 				region: p.region.name
-			}), T = !0);
+			}), D = !0);
 		} else if (p && (n.replica || o)) {
 			let e = !n.replica, t = p.rect;
-			if (!e && s.replicaCollapsed) {
+			if (!e && S.replicaCollapsed) {
 				let e = Math.min(t.height, Math.max(64, Math.round(t.height * .25)));
 				t = {
 					...t,
 					height: e
-				}, x.replicaCollapsed = !0;
+				}, w.replicaCollapsed = !0;
 			}
+			e || (t = yN(t, b, a));
 			let r = {
 				id: e ? "selfView" : "replica",
 				kind: e ? "selfView" : "replica",
@@ -26440,9 +26607,9 @@ function SN(e, t, n, r, i, a) {
 				fit: { kind: "natural" },
 				region: p.region.name
 			};
-			C.push(r), e ? T = !0 : w = r;
+			T.push(r), e ? D = !0 : E = r;
 		}
-		e.contentKind !== null && m && C.push({
+		e.contentKind !== null && m && T.push({
 			id: "content",
 			kind: "content",
 			rect: m.rect,
@@ -26451,51 +26618,51 @@ function SN(e, t, n, r, i, a) {
 			fit: { kind: "natural" },
 			region: m.region.name
 		});
-		let D = bN(S, s.extraEvictions, a.eviction.policy), ee = new Set(D.map((e) => e.id));
-		if (x.evictedCardIds = b.filter((e) => !ee.has(e.id)).map((e) => e.id), h && D.length > 0) {
-			let e = h.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 } = nN(D, 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 - v * (s.length - 1), u = s.reduce((e, t) => e + t.clampedHeightPx, 0), d;
-			if (u <= l) d = s.map((e) => e.clampedHeightPx);
+		let O = wN(C, S.extraEvictions, a.eviction.policy), te = new Set(O.map((e) => e.id));
+		if (w.evictedCardIds = x.filter((e) => !te.has(e.id)).map((e) => e.id), h && O.length > 0) {
+			let n = h.rect, o = t.regions.filter((e) => e.zBase < 100), l = o.length > 1 && o.every((e) => "fraction" in e.width && e.width.fraction === 1), u = aN(n, s, c, i.width, $M(a, r.width).cardsPad), { innerW: d, entries: f } = rN(O, n.width, a, r.width, u, l || e.state === "canvas-dominant" && o.length > 1 ? a.card.stackMaxWidthPx : eN(a, r.width, c)), p = n.x + u.left + Math.round((n.width - u.left - u.right - d) / 2), m = n.height - v * (f.length - 1), g = f.reduce((e, t) => e + t.clampedHeightPx, 0), _;
+			if (g <= m) _ = f.map((e) => e.clampedHeightPx);
 			else {
-				let e = l > 0 ? l / u : 0;
-				d = s.map((t) => Math.max(a.card.reportedHeightFloorPx, Math.floor(t.clampedHeightPx * e)));
-				let t = d.reduce((e, t) => e + t, 0) - Math.max(0, l);
+				let e = m > 0 ? m / g : 0;
+				_ = f.map((t) => Math.max(a.card.reportedHeightFloorPx, Math.floor(t.clampedHeightPx * e)));
+				let t = _.reduce((e, t) => e + t, 0) - Math.max(0, m);
 				for (; t > 0;) {
 					let e = -1;
-					for (let t = 0; t < d.length; t++) {
-						let n = d[t] ?? 0;
-						n > a.card.reportedHeightFloorPx && (e === -1 || n > (d[e] ?? 0)) && (e = t);
+					for (let t = 0; t < _.length; t++) {
+						let n = _[t] ?? 0;
+						n > a.card.reportedHeightFloorPx && (e === -1 || n > (_[e] ?? 0)) && (e = t);
 					}
 					if (e === -1) break;
-					d[e] = (d[e] ?? 0) - 1, --t;
+					_[e] = (_[e] ?? 0) - 1, --t;
 				}
 			}
-			let f = d.reduce((e, t) => e + t, 0) + v * (s.length - 1), p = e.y + Math.max(0, Math.round((e.height - f) / 2));
-			s.forEach((t, n) => {
-				let r = Math.min(p, e.y + e.height), i = Math.max(0, Math.min(d[n] ?? 0, e.y + e.height - r)), s = JM(t.clampedHeightPx, i, a), l = t.constraints.hardMinHeightPx;
-				l !== void 0 && i < l && s.kind !== "scroll" && (s = { kind: "scroll" }), C.push({
-					id: t.card.id,
+			let y = _.reduce((e, t) => e + t, 0) + v * (f.length - 1), b = n.y + Math.max(0, Math.round((n.height - y) / 2));
+			f.forEach((e, t) => {
+				let r = Math.min(b, n.y + n.height), i = Math.max(0, Math.min(_[t] ?? 0, n.y + n.height - r)), o = JM(e.clampedHeightPx, i, a), s = e.constraints.hardMinHeightPx;
+				s !== void 0 && i < s && o.kind !== "scroll" && (o = { kind: "scroll" }), T.push({
+					id: e.card.id,
 					kind: "card",
-					component: t.card.component,
-					cardSizeClass: t.constraints.sizeClass,
+					component: e.card.component,
+					cardSizeClass: e.constraints.sizeClass,
 					rect: {
-						x: c,
+						x: p,
 						y: r,
-						width: o,
+						width: d,
 						height: i
 					},
 					layer: "grid",
-					order: h.region.zBase + n,
-					fit: s,
+					order: h.region.zBase + t,
+					fit: o,
 					region: h.region.name
-				}), p = r + i + v;
+				}), b = r + i + v;
 			});
 		}
-		let O = null;
-		if (h === void 0 && _ !== void 0 && D.length > 0) {
+		let k = null;
+		if (h === void 0 && _ !== void 0 && O.length > 0) {
 			let e = {
 				width: Math.max(0, i.width - 2 * c),
 				height: Math.max(0, i.height - 2 * c)
-			}, t = oN(_, e, a), o = _.sheetAnchor === "bottom", s = $M(a, r.width).cardsPad, l = o ? Math.min(u, n.callControlsRect?.y ?? u) - s : u, f = t.x + c, p = d !== null && pN({
+			}, t = lN(_, e, a), o = _.sheetAnchor === "bottom", s = $M(a, r.width).cardsPad, l = o ? Math.min(u, n.callControlsRect?.y ?? u) - s : u, f = t.x + c, p = d !== null && gN({
 				...t,
 				x: f
 			}, d) ? d.y - 8 : l, m = Math.min(l, p), h = {
@@ -26503,12 +26670,18 @@ function SN(e, t, n, r, i, a) {
 				y: t.y + c,
 				width: t.width,
 				height: Math.max(0, Math.min(t.height, m - (t.y + c)))
-			}, { innerW: g, entries: v } = nN(D, h.width, a, r.width, o ? s : 0, a.card.stackMaxWidthPx), y = v[0];
+			}, { innerW: g, entries: v } = rN(O, h.width, a, r.width, o ? {
+				left: s,
+				right: s
+			} : {
+				left: 0,
+				right: 0
+			}, a.card.stackMaxWidthPx), y = v[0];
 			if (y !== void 0) {
 				let e = h.x + Math.round((h.width - g) / 2), t = Math.max(0, Math.min(y.clampedHeightPx, h.height)), n = JM(y.clampedHeightPx, t, a);
 				o && y.constraints.naturalHeightPx > t && (n = { kind: "scroll" });
 				let r = y.constraints.hardMinHeightPx;
-				r !== void 0 && t < r && n.kind !== "scroll" && (n = { kind: "scroll" }), O = {
+				r !== void 0 && t < r && n.kind !== "scroll" && (n = { kind: "scroll" }), k = {
 					id: y.card.id,
 					kind: "card",
 					component: y.card.component,
@@ -26525,26 +26698,26 @@ function SN(e, t, n, r, i, a) {
 					region: _.name,
 					sheet: !0,
 					...o && { sheetAnchor: "bottom" }
-				}, C.push(O);
+				}, T.push(k);
 			}
 		}
-		if (!T) {
-			if (o && s.selfViewDropped) x.selfViewDropped = !0;
+		if (!D) {
+			if (o && S.selfViewDropped) w.selfViewDropped = !0;
 			else if (o) {
-				let t = e.suppressedPrefs.includes("pipCorner") ? uN : n.prefs.pipCorner ?? "bottom-left", o = n.callControlsVisible === !1 ? null : n.callControlsRect ?? (l > 0 ? {
+				let t = e.suppressedPrefs.includes("pipCorner") ? pN : n.prefs.pipCorner ?? "bottom-left", o = n.callControlsVisible === !1 ? null : n.callControlsRect ?? (l > 0 ? {
 					x: 0,
 					y: u,
 					width: i.width,
 					height: l
 				} : null), s = [
 					...o === null ? [] : [o],
-					...O === null ? [] : [O.rect],
+					...k === null ? [] : [k.rect],
 					...d === null ? [] : [d],
 					...n.chromeObstacles ?? []
 				];
-				if (w) {
-					let e = w.rect, n = gN(e, y, a, r.width === "compact"), i = n === null ? null : hN(e, t, y, n.w, n.h), o = i === null ? null : yN(i, s, y), c = n !== null && o !== null && o.y >= e.y && n.w + y <= e.width && n.h + y <= 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 ? C.push({
+				if (E) {
+					let e = E.rect, n = bN(e, y, a, r.width === "compact"), i = n === null ? null : vN(e, t, y, n.w, n.h), o = i === null ? null : CN(i, s, y), c = n !== null && o !== null && o.y >= e.y && n.w + y <= e.width && n.h + y <= 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 ? T.push({
 						id: "selfView",
 						kind: "selfView",
 						rect: o,
@@ -26552,15 +26725,15 @@ function SN(e, t, n, r, i, a) {
 						order: g?.zBase ?? 100,
 						fit: { kind: "natural" },
 						region: g?.name ?? "pip"
-					}) : x.selfViewDropped = !0;
+					}) : w.selfViewDropped = !0;
 				} else {
 					let e = a.pip.minWidthPx, n = r.width === "compact" ? e : Math.round(e * 9 / 16), o = {
 						x: 0,
 						y: 0,
 						width: i.width,
 						height: i.height
-					}, c = yN(hN(o, t, y, e, n), s, y), l = c.y >= 0 && e + y <= o.width && n + y <= o.height, u = C.some((e) => (e.kind === "content" || e.kind === "card") && YM(e.rect, c));
-					l && !u ? C.push({
+					}, c = CN(vN(o, t, y, e, n), s, y), l = c.y >= 0 && e + y <= o.width && n + y <= o.height, u = T.some((e) => (e.kind === "content" || e.kind === "card") && YM(e.rect, c));
+					l && !u ? T.push({
 						id: "selfView",
 						kind: "selfView",
 						rect: c,
@@ -26568,45 +26741,45 @@ function SN(e, t, n, r, i, a) {
 						order: g?.zBase ?? 100,
 						fit: { kind: "natural" },
 						region: g?.name ?? "pip"
-					}) : x.selfViewDropped = !0;
+					}) : w.selfViewDropped = !0;
 				}
 			}
 		}
 		return {
-			tiles: C,
-			degradations: x,
+			tiles: T,
+			degradations: w,
 			statusStrip: d
 		};
-	}, w = {
+	}, T = {
 		extraEvictions: 0,
 		selfViewDropped: !1,
 		replicaCollapsed: !1
-	}, T = C(w), E = ZM(T.tiles, i, a, d);
+	}, E = w(T), D = ZM(E.tiles, i, a, d);
 	for (let e of a.degradationLadder) {
-		if (E.length === 0) break;
-		if (e === "evict-cards") for (; E.length > 0 && w.extraEvictions < S.length;) w = {
-			...w,
-			extraEvictions: w.extraEvictions + 1
-		}, T = C(w), E = ZM(T.tiles, i, a, d);
-		else e === "drop-self-view" ? T.tiles.some((e) => e.kind === "selfView") && (w = {
-			...w,
+		if (D.length === 0) break;
+		if (e === "evict-cards") for (; D.length > 0 && T.extraEvictions < C.length;) T = {
+			...T,
+			extraEvictions: T.extraEvictions + 1
+		}, E = w(T), D = ZM(E.tiles, i, a, d);
+		else e === "drop-self-view" ? E.tiles.some((e) => e.kind === "selfView") && (T = {
+			...T,
 			selfViewDropped: !0
-		}, T = C(w), E = ZM(T.tiles, i, a, d)) : e === "collapse-replica" && !w.replicaCollapsed && T.tiles.some((e) => e.kind === "replica") && (w = {
-			...w,
+		}, E = w(T), D = ZM(E.tiles, i, a, d)) : e === "collapse-replica" && !T.replicaCollapsed && E.tiles.some((e) => e.kind === "replica") && (T = {
+			...T,
 			replicaCollapsed: !0
-		}, T = C(w), E = ZM(T.tiles, i, a, d));
+		}, E = w(T), D = ZM(E.tiles, i, a, d));
 	}
-	return T;
+	return E;
 }
 //#endregion
 //#region ../../node_modules/@tavus-engineering/magic-grid-core/dist/resolveCore.js
-function CN(e) {
+function DN(e) {
 	if (e !== void 0 && e.length !== 0) return {
 		...PM,
 		...Object.fromEntries(e.map((e) => [e.id, e]))
 	};
 }
-function wN(e, t, n, r) {
+function ON(e, t, n, r) {
 	let i = e.callControlsRect, a = i === void 0 ? e : {
 		...e,
 		callControlsRect: {
@@ -26618,7 +26791,7 @@ function wN(e, t, n, r) {
 	}, o = {
 		width: Math.max(0, Math.round(a.container.widthPx)),
 		height: Math.max(0, Math.round(a.container.heightPx))
-	}, s = RM(a, t, n), c = a.replica || a.selfView && a.prefs.hideSelfView !== !0, l = LM(s.state, t, CN(r?.templates), void 0, c, a.kioskMode === !0), { tiles: u, degradations: d, statusStrip: f } = SN(s, l, a, t, o, n);
+	}, s = RM(a, t, n), c = a.replica || a.selfView && a.prefs.hideSelfView !== !0, l = LM(s.state, t, DN(r?.templates), void 0, c, a.kioskMode === !0), { tiles: u, degradations: d, statusStrip: f } = EN(s, l, a, t, o, n);
 	return {
 		state: s.state,
 		sizeClass: t,
@@ -26632,32 +26805,32 @@ function wN(e, t, n, r) {
 }
 //#endregion
 //#region ../../node_modules/@tavus-engineering/magic-grid-core/dist/transitions.js
-var TN = {
+var kN = {
 	compact: 0,
 	medium: 1,
 	expanded: 2
 };
-function EN(e, t) {
+function AN(e, t) {
 	return e.width === t.width && e.height === t.height && e.composition === t.composition;
 }
-function DN(e, t, n, r, i) {
+function jN(e, t, n, r, i) {
 	let a = e.committedClass;
 	if (a === null || a.composition === void 0) return {
 		committedClass: t,
 		pendingClass: null,
 		pendingSinceMs: null
 	};
-	if (EN(t, a)) return {
+	if (AN(t, a)) return {
 		committedClass: a,
 		pendingClass: null,
 		pendingSinceMs: null
 	};
-	let o = Math.abs(TN[t.width] - TN[a.width]), s = e.lastResolution?.containerPx;
+	let o = Math.abs(kN[t.width] - kN[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 && EN(e.pendingClass, t) ? r - e.pendingSinceMs >= i.hysteresis.windowMs ? {
+	} : e.pendingClass !== null && e.pendingSinceMs !== null && AN(e.pendingClass, t) ? r - e.pendingSinceMs >= i.hysteresis.windowMs ? {
 		committedClass: t,
 		pendingClass: null,
 		pendingSinceMs: null
@@ -26671,15 +26844,15 @@ function DN(e, t, n, r, i) {
 		pendingSinceMs: r
 	};
 }
-var ON = (e, t) => e < t ? -1 : +(e > t);
-function kN(e, t) {
+var MN = (e, t) => e < t ? -1 : +(e > t);
+function NN(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(ON)) r.has(e) || i.push({
+	for (let e of [...n.keys()].sort(MN)) r.has(e) || i.push({
 		type: "exit",
 		tileId: e
 	});
 	let a = [], o = [], s = [];
-	for (let e of [...r.keys()].sort(ON)) {
+	for (let e of [...r.keys()].sort(MN)) {
 		let t = n.get(e);
 		if (t === void 0) {
 			a.push({
@@ -26721,11 +26894,11 @@ function kN(e, t) {
 		...s
 	];
 }
-function AN(e, t, n, r, i) {
-	let a = DN(e, NM(t.container, r), t.container, n, r), o = wN(t, a.committedClass, r, i);
+function PN(e, t, n, r, i) {
+	let a = jN(e, NM(t.container, r), t.container, n, r), o = ON(t, a.committedClass, r, i);
 	return {
 		resolution: o,
-		transitions: kN(e.lastResolution, o),
+		transitions: NN(e.lastResolution, o),
 		nextState: {
 			committedClass: a.committedClass,
 			pendingClass: a.pendingClass,
@@ -26736,26 +26909,26 @@ function AN(e, t, n, r, i) {
 }
 //#endregion
 //#region ../../node_modules/@tavus-engineering/magic-grid-core/dist/index.js
-var jN = "0.1.14", MN = jM, NN = (() => {
+var FN = "0.1.16", IN = jM, LN = (() => {
 	try {
 		return new URLSearchParams(globalThis.location?.search ?? "").get("grid_enabled") === "1";
 	} catch {
 		return !1;
 	}
-})(), PN = (() => {
+})(), RN = (() => {
 	try {
 		return new URLSearchParams(globalThis.location?.search ?? "").get("grid_debug") === "1";
 	} catch {
 		return !1;
 	}
 })();
-function FN(e, t) {
-	return NN || e === !0 || t === !0;
+function zN(e, t) {
+	return LN || e === !0 || t === !0;
 }
-function IN(e = globalThis.location?.search ?? "") {
+function BN(e = globalThis.location?.search ?? "") {
 	return new URLSearchParams(e).get("kiosk") === "1";
 }
-function LN({ kioskMode: e = !1, instances: t, viewport: n, presence: r, callControlsBandPx: i, callControlsVisible: a, callControlsRect: o, statusStripId: s, statusStripHeightPx: c, reportedHeights: l }) {
+function VN({ kioskMode: e = !1, instances: t, viewport: n, presence: r, callControlsBandPx: i, callControlsVisible: a, callControlsRect: o, statusStripId: s, statusStripHeightPx: c, reportedHeights: l }) {
 	return {
 		kioskMode: e,
 		container: {
@@ -26782,15 +26955,15 @@ function LN({ kioskMode: e = !1, instances: t, viewport: n, presence: r, callCon
 		} }
 	};
 }
-var RN = 16, zN = 200, BN = It(null);
-function VN(e) {
-	BN.peek() === null && (console.error("Magic Grid engine error; rendering the legacy layout.", e), BN.value = (e instanceof Error ? `${e.name}: ${e.message}` : String(e)).slice(0, zN));
+var HN = 16, UN = 200, WN = It(null);
+function GN(e) {
+	WN.peek() === null && (console.error("Magic Grid engine error; rendering the legacy layout.", e), WN.value = (e instanceof Error ? `${e.name}: ${e.message}` : String(e)).slice(0, UN));
 }
-function HN() {
-	BN.peek() !== null && (BN.value = null);
+function KN() {
+	WN.peek() !== null && (WN.value = null);
 }
-function UN({ kioskMode: e = !1, instances: t, viewport: n, presence: r, callControlsBandPx: i, callControlsVisible: a, callControlsRect: o, statusStripId: s, statusStripHeightPx: c, enabled: l }) {
-	let u = P(MN), d = P(null), [f, p] = M({}), [m, h] = M(null), g = I((e, t) => {
+function qN({ kioskMode: e = !1, instances: t, viewport: n, presence: r, callControlsBandPx: i, callControlsVisible: a, callControlsRect: o, statusStripId: s, statusStripHeightPx: c, enabled: l }) {
+	let u = P(IN), d = P(null), [f, p] = M({}), [m, h] = M(null), g = I((e, t) => {
 		l && p((n) => n[e] === t ? n : {
 			...n,
 			[e]: t
@@ -26803,7 +26976,7 @@ function UN({ kioskMode: e = !1, instances: t, viewport: n, presence: r, callCon
 			return Object.keys(r).length === Object.keys(e).length ? e : r;
 		});
 	}, [t]);
-	let _ = F(() => LN({
+	let _ = F(() => VN({
 		kioskMode: e,
 		instances: t,
 		viewport: n,
@@ -26827,20 +27000,20 @@ function UN({ kioskMode: e = !1, instances: t, viewport: n, presence: r, callCon
 		f
 	]);
 	return N(() => {
-		if (!l || BN.peek() !== null) return;
+		if (!l || WN.peek() !== null) return;
 		d.current === null && (d.current = Date.now());
 		let e = null, t = () => {
-			if (e = null, BN.peek() !== null) return;
+			if (e = null, WN.peek() !== null) return;
 			let n = Date.now() - (d.current ?? 0), r;
 			try {
-				r = AN(u.current, _, n, MM);
+				r = PN(u.current, _, n, MM);
 			} catch (e) {
-				VN(e);
+				GN(e);
 				return;
 			}
 			if (u.current = r.nextState, h(r), r.nextState.pendingClass !== null) {
 				let i = r.nextState.pendingSinceMs === null ? 0 : Math.max(0, n - r.nextState.pendingSinceMs);
-				e = setTimeout(t, Math.max(RN, MM.hysteresis.windowMs - i + RN));
+				e = setTimeout(t, Math.max(HN, MM.hysteresis.windowMs - i + HN));
 			}
 		};
 		return t(), () => {
@@ -26854,18 +27027,18 @@ function UN({ kioskMode: e = !1, instances: t, viewport: n, presence: r, callCon
 		recordNaturalHeight: g
 	};
 }
-function WN(e) {
+function JN(e) {
 	return e.kind === "card" && e.sheet === !0 && e.sheetAnchor === "bottom";
 }
-function GN(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" && !WN(e)) ? "card-overflow" : e.degradations.statusStripDropped === !0 ? "status-strip-dropped" : null : "no-persona-video" : "flag-off";
+function YN(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" && !JN(e)) ? "card-overflow" : e.degradations.statusStripDropped === !0 ? "status-strip-dropped" : null : "no-persona-video" : "flag-off";
 }
-function KN(e, t) {
+function XN(e, t) {
 	if (t !== null || e === null) return null;
-	let n = e.tiles.find((e) => e.kind === "card" && e.sheet === !0 && !WN(e));
+	let n = e.tiles.find((e) => e.kind === "card" && e.sheet === !0 && !JN(e));
 	return n === void 0 ? null : n.rect.y + n.rect.height;
 }
-var qN = {
+var ZN = {
 	driving: !1,
 	containerPx: null,
 	replica: null,
@@ -26873,10 +27046,10 @@ var qN = {
 	content: null,
 	replicaCollapsed: !1
 };
-function JN(e, t, n) {
-	if (e === null) return qN;
+function QN(e, t, n) {
+	if (e === null) return ZN;
 	let r = t === null;
-	if (!r && !(t === "no-persona-video" && n)) return qN;
+	if (!r && !(t === "no-persona-video" && n)) return ZN;
 	let i = (t) => e.tiles.find((e) => e.kind === t)?.rect ?? null;
 	return {
 		driving: r,
@@ -26887,34 +27060,34 @@ function JN(e, t, n) {
 		replicaCollapsed: r ? e.degradations.replicaCollapsed : !1
 	};
 }
-function YN(e) {
+function $N(e) {
 	return e.selfView === null ? e.driving ? "hidden" : "legacy" : "engine";
 }
-function XN(e, t) {
+function eP(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 ZN(e) {
+function tP(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 QN = "conversation.grid_status", $N = 6e4;
-function eP(e, t, n) {
+var nP = "conversation.grid_status", rP = 6e4;
+function iP(e, t, n) {
 	return n ? e && t ? "url+config+start" : e ? "url+start" : t ? "config+start" : "start" : e && t ? "both" : e ? "url" : "config";
 }
-function tP(e, t) {
+function aP(e, t) {
 	return {
 		message_type: "conversation",
-		event_type: QN,
+		event_type: nP,
 		conversation_id: e,
 		properties: t
 	};
 }
-function nP(e) {
-	let t = ZN(e.sizeClass);
+function oP(e) {
+	let t = tP(e.sizeClass);
 	return {
 		template_id: e.templateId,
 		size_class: `${e.sizeClass.width}/${e.sizeClass.height}`,
@@ -26926,8 +27099,8 @@ function nP(e) {
 		cards: e.tiles.filter((e) => e.kind === "card").length
 	};
 }
-function rP(e) {
-	let { send: t, enabledVia: n, engineVersion: r = jN, now: i = Date.now, transitionDebounceMs: a = 500, summaryIntervalMs: o = $N } = 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 sP(e) {
+	let { send: t, enabledVia: n, engineVersion: r = FN, now: i = Date.now, transitionDebounceMs: a = 500, summaryIntervalMs: o = rP } = 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 {}
@@ -26964,7 +27137,7 @@ function rP(e) {
 	return {
 		update(e, t) {
 			if (c) return;
-			t !== null && (v = nP(t));
+			t !== null && (v = oP(t));
 			let n = f === null ? u : d;
 			(n === void 0 || e !== n) && (d = e, f !== null && clearTimeout(f), f = setTimeout(() => x(e), a));
 		},
@@ -26979,7 +27152,7 @@ function rP(e) {
 		}
 	};
 }
-function iP({ enabled: e, enabledVia: t, bail: n, resolution: r, engineError: i }) {
+function cP({ enabled: e, enabledVia: t, bail: n, resolution: r, engineError: i }) {
 	let a = Yf(), o = Xf(), s = L(rh), c = P({
 		daily: a,
 		meetingState: o,
@@ -26993,7 +27166,7 @@ function iP({ enabled: e, enabledVia: t, bail: n, resolution: r, engineError: i
 	let l = P(null);
 	N(() => {
 		if (!e) return;
-		let n = rP({
+		let n = sP({
 			enabledVia: t,
 			send: (e) => {
 				try {
@@ -27001,7 +27174,7 @@ function iP({ 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(tP(n, e), "*");
+					t.daily.sendAppMessage(aP(n, e), "*");
 				} catch {}
 			}
 		});
@@ -27016,100 +27189,100 @@ function iP({ enabled: e, enabledVia: t, bail: n, resolution: r, engineError: i
 }
 //#endregion
 //#region ../../node_modules/tailwind-merge/dist/bundle-mjs.mjs
-var aP = (e, t) => {
+var lP = (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;
-}, oP = (e, t) => ({
+}, uP = (e, t) => ({
 	classGroupId: e,
 	validator: t
-}), sP = (e = /* @__PURE__ */ new Map(), t = null, n) => ({
+}), dP = (e = /* @__PURE__ */ new Map(), t = null, n) => ({
 	nextPart: e,
 	validators: t,
 	classGroupId: n
-}), cP = "-", lP = [], uP = "arbitrary..", dP = (e) => {
-	let t = mP(e), { conflictingClassGroups: n, conflictingClassGroupModifiers: r } = e;
+}), fP = "-", pP = [], mP = "arbitrary..", hP = (e) => {
+	let t = vP(e), { conflictingClassGroups: n, conflictingClassGroupModifiers: r } = e;
 	return {
 		getClassGroupId: (e) => {
-			if (e.startsWith("[") && e.endsWith("]")) return pP(e);
-			let n = e.split(cP);
-			return fP(n, +(n[0] === "" && n.length > 1), t);
+			if (e.startsWith("[") && e.endsWith("]")) return _P(e);
+			let n = e.split(fP);
+			return gP(n, +(n[0] === "" && n.length > 1), t);
 		},
 		getConflictingClassGroupIds: (e, t) => {
 			if (t) {
 				let t = r[e], i = n[e];
-				return t ? i ? aP(i, t) : t : i || lP;
+				return t ? i ? lP(i, t) : t : i || pP;
 			}
-			return n[e] || lP;
+			return n[e] || pP;
 		}
 	};
-}, fP = (e, t, n) => {
+}, gP = (e, t, n) => {
 	if (e.length - t === 0) return n.classGroupId;
 	let r = e[t], i = n.nextPart.get(r);
 	if (i) {
-		let n = fP(e, t + 1, i);
+		let n = gP(e, t + 1, i);
 		if (n) return n;
 	}
 	let a = n.validators;
 	if (a === null) return;
-	let o = t === 0 ? e.join(cP) : e.slice(t).join(cP), s = a.length;
+	let o = t === 0 ? e.join(fP) : e.slice(t).join(fP), s = a.length;
 	for (let e = 0; e < s; e++) {
 		let t = a[e];
 		if (t.validator(o)) return t.classGroupId;
 	}
-}, pP = (e) => e.slice(1, -1).indexOf(":") === -1 ? void 0 : (() => {
+}, _P = (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 ? uP + r : void 0;
-})(), mP = (e) => {
+	return r ? mP + r : void 0;
+})(), vP = (e) => {
 	let { theme: t, classGroups: n } = e;
-	return hP(n, t);
-}, hP = (e, t) => {
-	let n = sP();
+	return yP(n, t);
+}, yP = (e, t) => {
+	let n = dP();
 	for (let r in e) {
 		let i = e[r];
-		gP(i, n, r, t);
+		bP(i, n, r, t);
 	}
 	return n;
-}, gP = (e, t, n, r) => {
+}, bP = (e, t, n, r) => {
 	let i = e.length;
 	for (let a = 0; a < i; a++) {
 		let i = e[a];
-		_P(i, t, n, r);
+		xP(i, t, n, r);
 	}
-}, _P = (e, t, n, r) => {
+}, xP = (e, t, n, r) => {
 	if (typeof e == "string") {
-		vP(e, t, n);
+		SP(e, t, n);
 		return;
 	}
 	if (typeof e == "function") {
-		yP(e, t, n, r);
+		CP(e, t, n, r);
 		return;
 	}
-	bP(e, t, n, r);
-}, vP = (e, t, n) => {
-	let r = e === "" ? t : xP(t, e);
+	wP(e, t, n, r);
+}, SP = (e, t, n) => {
+	let r = e === "" ? t : TP(t, e);
 	r.classGroupId = n;
-}, yP = (e, t, n, r) => {
-	if (SP(e)) {
-		gP(e(r), t, n, r);
+}, CP = (e, t, n, r) => {
+	if (EP(e)) {
+		bP(e(r), t, n, r);
 		return;
 	}
-	t.validators === null && (t.validators = []), t.validators.push(oP(n, e));
-}, bP = (e, t, n, r) => {
+	t.validators === null && (t.validators = []), t.validators.push(uP(n, e));
+}, wP = (e, t, n, r) => {
 	let i = Object.entries(e), a = i.length;
 	for (let e = 0; e < a; e++) {
 		let [a, o] = i[e];
-		gP(o, xP(t, a), n, r);
+		bP(o, TP(t, a), n, r);
 	}
-}, xP = (e, t) => {
-	let n = e, r = t.split(cP), i = r.length;
+}, TP = (e, t) => {
+	let n = e, r = t.split(fP), i = r.length;
 	for (let e = 0; e < i; e++) {
 		let t = r[e], i = n.nextPart.get(t);
-		i || (i = sP(), n.nextPart.set(t, i)), n = i;
+		i || (i = dP(), n.nextPart.set(t, i)), n = i;
 	}
 	return n;
-}, SP = (e) => "isThemeGetter" in e && e.isThemeGetter === !0, CP = (e) => {
+}, EP = (e) => "isThemeGetter" in e && e.isThemeGetter === !0, DP = (e) => {
 	if (e < 1) return {
 		get: () => void 0,
 		set: () => {}
@@ -27127,19 +27300,19 @@ var aP = (e, t) => {
 			e in n ? n[e] = t : i(e, t);
 		}
 	};
-}, wP = "!", TP = ":", EP = [], DP = (e, t, n, r, i) => ({
+}, OP = "!", kP = ":", AP = [], jP = (e, t, n, r, i) => ({
 	modifiers: e,
 	hasImportantModifier: t,
 	baseClassName: n,
 	maybePostfixModifierPosition: r,
 	isExternal: i
-}), OP = (e) => {
+}), MP = (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 === TP) {
+				if (o === kP) {
 					t.push(e.slice(i, s)), i = s + 1;
 					continue;
 				}
@@ -27151,13 +27324,13 @@ var aP = (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(wP) ? (c = s.slice(0, -1), l = !0) : s.startsWith(wP) && (c = s.slice(1), l = !0);
+		s.endsWith(OP) ? (c = s.slice(0, -1), l = !0) : s.startsWith(OP) && (c = s.slice(1), l = !0);
 		let u = a && a > i ? a - i : void 0;
-		return DP(t, l, c, u);
+		return jP(t, l, c, u);
 	};
 	if (t) {
-		let e = t + TP, n = r;
-		r = (t) => t.startsWith(e) ? n(t.slice(e.length)) : DP(EP, !1, t, void 0, !0);
+		let e = t + kP, n = r;
+		r = (t) => t.startsWith(e) ? n(t.slice(e.length)) : jP(AP, !1, t, void 0, !0);
 	}
 	if (n) {
 		let e = r;
@@ -27167,7 +27340,7 @@ var aP = (e, t) => {
 		});
 	}
 	return r;
-}, kP = (e) => {
+}, NP = (e) => {
 	let t = /* @__PURE__ */ new Map();
 	return e.orderSensitiveModifiers.forEach((e, n) => {
 		t.set(e, 1e6 + n);
@@ -27179,18 +27352,18 @@ var aP = (e, t) => {
 		}
 		return r.length > 0 && (r.sort(), n.push(...r)), n;
 	};
-}, AP = (e) => ({
-	cache: CP(e.cacheSize),
-	parseClassName: OP(e),
-	sortModifiers: kP(e),
-	postfixLookupClassGroupIds: jP(e),
-	...dP(e)
-}), jP = (e) => {
+}, PP = (e) => ({
+	cache: DP(e.cacheSize),
+	parseClassName: MP(e),
+	sortModifiers: NP(e),
+	postfixLookupClassGroupIds: FP(e),
+	...hP(e)
+}), FP = (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;
-}, MP = /\s+/, NP = (e, t) => {
-	let { parseClassName: n, getClassGroupId: r, getConflictingClassGroupIds: i, sortModifiers: a, postfixLookupClassGroupIds: o } = t, s = [], c = e.trim().split(MP), l = "";
+}, IP = /\s+/, LP = (e, t) => {
+	let { parseClassName: n, getClassGroupId: r, getConflictingClassGroupIds: i, sortModifiers: a, postfixLookupClassGroupIds: o } = t, s = [], c = e.trim().split(IP), 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) {
@@ -27214,7 +27387,7 @@ var aP = (e, t) => {
 			}
 			h = !1;
 		}
-		let _ = d.length === 0 ? "" : d.length === 1 ? d[0] : a(d).join(":"), v = f ? _ + wP : _, y = v + g;
+		let _ = d.length === 0 ? "" : d.length === 1 ? d[0] : a(d).join(":"), v = f ? _ + OP : _, y = v + g;
 		if (s.indexOf(y) > -1) continue;
 		s.push(y);
 		let b = i(g, h);
@@ -27225,34 +27398,34 @@ var aP = (e, t) => {
 		l = t + (l.length > 0 ? " " + l : l);
 	}
 	return l;
-}, PP = (...e) => {
+}, RP = (...e) => {
 	let t = 0, n, r, i = "";
-	for (; t < e.length;) (n = e[t++]) && (r = FP(n)) && (i && (i += " "), i += r);
+	for (; t < e.length;) (n = e[t++]) && (r = zP(n)) && (i && (i += " "), i += r);
 	return i;
-}, FP = (e) => {
+}, zP = (e) => {
 	if (typeof e == "string") return e;
 	let t, n = "";
-	for (let r = 0; r < e.length; r++) e[r] && (t = FP(e[r])) && (n && (n += " "), n += t);
+	for (let r = 0; r < e.length; r++) e[r] && (t = zP(e[r])) && (n && (n += " "), n += t);
 	return n;
-}, IP = (e, ...t) => {
-	let n, r, i, a, o = (o) => (n = AP(t.reduce((e, t) => t(e), e())), r = n.cache.get, i = n.cache.set, a = s, s(o)), s = (e) => {
+}, BP = (e, ...t) => {
+	let n, r, i, a, o = (o) => (n = PP(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 = NP(e, n);
+		let a = LP(e, n);
 		return i(e, a), a;
 	};
-	return a = o, (...e) => a(PP(...e));
-}, LP = [], RP = (e) => {
-	let t = (t) => t[e] || LP;
+	return a = o, (...e) => a(RP(...e));
+}, VP = [], HP = (e) => {
+	let t = (t) => t[e] || VP;
 	return t.isThemeGetter = !0, t;
-}, zP = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, BP = /^\((?:(\w[\w-]*):)?(.+)\)$/i, VP = /^\d+(?:\.\d+)?\/\d+(?:\.\d+)?$/, HP = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, UP = /\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$/, WP = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, GP = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, KP = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, qP = (e) => VP.test(e), JP = (e) => !!e && !Number.isNaN(Number(e)), YP = (e) => !!e && Number.isInteger(Number(e)), XP = (e) => e.endsWith("%") && JP(e.slice(0, -1)), ZP = (e) => HP.test(e), QP = () => !0, $P = (e) => UP.test(e) && !WP.test(e), eF = () => !1, tF = (e) => GP.test(e), nF = (e) => KP.test(e), rF = (e) => !Q(e) && !$(e), iF = (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)), aF = (e) => bF(e, wF, eF), Q = (e) => zP.test(e), oF = (e) => bF(e, TF, $P), sF = (e) => bF(e, EF, JP), cF = (e) => bF(e, OF, QP), lF = (e) => bF(e, DF, eF), uF = (e) => bF(e, SF, eF), dF = (e) => bF(e, CF, nF), fF = (e) => bF(e, kF, tF), $ = (e) => BP.test(e), pF = (e) => xF(e, TF), mF = (e) => xF(e, DF), hF = (e) => xF(e, SF), gF = (e) => xF(e, wF), _F = (e) => xF(e, CF), vF = (e) => xF(e, kF, !0), yF = (e) => xF(e, OF, !0), bF = (e, t, n) => {
-	let r = zP.exec(e);
+}, UP = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, WP = /^\((?:(\w[\w-]*):)?(.+)\)$/i, GP = /^\d+(?:\.\d+)?\/\d+(?:\.\d+)?$/, KP = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, qP = /\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$/, JP = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, YP = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, XP = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, ZP = (e) => GP.test(e), QP = (e) => !!e && !Number.isNaN(Number(e)), $P = (e) => !!e && Number.isInteger(Number(e)), eF = (e) => e.endsWith("%") && QP(e.slice(0, -1)), tF = (e) => KP.test(e), nF = () => !0, rF = (e) => qP.test(e) && !JP.test(e), iF = () => !1, aF = (e) => YP.test(e), oF = (e) => XP.test(e), sF = (e) => !Q(e) && !$(e), cF = (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)), lF = (e) => wF(e, OF, iF), Q = (e) => UP.test(e), uF = (e) => wF(e, kF, rF), dF = (e) => wF(e, AF, QP), fF = (e) => wF(e, MF, nF), pF = (e) => wF(e, jF, iF), mF = (e) => wF(e, EF, iF), hF = (e) => wF(e, DF, oF), gF = (e) => wF(e, NF, aF), $ = (e) => WP.test(e), _F = (e) => TF(e, kF), vF = (e) => TF(e, jF), yF = (e) => TF(e, EF), bF = (e) => TF(e, OF), xF = (e) => TF(e, DF), SF = (e) => TF(e, NF, !0), CF = (e) => TF(e, MF, !0), wF = (e, t, n) => {
+	let r = UP.exec(e);
 	return r ? r[1] ? t(r[1]) : n(r[2]) : !1;
-}, xF = (e, t, n = !1) => {
-	let r = BP.exec(e);
+}, TF = (e, t, n = !1) => {
+	let r = WP.exec(e);
 	return r ? r[1] ? t(r[1]) : n : !1;
-}, SF = (e) => e === "position" || e === "percentage", CF = (e) => e === "image" || e === "url", wF = (e) => e === "length" || e === "size" || e === "bg-size", TF = (e) => e === "length", EF = (e) => e === "number", DF = (e) => e === "family-name", OF = (e) => e === "number" || e === "weight", kF = (e) => e === "shadow", AF = /* @__PURE__ */ IP(() => {
-	let e = RP("color"), t = RP("font"), n = RP("text"), r = RP("font-weight"), i = RP("tracking"), a = RP("leading"), o = RP("breakpoint"), s = RP("container"), c = RP("spacing"), l = RP("radius"), u = RP("shadow"), d = RP("inset-shadow"), f = RP("text-shadow"), p = RP("drop-shadow"), m = RP("blur"), h = RP("perspective"), g = RP("aspect"), _ = RP("ease"), v = RP("animate"), y = () => [
+}, EF = (e) => e === "position" || e === "percentage", DF = (e) => e === "image" || e === "url", OF = (e) => e === "length" || e === "size" || e === "bg-size", kF = (e) => e === "length", AF = (e) => e === "number", jF = (e) => e === "family-name", MF = (e) => e === "number" || e === "weight", NF = (e) => e === "shadow", PF = /* @__PURE__ */ BP(() => {
+	let e = HP("color"), t = HP("font"), n = HP("text"), r = HP("font-weight"), i = HP("tracking"), a = HP("leading"), o = HP("breakpoint"), s = HP("container"), c = HP("spacing"), l = HP("radius"), u = HP("shadow"), d = HP("inset-shadow"), f = HP("text-shadow"), p = HP("drop-shadow"), m = HP("blur"), h = HP("perspective"), g = HP("aspect"), _ = HP("ease"), v = HP("animate"), y = () => [
 		"auto",
 		"avoid",
 		"all",
@@ -27294,12 +27467,12 @@ var aP = (e, t) => {
 		Q,
 		c
 	], T = () => [
-		qP,
+		ZP,
 		"full",
 		"auto",
 		...w()
 	], E = () => [
-		YP,
+		$P,
 		"none",
 		"subgrid",
 		$,
@@ -27308,15 +27481,15 @@ var aP = (e, t) => {
 		"auto",
 		{ span: [
 			"full",
-			YP,
+			$P,
 			$,
 			Q
 		] },
-		YP,
+		$P,
 		$,
 		Q
 	], ee = () => [
-		YP,
+		$P,
 		"auto",
 		$,
 		Q
@@ -27346,7 +27519,7 @@ var aP = (e, t) => {
 		"center-safe",
 		"end-safe"
 	], A = () => ["auto", ...w()], ne = () => [
-		qP,
+		ZP,
 		"auto",
 		"full",
 		"dvw",
@@ -27360,7 +27533,7 @@ var aP = (e, t) => {
 		"fit",
 		...w()
 	], re = () => [
-		qP,
+		ZP,
 		"screen",
 		"full",
 		"dvw",
@@ -27371,7 +27544,7 @@ var aP = (e, t) => {
 		"fit",
 		...w()
 	], ie = () => [
-		qP,
+		ZP,
 		"screen",
 		"full",
 		"lh",
@@ -27388,8 +27561,8 @@ var aP = (e, t) => {
 		Q
 	], ae = () => [
 		...b(),
-		hF,
-		uF,
+		yF,
+		mF,
 		{ position: [$, Q] }
 	], oe = () => ["no-repeat", { repeat: [
 		"",
@@ -27401,13 +27574,13 @@ var aP = (e, t) => {
 		"auto",
 		"cover",
 		"contain",
-		gF,
-		aF,
+		bF,
+		lF,
 		{ size: [$, Q] }
 	], ce = () => [
-		XP,
-		pF,
-		oF
+		eF,
+		_F,
+		uF
 	], le = () => [
 		"",
 		"none",
@@ -27417,9 +27590,9 @@ var aP = (e, t) => {
 		Q
 	], ue = () => [
 		"",
-		JP,
-		pF,
-		oF
+		QP,
+		_F,
+		uF
 	], de = () => [
 		"solid",
 		"dashed",
@@ -27443,10 +27616,10 @@ var aP = (e, t) => {
 		"color",
 		"luminosity"
 	], pe = () => [
-		JP,
-		XP,
-		hF,
-		uF
+		QP,
+		eF,
+		yF,
+		mF
 	], me = () => [
 		"",
 		"none",
@@ -27455,20 +27628,20 @@ var aP = (e, t) => {
 		Q
 	], he = () => [
 		"none",
-		JP,
+		QP,
 		$,
 		Q
 	], ge = () => [
 		"none",
-		JP,
+		QP,
 		$,
 		Q
 	], _e = () => [
-		JP,
+		QP,
 		$,
 		Q
 	], ve = () => [
-		qP,
+		ZP,
 		"full",
 		...w()
 	];
@@ -27482,17 +27655,17 @@ var aP = (e, t) => {
 				"bounce"
 			],
 			aspect: ["video"],
-			blur: [ZP],
-			breakpoint: [ZP],
-			color: [QP],
-			container: [ZP],
-			"drop-shadow": [ZP],
+			blur: [tF],
+			breakpoint: [tF],
+			color: [nF],
+			container: [tF],
+			"drop-shadow": [tF],
 			ease: [
 				"in",
 				"out",
 				"in-out"
 			],
-			font: [rF],
+			font: [sF],
 			"font-weight": [
 				"thin",
 				"extralight",
@@ -27504,7 +27677,7 @@ var aP = (e, t) => {
 				"extrabold",
 				"black"
 			],
-			"inset-shadow": [ZP],
+			"inset-shadow": [tF],
 			leading: [
 				"none",
 				"tight",
@@ -27521,11 +27694,11 @@ var aP = (e, t) => {
 				"distant",
 				"none"
 			],
-			radius: [ZP],
-			shadow: [ZP],
-			spacing: ["px", JP],
-			text: [ZP],
-			"text-shadow": [ZP],
+			radius: [tF],
+			shadow: [tF],
+			spacing: ["px", QP],
+			text: [tF],
+			"text-shadow": [tF],
 			tracking: [
 				"tighter",
 				"tight",
@@ -27539,7 +27712,7 @@ var aP = (e, t) => {
 			aspect: [{ aspect: [
 				"auto",
 				"square",
-				qP,
+				ZP,
 				Q,
 				$,
 				g
@@ -27552,9 +27725,9 @@ var aP = (e, t) => {
 				$,
 				Q
 			] }],
-			"container-named": [iF],
+			"container-named": [cF],
 			columns: [{ columns: [
-				JP,
+				QP,
 				Q,
 				$,
 				s
@@ -27653,13 +27826,13 @@ var aP = (e, t) => {
 				"collapse"
 			],
 			z: [{ z: [
-				YP,
+				$P,
 				"auto",
 				$,
 				Q
 			] }],
 			basis: [{ basis: [
-				qP,
+				ZP,
 				"full",
 				"auto",
 				s,
@@ -27677,8 +27850,8 @@ var aP = (e, t) => {
 				"wrap-reverse"
 			] }],
 			flex: [{ flex: [
-				JP,
-				qP,
+				QP,
+				ZP,
 				"auto",
 				"initial",
 				"none",
@@ -27686,18 +27859,18 @@ var aP = (e, t) => {
 			] }],
 			grow: [{ grow: [
 				"",
-				JP,
+				QP,
 				$,
 				Q
 			] }],
 			shrink: [{ shrink: [
 				"",
-				JP,
+				QP,
 				$,
 				Q
 			] }],
 			order: [{ order: [
-				YP,
+				$P,
 				"first",
 				"last",
 				"none",
@@ -27808,15 +27981,15 @@ var aP = (e, t) => {
 			"font-size": [{ text: [
 				"base",
 				n,
-				pF,
-				oF
+				_F,
+				uF
 			] }],
 			"font-smoothing": ["antialiased", "subpixel-antialiased"],
 			"font-style": ["italic", "not-italic"],
 			"font-weight": [{ font: [
 				r,
-				yF,
-				cF
+				CF,
+				fF
 			] }],
 			"font-stretch": [{ "font-stretch": [
 				"ultra-condensed",
@@ -27828,12 +28001,12 @@ var aP = (e, t) => {
 				"expanded",
 				"extra-expanded",
 				"ultra-expanded",
-				XP,
+				eF,
 				Q
 			] }],
 			"font-family": [{ font: [
-				mF,
-				lF,
+				vF,
+				pF,
 				t
 			] }],
 			"font-features": [{ "font-features": [Q] }],
@@ -27849,10 +28022,10 @@ var aP = (e, t) => {
 				Q
 			] }],
 			"line-clamp": [{ "line-clamp": [
-				JP,
+				QP,
 				"none",
 				$,
-				sF
+				dF
 			] }],
 			leading: [{ leading: [a, ...w()] }],
 			"list-image": [{ "list-image": [
@@ -27886,15 +28059,15 @@ var aP = (e, t) => {
 			],
 			"text-decoration-style": [{ decoration: [...de(), "wavy"] }],
 			"text-decoration-thickness": [{ decoration: [
-				JP,
+				QP,
 				"from-font",
 				"auto",
 				$,
-				oF
+				uF
 			] }],
 			"text-decoration-color": [{ decoration: j() }],
 			"underline-offset": [{ "underline-offset": [
-				JP,
+				QP,
 				"auto",
 				$,
 				Q
@@ -27918,7 +28091,7 @@ var aP = (e, t) => {
 			] }],
 			indent: [{ indent: w() }],
 			"tab-size": [{ tab: [
-				YP,
+				$P,
 				$,
 				Q
 			] }],
@@ -27996,7 +28169,7 @@ var aP = (e, t) => {
 							"l",
 							"tl"
 						] },
-						YP,
+						$P,
 						$,
 						Q
 					],
@@ -28006,13 +28179,13 @@ var aP = (e, t) => {
 						Q
 					],
 					conic: [
-						YP,
+						$P,
 						$,
 						Q
 					]
 				},
-				_F,
-				dF
+				xF,
+				hF
 			] }],
 			"bg-color": [{ bg: j() }],
 			"gradient-from-pos": [{ from: ce() }],
@@ -28079,48 +28252,48 @@ var aP = (e, t) => {
 				"hidden"
 			] }],
 			"outline-offset": [{ "outline-offset": [
-				JP,
+				QP,
 				$,
 				Q
 			] }],
 			"outline-w": [{ outline: [
 				"",
-				JP,
-				pF,
-				oF
+				QP,
+				_F,
+				uF
 			] }],
 			"outline-color": [{ outline: j() }],
 			shadow: [{ shadow: [
 				"",
 				"none",
 				u,
-				vF,
-				fF
+				SF,
+				gF
 			] }],
 			"shadow-color": [{ shadow: j() }],
 			"inset-shadow": [{ "inset-shadow": [
 				"none",
 				d,
-				vF,
-				fF
+				SF,
+				gF
 			] }],
 			"inset-shadow-color": [{ "inset-shadow": j() }],
 			"ring-w": [{ ring: ue() }],
 			"ring-w-inset": ["ring-inset"],
 			"ring-color": [{ ring: j() }],
-			"ring-offset-w": [{ "ring-offset": [JP, oF] }],
+			"ring-offset-w": [{ "ring-offset": [QP, uF] }],
 			"ring-offset-color": [{ "ring-offset": j() }],
 			"inset-ring-w": [{ "inset-ring": ue() }],
 			"inset-ring-color": [{ "inset-ring": j() }],
 			"text-shadow": [{ "text-shadow": [
 				"none",
 				f,
-				vF,
-				fF
+				SF,
+				gF
 			] }],
 			"text-shadow-color": [{ "text-shadow": j() }],
 			opacity: [{ opacity: [
-				JP,
+				QP,
 				$,
 				Q
 			] }],
@@ -28144,7 +28317,7 @@ var aP = (e, t) => {
 				"intersect",
 				"exclude"
 			] }],
-			"mask-image-linear-pos": [{ "mask-linear": [JP] }],
+			"mask-image-linear-pos": [{ "mask-linear": [QP] }],
 			"mask-image-linear-from-pos": [{ "mask-linear-from": pe() }],
 			"mask-image-linear-to-pos": [{ "mask-linear-to": pe() }],
 			"mask-image-linear-from-color": [{ "mask-linear-from": j() }],
@@ -28184,7 +28357,7 @@ var aP = (e, t) => {
 				farthest: ["side", "corner"]
 			}] }],
 			"mask-image-radial-pos": [{ "mask-radial-at": b() }],
-			"mask-image-conic-pos": [{ "mask-conic": [JP] }],
+			"mask-image-conic-pos": [{ "mask-conic": [QP] }],
 			"mask-image-conic-from-pos": [{ "mask-conic-from": pe() }],
 			"mask-image-conic-to-pos": [{ "mask-conic-to": pe() }],
 			"mask-image-conic-from-color": [{ "mask-conic-from": j() }],
@@ -28219,12 +28392,12 @@ var aP = (e, t) => {
 			] }],
 			blur: [{ blur: me() }],
 			brightness: [{ brightness: [
-				JP,
+				QP,
 				$,
 				Q
 			] }],
 			contrast: [{ contrast: [
-				JP,
+				QP,
 				$,
 				Q
 			] }],
@@ -28232,35 +28405,35 @@ var aP = (e, t) => {
 				"",
 				"none",
 				p,
-				vF,
-				fF
+				SF,
+				gF
 			] }],
 			"drop-shadow-color": [{ "drop-shadow": j() }],
 			grayscale: [{ grayscale: [
 				"",
-				JP,
+				QP,
 				$,
 				Q
 			] }],
 			"hue-rotate": [{ "hue-rotate": [
-				JP,
+				QP,
 				$,
 				Q
 			] }],
 			invert: [{ invert: [
 				"",
-				JP,
+				QP,
 				$,
 				Q
 			] }],
 			saturate: [{ saturate: [
-				JP,
+				QP,
 				$,
 				Q
 			] }],
 			sepia: [{ sepia: [
 				"",
-				JP,
+				QP,
 				$,
 				Q
 			] }],
@@ -28272,45 +28445,45 @@ var aP = (e, t) => {
 			] }],
 			"backdrop-blur": [{ "backdrop-blur": me() }],
 			"backdrop-brightness": [{ "backdrop-brightness": [
-				JP,
+				QP,
 				$,
 				Q
 			] }],
 			"backdrop-contrast": [{ "backdrop-contrast": [
-				JP,
+				QP,
 				$,
 				Q
 			] }],
 			"backdrop-grayscale": [{ "backdrop-grayscale": [
 				"",
-				JP,
+				QP,
 				$,
 				Q
 			] }],
 			"backdrop-hue-rotate": [{ "backdrop-hue-rotate": [
-				JP,
+				QP,
 				$,
 				Q
 			] }],
 			"backdrop-invert": [{ "backdrop-invert": [
 				"",
-				JP,
+				QP,
 				$,
 				Q
 			] }],
 			"backdrop-opacity": [{ "backdrop-opacity": [
-				JP,
+				QP,
 				$,
 				Q
 			] }],
 			"backdrop-saturate": [{ "backdrop-saturate": [
-				JP,
+				QP,
 				$,
 				Q
 			] }],
 			"backdrop-sepia": [{ "backdrop-sepia": [
 				"",
-				JP,
+				QP,
 				$,
 				Q
 			] }],
@@ -28333,7 +28506,7 @@ var aP = (e, t) => {
 			] }],
 			"transition-behavior": [{ transition: ["normal", "discrete"] }],
 			duration: [{ duration: [
-				JP,
+				QP,
 				"initial",
 				$,
 				Q
@@ -28346,7 +28519,7 @@ var aP = (e, t) => {
 				Q
 			] }],
 			delay: [{ delay: [
-				JP,
+				QP,
 				$,
 				Q
 			] }],
@@ -28391,7 +28564,7 @@ var aP = (e, t) => {
 			"translate-z": [{ "translate-z": ve() }],
 			"translate-none": ["translate-none"],
 			zoom: [{ zoom: [
-				YP,
+				$P,
 				$,
 				Q
 			] }],
@@ -28535,10 +28708,10 @@ var aP = (e, t) => {
 			] }],
 			fill: [{ fill: ["none", ...j()] }],
 			"stroke-w": [{ stroke: [
-				JP,
-				pF,
-				oF,
-				sF
+				QP,
+				_F,
+				uF,
+				dF
 			] }],
 			stroke: [{ stroke: ["none", ...j()] }],
 			"forced-color-adjust": [{ "forced-color-adjust": ["auto", "none"] }]
@@ -28729,11 +28902,11 @@ var aP = (e, t) => {
 });
 //#endregion
 //#region ../core/src/magic-canvas/grid-overlay.tsx
-function jF({ resolution: e, inputs: t, config: n, bailReason: r }) {
+function FF({ resolution: e, inputs: t, config: n, bailReason: r }) {
 	if (e === null || t === null) return null;
 	let i = PM[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 } = xN(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 } = TN(i, {
 		state: e.state,
 		contentKind: u
 	}, t, e.sizeClass, e.containerPx, n);
@@ -28746,7 +28919,7 @@ function jF({ resolution: e, inputs: t, config: n, bailReason: r }) {
 				children: ["engine plan only · legacy: ", r]
 			}),
 			d.map((e) => /* @__PURE__ */ R("div", {
-				class: AF("absolute rounded-box border border-dashed", o),
+				class: PF("absolute rounded-box border border-dashed", o),
 				style: {
 					left: `${e.rect.x}px`,
 					top: `${e.rect.y}px`,
@@ -28754,7 +28927,7 @@ function jF({ resolution: e, inputs: t, config: n, bailReason: r }) {
 					height: `${e.rect.height}px`
 				},
 				children: /* @__PURE__ */ R("span", {
-					class: AF("absolute top-1 left-1 flex flex-col rounded px-1.5 py-0.5 font-mono text-[10px] leading-tight", s),
+					class: PF("absolute top-1 left-1 flex flex-col rounded px-1.5 py-0.5 font-mono text-[10px] leading-tight", s),
 					children: [/* @__PURE__ */ R("span", { children: e.region.name }), /* @__PURE__ */ R("span", {
 						class: "opacity-75",
 						children: e.region.accepts.join(" · ")
@@ -28762,7 +28935,7 @@ function jF({ resolution: e, inputs: t, config: n, bailReason: r }) {
 				})
 			}, e.region.name)),
 			e.tiles.map((e) => /* @__PURE__ */ R("div", {
-				class: AF("absolute border", c),
+				class: PF("absolute border", c),
 				style: {
 					left: `${e.rect.x}px`,
 					top: `${e.rect.y}px`,
@@ -28770,7 +28943,7 @@ function jF({ resolution: e, inputs: t, config: n, bailReason: r }) {
 					height: `${e.rect.height}px`
 				},
 				children: /* @__PURE__ */ R("span", {
-					class: AF("absolute right-1 bottom-1 rounded px-1.5 py-0.5 font-mono text-[10px]", l),
+					class: PF("absolute right-1 bottom-1 rounded px-1.5 py-0.5 font-mono text-[10px]", l),
 					children: [
 						e.kind,
 						" ",
@@ -28785,11 +28958,11 @@ function jF({ resolution: e, inputs: t, config: n, bailReason: r }) {
 }
 //#endregion
 //#region ../core/src/magic-canvas/grid-readout.tsx
-function MF(e) {
+function IF(e) {
 	return {
 		version: 1,
-		buildSha: jN,
-		engineVersion: jN,
+		buildSha: FN,
+		engineVersion: FN,
 		config: MM,
 		session: {
 			containerPx: {
@@ -28812,7 +28985,7 @@ function MF(e) {
 		}
 	};
 }
-function NF({ resolution: e, inputs: t, shadowing: n, bailReason: r, engineError: i = null }) {
+function LF({ resolution: e, inputs: t, shadowing: n, bailReason: r, engineError: i = null }) {
 	let [a, o] = M(!1), s = P(null);
 	if (N(() => () => {
 		s.current !== null && clearTimeout(s.current);
@@ -28850,11 +29023,11 @@ function NF({ resolution: e, inputs: t, shadowing: n, bailReason: r, engineError
 		})]
 	});
 	let c = () => {
-		let e = JSON.stringify(MF(t), null, 2);
+		let e = JSON.stringify(IF(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, u = ZN(e.sizeClass);
+	}, l = e.degradations.evictedCardIds, u = tP(e.sizeClass);
 	return /* @__PURE__ */ R("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: [
@@ -28952,10 +29125,10 @@ function NF({ resolution: e, inputs: t, shadowing: n, bailReason: r, engineError
 }
 //#endregion
 //#region ../core/src/magic-canvas/grid-host.tsx
-var PF = {
-	effect: qN,
+var RF = {
+	effect: ZN,
 	animate: !1
-}, FF = It(PF), IF = {
+}, zF = It(RF), BF = {
 	presence: { phase: "connecting" },
 	localId: null,
 	isScreenSharing: !1,
@@ -28963,17 +29136,17 @@ var PF = {
 	hasPersonaVideo: !1,
 	hasSelfView: !1
 };
-function LF(e, t) {
+function VF(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 RF(e, t) {
+function HF(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 && LF(e.replica, t.replica) && LF(e.selfView, t.selfView) && LF(e.content, t.content);
+	return e.driving === t.driving && e.replicaCollapsed === t.replicaCollapsed && n && VF(e.replica, t.replica) && VF(e.selfView, t.selfView) && VF(e.content, t.content);
 }
-var zF = /* @__PURE__ */ new Map(), BF = /* @__PURE__ */ new Set();
-function VF({ instances: e, viewport: t, callControlsBandPx: n, callPresence: r, callControlsVisible: i, callControlsRect: a, statusStripId: o, statusStripHeightPx: s, gridConfigEnabled: c, gridStartEnabled: l }) {
-	let u = FN(c, l) && r !== void 0, d = r ?? IF, f = globalThis.location?.search ?? "", p = UN({
-		kioskMode: F(() => IN(f), [f]),
+var UF = /* @__PURE__ */ new Map(), WF = /* @__PURE__ */ new Set();
+function GF({ instances: e, viewport: t, callControlsBandPx: n, callPresence: r, callControlsVisible: i, callControlsRect: a, statusStripId: o, statusStripHeightPx: s, gridConfigEnabled: c, gridStartEnabled: l }) {
+	let u = zN(c, l) && r !== void 0, d = r ?? BF, f = globalThis.location?.search ?? "", p = qN({
+		kioskMode: F(() => BN(f), [f]),
 		instances: e,
 		viewport: t,
 		presence: d,
@@ -28983,10 +29156,10 @@ function VF({ instances: e, viewport: t, callControlsBandPx: n, callPresence: r,
 		statusStripId: o,
 		statusStripHeightPx: s,
 		enabled: u
-	}), m = u ? BN.value : null, h = m === null ? GN(p.resolution, d, u) : "engine-error";
-	iP({
+	}), m = u ? WN.value : null, h = m === null ? YN(p.resolution, d, u) : "engine-error";
+	cP({
 		enabled: u,
-		enabledVia: eP(NN, c === !0, l === !0),
+		enabledVia: iP(LN, c === !0, l === !0),
 		bail: h,
 		resolution: p.resolution,
 		engineError: m
@@ -28995,39 +29168,39 @@ function VF({ instances: e, viewport: t, callControlsBandPx: n, callPresence: r,
 	d.presence.phase === "ready" ? d.hasPersonaVideo && (g.current = !0) : g.current = !1;
 	let _ = !g.current, v;
 	try {
-		v = JN(p.resolution, h, _);
+		v = QN(p.resolution, h, _);
 	} catch (e) {
-		VN(e), v = qN;
+		GN(e), v = ZN;
 	}
-	let y = P(qN), b = XN(y.current, v);
+	let y = P(ZN), b = eP(y.current, v);
 	N(() => {
-		y.current = v, RF(FF.peek().effect, v) || (FF.value = {
+		y.current = v, HF(zF.peek().effect, v) || (zF.value = {
 			effect: v,
 			animate: b
 		});
 	}), N(() => () => {
-		HN(), FF.peek() !== PF && (FF.value = PF);
+		KN(), zF.peek() !== RF && (zF.value = RF);
 	}, []);
 	let x = p.resolution, S = F(() => {
-		if (h !== null || x === null) return zF;
+		if (h !== null || x === null) return UF;
 		try {
 			let e = /* @__PURE__ */ new Map();
 			for (let t of x.tiles) t.kind === "card" && e.set(t.id, t.rect);
 			return e;
 		} catch (e) {
-			return VN(e), zF;
+			return GN(e), UF;
 		}
-	}, [h, x]), C = F(() => h !== null || x === null ? BF : new Set(x.tiles.filter(WN).map((e) => e.id)), [h, x]), w = PN ? /* @__PURE__ */ R("div", {
+	}, [h, x]), C = F(() => h !== null || x === null ? WF : new Set(x.tiles.filter(JN).map((e) => e.id)), [h, x]), w = RN ? /* @__PURE__ */ R("div", {
 		class: "contents",
 		"data-grid-debug": !0,
-		children: [/* @__PURE__ */ R(jF, {
+		children: [/* @__PURE__ */ R(FF, {
 			resolution: p.resolution,
 			inputs: p.inputs,
 			config: MM,
 			bailReason: h
 		}), /* @__PURE__ */ R("div", {
 			class: "pointer-events-none absolute bottom-4 left-4 z-50",
-			children: /* @__PURE__ */ R(NF, {
+			children: /* @__PURE__ */ R(LF, {
 				resolution: p.resolution,
 				inputs: p.inputs,
 				shadowing: h !== null,
@@ -29039,7 +29212,7 @@ function VF({ instances: e, viewport: t, callControlsBandPx: n, callPresence: r,
 	return {
 		cardRects: S,
 		kioskCardIds: C,
-		sheetBottomPx: KN(x, h),
+		sheetBottomPx: XN(x, h),
 		animate: b,
 		recordNaturalHeight: p.recordNaturalHeight,
 		debug: w
@@ -29047,24 +29220,24 @@ function VF({ instances: e, viewport: t, callControlsBandPx: n, callPresence: r,
 }
 //#endregion
 //#region ../core/src/magic-canvas/grid-motion.ts
-var HF = [
+var KF = [
 	"left",
 	"top",
 	"width",
 	"height"
 ].map((e) => `${e} ${Jx}`).join(", ");
-function UF(e, t) {
+function qF(e, t) {
 	return {
 		left: `${e.x}px`,
 		top: `${e.y}px`,
 		width: `${e.width}px`,
 		height: `${e.height}px`,
-		transition: t && !iS() ? HF : "none"
+		transition: t && !iS() ? KF : "none"
 	};
 }
 //#endregion
 //#region ../core/src/magic-canvas/debug-panel.tsx
-function WF({ state: e }) {
+function JF({ state: e }) {
 	return e.enabled ? /* @__PURE__ */ R("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__ */ R("summary", {
@@ -29073,27 +29246,27 @@ function WF({ state: e }) {
 		}), /* @__PURE__ */ R("dl", {
 			class: "mt-2 grid gap-2",
 			children: [
-				/* @__PURE__ */ R(GF, {
+				/* @__PURE__ */ R(YF, {
 					label: "iframe",
 					value: e.iframeLifecycleState
 				}),
-				/* @__PURE__ */ R(GF, {
+				/* @__PURE__ */ R(YF, {
 					label: "post",
 					value: e.lastInteractionPostResult
 				}),
-				/* @__PURE__ */ R(GF, {
+				/* @__PURE__ */ R(YF, {
 					label: "context",
 					value: e.lastModelContextUpdate
 				}),
-				/* @__PURE__ */ R(GF, {
+				/* @__PURE__ */ R(YF, {
 					label: "error",
 					value: e.lastError
 				}),
-				/* @__PURE__ */ R(KF, {
+				/* @__PURE__ */ R(XF, {
 					label: "tool_call",
 					value: e.lastToolCall
 				}),
-				/* @__PURE__ */ R(KF, {
+				/* @__PURE__ */ R(XF, {
 					label: "canvas_config",
 					value: e.parsedCanvasConfig
 				})
@@ -29101,7 +29274,7 @@ function WF({ state: e }) {
 		})]
 	}) : null;
 }
-function GF({ label: e, value: t }) {
+function YF({ label: e, value: t }) {
 	return t ? /* @__PURE__ */ R("div", { children: [/* @__PURE__ */ R("dt", {
 		class: "font-semibold",
 		children: e
@@ -29110,7 +29283,7 @@ function GF({ label: e, value: t }) {
 		children: t
 	})] }) : null;
 }
-function KF({ label: e, value: t }) {
+function XF({ label: e, value: t }) {
 	return t === void 0 ? null : /* @__PURE__ */ R("div", { children: [/* @__PURE__ */ R("dt", {
 		class: "font-semibold",
 		children: e
@@ -29121,43 +29294,43 @@ function KF({ label: e, value: t }) {
 }
 //#endregion
 //#region ../core/src/magic-canvas/status-strip.ts
-var qF = {
+var ZF = {
 	compact: 32,
 	regular: 40,
 	roomy: 68
-}, JF = 6e3, YF = "ease-out", XF = {
+}, QF = 6e3, $F = "ease-out", eI = {
 	stiffness: 2822,
 	damping: 84,
 	mass: 3.5
-}, ZF = .25, QF = 16;
-function $F() {
-	if (typeof document > "u" || typeof getComputedStyle != "function") return QF;
+}, tI = .25, nI = 16;
+function rI() {
+	if (typeof document > "u" || typeof getComputedStyle != "function") return nI;
 	let e = Number.parseFloat(getComputedStyle(document.documentElement).fontSize);
-	return Number.isFinite(e) ? e : QF;
+	return Number.isFinite(e) ? e : nI;
 }
-function eI(e, t) {
+function iI(e, t) {
 	return e === "widget" || t !== void 0 && t > 0 && t < 640 ? "compact" : "regular";
 }
-function tI(e) {
+function aI(e) {
 	if (typeof e == "string") try {
 		let t = JSON.parse(e);
-		return nI(t) ? t : null;
+		return oI(t) ? t : null;
 	} catch {
 		return null;
 	}
-	return nI(e) ? e : null;
+	return oI(e) ? e : null;
 }
-function nI(e) {
+function oI(e) {
 	return typeof e == "object" && !!e && !Array.isArray(e);
 }
-function rI(e) {
-	let t = tI(e)?.state;
+function sI(e) {
+	let t = aI(e)?.state;
 	return t === "success" || t === "error";
 }
-function iI(e) {
-	return tI(e)?.state === "error";
+function cI(e) {
+	return aI(e)?.state === "error";
 }
-function aI(e, t, n) {
+function lI(e, t, n) {
 	let r = `${t + 8}px`;
 	if (n === void 0 || !Number.isFinite(n) || n <= 0) return {
 		left: "1rem",
@@ -29171,83 +29344,83 @@ function aI(e, t, n) {
 		bottom: r
 	};
 }
-function oI(e) {
+function uI(e) {
 	let t = e?.trim();
-	if (!t) return ZF * $F();
+	if (!t) return tI * rI();
 	let n = Number.parseFloat(t);
-	if (!Number.isFinite(n)) return ZF * $F();
-	if (t.endsWith("rem")) return n * $F();
+	if (!Number.isFinite(n)) return tI * rI();
+	if (t.endsWith("rem")) return n * rI();
 	if (t.endsWith("px")) return n;
 }
-function sI(e, t) {
-	let n = e["--color-neutral"], r = e["--color-neutral-content"], i = oI(e["--radius-field"]);
+function dI(e, t) {
+	let n = e["--color-neutral"], r = e["--color-neutral-content"], i = uI(e["--radius-field"]);
 	return {
 		...n ? { "--activity-bg": n } : {},
 		...r ? { "--activity-fg": r } : {},
 		"--activity-border": "transparent",
 		...i === void 0 ? {} : { "--activity-radius": `${i}px` },
-		"--activity-height": `${qF[t.density]}px`,
+		"--activity-height": `${ZF[t.density]}px`,
 		"--activity-align": t.align
 	};
 }
 //#endregion
 //#region ../core/src/magic-canvas/magic-canvas.tsx
-var cI = 1e3, lI = 5e3, uI = 1200, dI = [2e3, 6e3];
-async function fI(e, t, n) {
-	let r = new AbortController(), i = globalThis.setTimeout(() => r.abort(), lI);
+var fI = 1e3, pI = 5e3, mI = 1200, hI = [2e3, 6e3];
+async function gI(e, t, n) {
+	let r = new AbortController(), i = globalThis.setTimeout(() => r.abort(), pI);
 	try {
 		await Cn(e, t, n, { signal: r.signal });
 	} finally {
 		globalThis.clearTimeout(i);
 	}
 }
-function pI(e) {
+function _I(e) {
 	return e instanceof _n && e.status >= 400 && e.status < 500 && e.status !== 408 && e.status !== 429;
 }
-function mI(e, t) {
+function vI(e, t) {
 	console.error("Magic Canvas interaction POST failed; this interaction may not have been recorded server-side.", e), t({
 		lastInteractionPostResult: "error",
-		lastError: JI(e).message
+		lastError: QI(e).message
 	}, {
 		error: e,
 		operation: "canvas.bridge"
 	});
 }
-function hI(e) {
+function yI(e) {
 	return e.content.some((e) => e.type === "text" && typeof e.text == "string" && e.text.trim() !== "");
 }
-function gI(e, t, n, r) {
+function bI(e, t, n, r) {
 	(async () => {
 		let i;
-		for (let a of dI) {
+		for (let a of hI) {
 			await new Promise((e) => setTimeout(e, a));
 			try {
-				await fI(e, t, n), r({
+				await gI(e, t, n), r({
 					lastInteractionPostResult: "recovered",
 					lastError: void 0
 				});
 				return;
 			} catch (e) {
-				if (i = e, pI(e)) break;
+				if (i = e, _I(e)) break;
 			}
 		}
-		mI(i, r);
+		vI(i, r);
 	})();
 }
-var _I = 2e3;
-function vI(e) {
-	return e.correct_answer === void 0 ? uI : _I;
+var xI = 2e3;
+function SI(e) {
+	return e.correct_answer === void 0 ? mI : xI;
 }
-var yI = 48, bI = 24, xI = "ui-monospace, SFMono-Regular, Menlo, monospace", SI = 160, CI = () => {}, wI = "allow-scripts", TI = {
+var CI = 48, wI = 24, TI = "ui-monospace, SFMono-Regular, Menlo, monospace", EI = 160, DI = () => {}, OI = "allow-scripts", kI = {
 	"canvas.scheduling_embed": "allow-scripts allow-same-origin allow-popups allow-forms",
 	"canvas.text": "allow-scripts allow-popups allow-popups-to-escape-sandbox"
 };
-function EI(e, t) {
+function AI(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 DI = class {
+var jI = class {
 	onmessage;
 	onerror;
 	onclose;
@@ -29258,7 +29431,7 @@ var DI = class {
 	}
 	start() {
 		let e = (e) => {
-			EI(e, this.#e) && this.onmessage?.(e.data);
+			AI(e, this.#e) && this.onmessage?.(e.data);
 		};
 		return this.#t = e, globalThis.addEventListener("message", e), Promise.resolve();
 	}
@@ -29269,12 +29442,12 @@ var DI = class {
 		return this.#t && globalThis.removeEventListener("message", this.#t), this.#t = void 0, this.onclose?.(), Promise.resolve();
 	}
 };
-function OI(e) {
-	for (let t of Pb) if (e.some((e) => WI(e) === t)) return t;
+function MI(e) {
+	for (let t of Pb) if (e.some((e) => JI(e) === t)) return t;
 	return null;
 }
-function kI({ onLayoutEffectChange: e, onRenderedSlotChange: t, debugEnabled: n = GI(), callPresence: r, callControlsVisible: i, callControlsRect: a, gridConfigEnabled: o, gridStartEnabled: s, onStatusStripChange: c } = {}) {
-	let { client: l, telemetry: u } = Dh(), { isDark: d, cssVars: f } = AM(), p = Yf(), m = Xf(), [h, g] = M([]), [_, v] = M(null), [y, b] = M(!1), x = P(null), S = P(null), C = P(null), [w, T] = BI(), E = L(gt)?.surface, D = eI(E, T.width), ee = qF[D], O = y ? null : _, te = O ? ee + 8 : 0, k = I(() => {
+function NI({ onLayoutEffectChange: e, onRenderedSlotChange: t, debugEnabled: n = YI(), callPresence: r, callControlsVisible: i, callControlsRect: a, gridConfigEnabled: o, gridStartEnabled: s, onStatusStripChange: c } = {}) {
+	let { client: l, telemetry: u } = Dh(), { isDark: d, cssVars: f } = AM(), p = Yf(), m = Xf(), [h, g] = M([]), [_, v] = M(null), [y, b] = M(!1), x = P(null), S = P(null), C = P(null), [w, T] = WI(), E = L(gt)?.surface, D = iI(E, T.width), ee = ZF[D], O = y ? null : _, te = O ? ee + 8 : 0, k = I(() => {
 		S.current !== null && (clearTimeout(S.current), S.current = null);
 	}, []), A = I(() => {
 		C.current !== null && (clearTimeout(C.current), C.current = null);
@@ -29285,7 +29458,7 @@ function kI({ onLayoutEffectChange: e, onRenderedSlotChange: t, debugEnabled: n
 	}, [k, A]), re = I(() => {
 		x.current && (A(), C.current = setTimeout(() => {
 			C.current = null, ne();
-		}, JF));
+		}, QF));
 	}, [ne, A]);
 	N(() => () => {
 		k(), A();
@@ -29299,7 +29472,7 @@ function kI({ onLayoutEffectChange: e, onRenderedSlotChange: t, debugEnabled: n
 	let [ie, j] = M(() => ({
 		enabled: n,
 		iframeLifecycleState: "idle"
-	})), ae = VF({
+	})), ae = GF({
 		instances: h,
 		viewport: T,
 		callControlsBandPx: 72,
@@ -29369,7 +29542,7 @@ function kI({ onLayoutEffectChange: e, onRenderedSlotChange: t, debugEnabled: n
 			let n = x.current, r = Qb(n, t);
 			if (r.consumed) {
 				let e = n !== null && r.strip !== null && n.tool_call_id === r.strip.tool_call_id && n.conversation_id === r.strip.conversation_id, t = C.current !== null;
-				r.strip ? rI(r.strip.arguments) ? e && (iI(r.strip.arguments) && !t && (x.current = r.strip, v(r.strip)), re()) : e && t || (k(), A(), x.current = r.strip, b(!1), v(r.strip)) : ne();
+				r.strip ? sI(r.strip.arguments) ? e && (cI(r.strip.arguments) && !t && (x.current = r.strip, v(r.strip)), re()) : e && t || (k(), A(), x.current = r.strip, b(!1), v(r.strip)) : ne();
 			} else g((e) => Jb(e, t));
 			oe({
 				lastToolCall: e.data,
@@ -29380,7 +29553,7 @@ function kI({ onLayoutEffectChange: e, onRenderedSlotChange: t, debugEnabled: n
 		} catch (e) {
 			oe({
 				iframeLifecycleState: "error",
-				lastError: JI(e).message
+				lastError: QI(e).message
 			}, {
 				error: e,
 				operation: "canvas.validate"
@@ -29418,7 +29591,7 @@ function kI({ onLayoutEffectChange: e, onRenderedSlotChange: t, debugEnabled: n
 		ue.safe_area?.width,
 		ue.safe_area?.height
 	]);
-	let fe = OI(le.map(({ layout: e }) => e));
+	let fe = MI(le.map(({ layout: e }) => e));
 	N(() => {
 		t?.(fe);
 	}, [t, fe]);
@@ -29427,7 +29600,7 @@ function kI({ onLayoutEffectChange: e, onRenderedSlotChange: t, debugEnabled: n
 		ref: w,
 		"data-magic-canvas-root": !0,
 		class: "pointer-events-none absolute inset-0 z-30",
-		style: `--mc-strip-band: ${te}px; --cvi-status-strip-drop: ${80 - bI}px`,
+		style: `--mc-strip-band: ${te}px; --cvi-status-strip-drop: ${80 - wI}px`,
 		children: [
 			pe && de && /* @__PURE__ */ R("div", { class: "absolute inset-0 bg-black/45" }),
 			pe && !de && ae.sheetBottomPx !== null && /* @__PURE__ */ R("div", {
@@ -29438,15 +29611,15 @@ function kI({ 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))"
 				}
 			}),
-			pe && le.map(({ instance: e, layout: t, gridRect: n }) => /* @__PURE__ */ R(NI, {
-				slot: WI(t),
+			pe && le.map(({ instance: e, layout: t, gridRect: n }) => /* @__PURE__ */ R(LI, {
+				slot: JI(t),
 				safeAreaTop: ue.safe_area?.y,
 				frameWidth: T.width,
 				...n ? {
 					gridRect: n,
 					gridAnimate: ae.animate
 				} : {},
-				children: (r) => /* @__PURE__ */ R(PI, {
+				children: (r) => /* @__PURE__ */ R(RI, {
 					availableHeight: r,
 					client: l,
 					gridDriven: n !== null,
@@ -29472,7 +29645,7 @@ function kI({ onLayoutEffectChange: e, onRenderedSlotChange: t, debugEnabled: n
 					sendAppMessage: se
 				})
 			}, e.id)),
-			_ && /* @__PURE__ */ R(AI, {
+			_ && /* @__PURE__ */ R(PI, {
 				client: l,
 				controlsRect: a,
 				density: D,
@@ -29486,14 +29659,14 @@ function kI({ onLayoutEffectChange: e, onRenderedSlotChange: t, debugEnabled: n
 			}),
 			pe && /* @__PURE__ */ R("div", {
 				class: "absolute right-4 bottom-24 @max-mobile:right-3 @max-mobile:bottom-20",
-				children: /* @__PURE__ */ R(WF, { state: ie })
+				children: /* @__PURE__ */ R(JF, { state: ie })
 			}),
 			ae.debug
 		]
 	});
 }
-function AI({ client: e, controlsRect: t, density: n, exiting: r, frameWidth: i, hostTheme: a, instance: o, onComplete: s, onDebug: c, sendAppMessage: l }) {
-	let u = qF[n], d = {
+function PI({ client: e, controlsRect: t, density: n, exiting: r, frameWidth: i, hostTheme: a, instance: o, onComplete: s, onDebug: c, sendAppMessage: l }) {
+	let u = ZF[n], d = {
 		...o.layout,
 		preferred_slot: "safe-area-bottom",
 		display_mode: "inline",
@@ -29502,7 +29675,7 @@ function AI({ client: e, controlsRect: t, density: n, exiting: r, frameWidth: i,
 		...a,
 		cssVars: {
 			...a.cssVars,
-			"--font-mono": xI
+			"--font-mono": TI
 		},
 		activity: {
 			density: n,
@@ -29511,13 +29684,13 @@ function AI({ client: e, controlsRect: t, density: n, exiting: r, frameWidth: i,
 	}), [n, a]);
 	return /* @__PURE__ */ R("div", {
 		class: "cvi-status-strip absolute flex justify-center",
-		style: aI(t, 72, i),
+		style: lI(t, 72, i),
 		"data-canvas-status-strip": !0,
-		children: /* @__PURE__ */ R(jI, {
+		children: /* @__PURE__ */ R(FI, {
 			exiting: r,
 			instanceId: o.id,
-			children: /* @__PURE__ */ R(PI, {
-				availableHeight: SI,
+			children: /* @__PURE__ */ R(RI, {
+				availableHeight: EI,
 				client: e,
 				fixedHeightPx: u,
 				hostTheme: f,
@@ -29525,27 +29698,27 @@ function AI({ client: e, controlsRect: t, density: n, exiting: r, frameWidth: i,
 				layout: d,
 				onComplete: s,
 				onDebug: c,
-				onDisplayModeChange: CI,
-				onNaturalHeightChange: CI,
+				onDisplayModeChange: DI,
+				onNaturalHeightChange: DI,
 				sendAppMessage: l,
 				variant: "strip"
 			})
 		})
 	});
 }
-function jI({ exiting: e, instanceId: t, children: n }) {
+function FI({ exiting: e, instanceId: t, children: n }) {
 	let r = P(null);
 	return Ye(() => {
 		let t = r.current;
 		if (!t || e) return;
 		if (iS()) {
-			t.style.transition = `opacity 300ms ${YF}`, t.style.opacity = "0";
+			t.style.transition = `opacity 300ms ${$F}`, t.style.opacity = "0";
 			let e = globalThis.requestAnimationFrame(() => {
 				t.style.opacity = "1";
 			});
 			return () => globalThis.cancelAnimationFrame(e);
 		}
-		let { stiffness: n, damping: i, mass: a } = XF, o = 0, s = 0, c = performance.now(), l = 0, u = () => {
+		let { stiffness: n, damping: i, mass: a } = eI, o = 0, s = 0, c = performance.now(), l = 0, u = () => {
 			let e = (1 - o) * 40;
 			t.style.transform = `translateY(${e.toFixed(2)}px)`, t.style.opacity = `${Math.min(Math.max(o, 0), 1)}`;
 		};
@@ -29561,7 +29734,7 @@ function jI({ exiting: e, instanceId: t, children: n }) {
 		return l = globalThis.requestAnimationFrame(d), () => globalThis.cancelAnimationFrame(l);
 	}, [e, t]), N(() => {
 		let t = r.current;
-		t && e && (t.style.transition = `opacity 300ms ${YF}`, t.style.opacity = "0");
+		t && e && (t.style.transition = `opacity 300ms ${$F}`, t.style.opacity = "0");
 	}, [e]), /* @__PURE__ */ R("div", {
 		ref: r,
 		class: "w-full",
@@ -29569,13 +29742,13 @@ function jI({ exiting: e, instanceId: t, children: n }) {
 		children: n
 	});
 }
-var MI = 16;
-function NI({ slot: e, safeAreaTop: t, frameWidth: n, gridRect: r, gridAnimate: i = !1, children: a }) {
-	let [o, s] = VI(), c = a(r ? r.height : e === "full" ? void 0 : s);
+var II = 16;
+function LI({ slot: e, safeAreaTop: t, frameWidth: n, gridRect: r, gridAnimate: i = !1, children: a }) {
+	let [o, s] = GI(), c = a(r ? r.height : e === "full" ? void 0 : s);
 	if (r) return /* @__PURE__ */ R("div", {
 		ref: o,
 		class: "pointer-events-auto absolute",
-		style: UF(r, i),
+		style: qF(r, i),
 		"data-canvas-slot": e,
 		"data-grid-driven": "true",
 		children: /* @__PURE__ */ R("div", {
@@ -29587,7 +29760,7 @@ function NI({ slot: e, safeAreaTop: t, frameWidth: n, gridRect: r, gridAnimate:
 		let r = t == null ? "1rem" : `${t * 100}%`, i = n != null && n > 0 ? Math.max(0, n - 32) : void 0;
 		return /* @__PURE__ */ R("div", {
 			ref: o,
-			class: `cvi-strip-lift ${UI(e)}`,
+			class: `cvi-strip-lift ${qI(e)}`,
 			style: {
 				top: r,
 				bottom: "calc(72px + var(--mc-strip-band, 0px))",
@@ -29602,8 +29775,8 @@ function NI({ slot: e, safeAreaTop: t, frameWidth: n, gridRect: r, gridAnimate:
 	}
 	return e === "safe-area-bottom" ? /* @__PURE__ */ R("div", {
 		ref: o,
-		class: UI(e),
-		style: { top: `${MI}px` },
+		class: qI(e),
+		style: { top: `${II}px` },
 		"data-canvas-slot": e,
 		children: /* @__PURE__ */ R("div", {
 			class: "contents",
@@ -29611,7 +29784,7 @@ function NI({ slot: e, safeAreaTop: t, frameWidth: n, gridRect: r, gridAnimate:
 		})
 	}) : /* @__PURE__ */ R("div", {
 		ref: o,
-		class: UI(e),
+		class: qI(e),
 		"data-canvas-slot": e,
 		children: /* @__PURE__ */ R("div", {
 			class: "contents",
@@ -29619,7 +29792,7 @@ function NI({ slot: e, safeAreaTop: t, frameWidth: n, gridRect: r, gridAnimate:
 		})
 	});
 }
-function PI({ 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, variant: p = "card", fixedHeightPx: m }) {
+function RI({ 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, variant: p = "card", fixedHeightPx: m }) {
 	let h = p === "strip", g = m ?? 720, _ = P(null), v = P(null), y = P(e), b = P(r), x = P(m ?? 320), S = P({
 		fixed: m,
 		max: g
@@ -29632,17 +29805,17 @@ function PI({ availableHeight: e, client: t, gridDriven: n = !1, gridKioskCard:
 	}, [m, g]), N(() => {
 		w.current = a;
 	}, [a]), N(() => {
-		x.current = k, v.current?.setHostContext(RI(w.current, C.current, T.current, y.current, k, b.current));
+		x.current = k, v.current?.setHostContext(HI(w.current, C.current, T.current, y.current, k, b.current));
 	}, [k]), N(() => {
 		y.current = e, b.current = r;
-		let t = LI(i, _.current);
-		C.current = t, v.current?.setHostContext(RI(w.current, t, T.current, e, x.current, r));
+		let t = VI(i, _.current);
+		C.current = t, v.current?.setHostContext(HI(w.current, t, T.current, e, x.current, r));
 	}, [
 		e,
 		i,
 		r
 	]), N(() => {
-		T.current = o, v.current?.setHostContext(RI(w.current, C.current, o, e, x.current, b.current));
+		T.current = o, v.current?.setHostContext(HI(w.current, C.current, o, e, x.current, b.current));
 	}, [e, o]), N(() => {
 		D.current = l, ee.current = u, O.current = d, te.current = f;
 	}, [
@@ -29656,7 +29829,7 @@ function PI({ availableHeight: e, client: t, gridDriven: n = !1, gridKioskCard:
 		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: JI(e).message
+				lastError: QI(e).message
 			}, {
 				error: e,
 				operation: "canvas.bridge"
@@ -29693,18 +29866,18 @@ function PI({ availableHeight: e, client: t, gridDriven: n = !1, gridKioskCard:
 					text: {},
 					structuredContent: {}
 				}
-			}, { hostContext: RI(a, LI(C.current, e), T.current, y.current, x.current, b.current) });
+			}, { hostContext: HI(a, VI(C.current, e), T.current, y.current, x.current, b.current) });
 			r = f, v.current = f, f.oninitialized = () => {
 				n || (c({ iframeLifecycleState: "ready" }), E.current = w.current.revision, f.sendToolInput({ arguments: w.current.arguments }).catch(u));
 			}, f.onsizechange = ({ height: e }) => {
 				if (!n && typeof e == "number" && Number.isFinite(e)) {
-					let { fixed: t, max: n } = S.current, r = t === void 0 ? Math.min(Math.max(e, yI), n) : e === t ? t : Math.min(e, SI);
+					let { fixed: t, max: n } = S.current, r = t === void 0 ? Math.min(Math.max(e, CI), n) : e === t ? t : Math.min(e, EI);
 					A(r), O.current(w.current.id, r);
 				}
 			}, f.onmessage = async (e) => {
 				let r = $b(e);
 				if (!r) {
-					if (hI(e)) {
+					if (yI(e)) {
 						let e = "Magic Canvas message included text without interaction metadata; no interaction row was recorded.";
 						return c({
 							lastInteractionPostResult: "error",
@@ -29729,7 +29902,7 @@ function PI({ availableHeight: e, client: t, gridDriven: n = !1, gridKioskCard:
 					}
 				})();
 				if ("error" in a) {
-					let e = JI(a.error).message;
+					let e = QI(a.error).message;
 					return c({
 						lastInteractionPostResult: "error",
 						lastError: e
@@ -29746,19 +29919,19 @@ function PI({ availableHeight: e, client: t, gridDriven: n = !1, gridKioskCard:
 				try {
 					u = nx(e, o);
 				} catch (e) {
-					c({ lastError: JI(e).message }), o.type === "submit" && console.warn("Magic Canvas dropped the response text of a submitted card.", e);
+					c({ lastError: QI(e).message }), o.type === "submit" && console.warn("Magic Canvas dropped the response text of a submitted card.", e);
 				}
 				let d = !0;
 				try {
-					await fI(t, o.conversation_id, l.body);
+					await gI(t, o.conversation_id, l.body);
 				} catch (e) {
-					d = !1, pI(e) ? mI(e, c) : (console.warn("Magic Canvas interaction POST failed; continuing without it and retrying in the background.", e), c({
+					d = !1, _I(e) ? vI(e, c) : (console.warn("Magic Canvas interaction POST failed; continuing without it and retrying in the background.", e), c({
 						lastInteractionPostResult: "failed_open",
-						lastError: JI(e).message
+						lastError: QI(e).message
 					}, {
 						error: e,
 						operation: "canvas.bridge"
-					}), gI(t, o.conversation_id, l.body, c));
+					}), bI(t, o.conversation_id, l.body, c));
 				}
 				if (n) return {};
 				if (u) try {
@@ -29769,7 +29942,7 @@ function PI({ availableHeight: e, client: t, gridDriven: n = !1, gridKioskCard:
 						properties: { text: u }
 					});
 				} catch (e) {
-					console.error("Magic Canvas respond send failed.", e), c({ lastError: JI(e).message }, {
+					console.error("Magic Canvas respond send failed.", e), c({ lastError: QI(e).message }, {
 						error: e,
 						operation: "canvas.bridge"
 					});
@@ -29779,18 +29952,18 @@ function PI({ availableHeight: e, client: t, gridDriven: n = !1, gridKioskCard:
 					lastError: void 0
 				}), tx(o) && (o.type === "submit" ? (s && clearTimeout(s), s = setTimeout(() => {
 					s = null, n || D.current();
-				}, vI(i.arguments))) : D.current()), {};
+				}, SI(i.arguments))) : D.current()), {};
 			}, f.onupdatemodelcontext = async (e) => (i = e, o ||= setTimeout(() => {
 				o = null, d();
-			}, cI), {}), f.onrequestdisplaymode = async ({ mode: e }) => {
+			}, fI), {}), f.onrequestdisplaymode = async ({ mode: e }) => {
 				if (h) return { mode: "inline" };
 				let t = e === "fullscreen" ? "fullscreen" : "inline";
 				return ee.current(t), T.current = {
 					...T.current,
 					display_mode: t,
 					viable_slot: t === "fullscreen" ? "full" : T.current.viable_slot
-				}, f.setHostContext(RI(w.current, C.current, T.current, y.current, x.current, b.current)), { mode: t };
-			}, f.connect(new DI(e)).then(() => void 0).catch(u);
+				}, f.setHostContext(HI(w.current, C.current, T.current, y.current, x.current, b.current)), { mode: t };
+			}, f.connect(new jI(e)).then(() => void 0).catch(u);
 		};
 		c({
 			iframeLifecycleState: "mounting",
@@ -29812,7 +29985,7 @@ function PI({ availableHeight: e, client: t, gridDriven: n = !1, gridKioskCard:
 		a.revision !== 0 && (a.revision <= E.current || (E.current = a.revision, v.current?.sendToolInput({ arguments: a.arguments }).catch((e) => {
 			c({
 				iframeLifecycleState: "error",
-				lastError: JI(e).message
+				lastError: QI(e).message
 			}, {
 				error: e,
 				operation: "canvas.bridge"
@@ -29823,7 +29996,7 @@ function PI({ availableHeight: e, client: t, gridDriven: n = !1, gridKioskCard:
 		a.revision,
 		c
 	]);
-	let ne = o.viable_slot === "full" || o.display_mode === "fullscreen", re = ne ? null : zI(k, e, r), ie = re?.placeholderStyle, j = re?.cardStyle, ae = ne ? { height: "100%" } : re?.iframeStyle ?? {
+	let ne = o.viable_slot === "full" || o.display_mode === "fullscreen", re = ne ? null : UI(k, e, r), ie = re?.placeholderStyle, j = re?.cardStyle, ae = ne ? { height: "100%" } : re?.iframeStyle ?? {
 		width: "100%",
 		height: `${k}px`
 	}, oe = h ? "pointer-events-auto w-full overflow-hidden" : [
@@ -29831,7 +30004,7 @@ function PI({ availableHeight: e, client: t, gridDriven: n = !1, gridKioskCard:
 		r ? "" : "shadow-xl",
 		ne ? "fixed inset-4 z-10 max-w-none" : n ? "max-w-none" : "max-w-md",
 		s ? "scale-[0.98] opacity-40" : ""
-	].filter(Boolean).join(" "), se = TI[a.canvas_config.component] ?? wI, ce = /* @__PURE__ */ R("div", {
+	].filter(Boolean).join(" "), se = kI[a.canvas_config.component] ?? OI, ce = /* @__PURE__ */ R("div", {
 		class: oe,
 		style: j,
 		...h ? { "data-canvas-strip": o.viable_slot } : { "data-canvas-card": o.viable_slot },
@@ -29850,7 +30023,7 @@ function PI({ availableHeight: e, client: t, gridDriven: n = !1, gridKioskCard:
 		children: ce
 	});
 }
-var FI = [
+var zI = [
 	"--color-base-100",
 	"--color-base-200",
 	"--color-base-300",
@@ -29860,17 +30033,17 @@ var FI = [
 	"--color-neutral",
 	"--color-neutral-content"
 ];
-function II(e) {
+function BI(e) {
 	if (!e || typeof getComputedStyle != "function") return {};
 	let t = getComputedStyle(e), n = {};
-	for (let e of FI) {
+	for (let e of zI) {
 		let r = t.getPropertyValue(e).trim();
 		r && (n[e] = r);
 	}
 	return n;
 }
-function LI(e, t) {
-	let n = II(t);
+function VI(e, t) {
+	let n = BI(t);
 	return Object.keys(n).length === 0 ? e : {
 		...e,
 		cssVars: {
@@ -29879,20 +30052,20 @@ function LI(e, t) {
 		}
 	};
 }
-function RI(e, t, n, r, i, a = !1) {
-	let o = Ix(t, n), s = n.viable_slot === "full" || n.display_mode === "fullscreen", c = s ? void 0 : KI(r), l = t.activity ? sI(t.cssVars, t.activity) : {}, u = s ? 1 : zI(i ?? 0, r, a)?.displayScale ?? 1;
+function HI(e, t, n, r, i, a = !1) {
+	let o = Ix(t, n), s = n.viable_slot === "full" || n.display_mode === "fullscreen", c = s ? void 0 : XI(r), l = t.activity ? dI(t.cssVars, t.activity) : {}, u = s ? 1 : UI(i ?? 0, r, a)?.displayScale ?? 1;
 	return {
 		...e.canvas_config.host_context,
 		...o,
 		...l,
 		containerDimensions: {
-			...qI(o.containerDimensions) ? o.containerDimensions : {},
+			...ZI(o.containerDimensions) ? o.containerDimensions : {},
 			...c === void 0 ? {} : { maxHeight: c },
 			displayScale: u
 		}
 	};
 }
-function zI(e, t, n = !1) {
+function UI(e, t, n = !1) {
 	if (t === void 0 || !Number.isFinite(t) || t <= 0) return null;
 	let r = Math.min(e, 720);
 	if (n) return {
@@ -29932,11 +30105,11 @@ function zI(e, t, n = !1) {
 		}
 	};
 }
-function BI() {
-	let e = P(null), [t, n] = M(() => HI(null));
+function WI() {
+	let e = P(null), [t, n] = M(() => KI(null));
 	return N(() => {
 		let t = () => n((t) => {
-			let n = HI(e.current);
+			let n = KI(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);
@@ -29946,7 +30119,7 @@ function BI() {
 		};
 	}, []), [e, t];
 }
-function VI() {
+function GI() {
 	let e = P(null), [t, n] = M();
 	return N(() => {
 		let t = e.current;
@@ -29962,7 +30135,7 @@ function VI() {
 		return a.observe(t), () => a.disconnect();
 	}, []), [e, t];
 }
-function HI(e) {
+function KI(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);
@@ -29978,7 +30151,7 @@ function HI(e) {
 		visualViewportHeight: t
 	};
 }
-function UI(e) {
+function qI(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]`;
@@ -29987,24 +30160,24 @@ function UI(e) {
 		case "full": return `${t} inset-4 flex-col items-stretch justify-stretch`;
 	}
 }
-function WI(e) {
+function JI(e) {
 	return e.display_mode === "fullscreen" && e.preferred_slot !== "full" ? e.preferred_slot : e.viable_slot;
 }
-function GI() {
+function YI() {
 	return !1;
 }
-function KI(e) {
+function XI(e) {
 	return e === void 0 || !Number.isFinite(e) || e <= 0 ? 720 : Math.min(Math.floor(e), 720);
 }
-function qI(e) {
+function ZI(e) {
 	return typeof e == "object" && !!e && !Array.isArray(e);
 }
-function JI(e) {
+function QI(e) {
 	return e instanceof Error ? e : Error(String(e));
 }
 //#endregion
 //#region ../core/src/magic-canvas/grid-error-boundary.tsx
-var YI = class extends D {
+var $I = class extends D {
 	state = { errored: !1 };
 	componentDidCatch(e) {
 		this.props.onError(e), this.setState({ errored: !0 });
@@ -30012,8 +30185,8 @@ var YI = class extends D {
 	render() {
 		return this.state.errored ? null : this.props.children;
 	}
-}, XI = 1e4;
-function ZI(e, t = XI) {
+}, eL = 1e4;
+function tL(e, t = eL) {
 	let [n, r] = M(!1), i = P(!1);
 	return N(() => {
 		if (!e) {
@@ -30028,7 +30201,7 @@ function ZI(e, t = XI) {
 }
 //#endregion
 //#region ../core/src/hooks/use-call-presence.ts
-function QI(e) {
+function nL(e) {
 	let t = Zf(), n = rp(t ?? ""), r = !ap(t ?? "").isOff, i = fb(e), a = i.phase === "ready" ? i.replicaId : "", o = ap(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 F(() => ({
 		presence: i,
@@ -30050,7 +30223,7 @@ function QI(e) {
 }
 //#endregion
 //#region ../core/src/hooks/use-call-controls-visible.ts
-function $I(e, t, n) {
+function rL(e, t, n) {
 	let [r, i] = M(!0);
 	return N(() => {
 		if (!t) return;
@@ -30080,7 +30253,7 @@ function $I(e, t, n) {
 }
 //#endregion
 //#region ../core/src/hooks/use-call-controls-rect.ts
-function eL(e, t, n, r, i) {
+function iL(e, t, n, r, i) {
 	let [a, o] = M(void 0);
 	return N(() => {
 		if (!r) return;
@@ -30114,8 +30287,8 @@ function eL(e, t, n, r, i) {
 }
 //#endregion
 //#region ../core/src/hooks/use-replica-join-timeout.ts
-var tL = 1e4;
-function nL({ onTimeout: e, timeoutMs: t = tL, active: n = !0 }) {
+var aL = 1e4;
+function oL({ onTimeout: e, timeoutMs: t = aL, active: n = !0 }) {
 	let r = db().length > 0, [i, a] = M(!1), o = P(e);
 	return N(() => {
 		o.current = e;
@@ -30139,39 +30312,39 @@ function nL({ onTimeout: e, timeoutMs: t = tL, active: n = !0 }) {
 }
 //#endregion
 //#region ../core/src/hooks/use-system-shutdown.ts
-function rL(e) {
+function sL(e) {
 	if (typeof e != "object" || !e) return !1;
 	let t = e;
 	return t.message_type === "system" && t.event_type === "system.shutdown";
 }
-function iL({ onShutdown: e }) {
+function cL({ onShutdown: e }) {
 	let t = P(e);
 	N(() => {
 		t.current = e;
 	}, [e]), ep({ onAppMessage: I((e) => {
-		rL(e?.data) && t.current();
+		sL(e?.data) && t.current();
 	}, []) });
 }
 //#endregion
 //#region ../core/src/hooks/use-picture-in-picture.ts
-var aL = dn("PiP"), oL = 360, sL = 280;
-function cL() {
+var lL = dn("PiP"), uL = 360, dL = 280;
+function fL() {
 	return globalThis.window !== void 0 && "documentPictureInPicture" in globalThis.window;
 }
-function lL(e) {
-	let { enabled: t, active: n } = e, [r, i] = M(null), a = cL(), o = L(ng), s = I(() => {
+function pL(e) {
+	let { enabled: t, active: n } = e, [r, i] = M(null), a = fL(), o = L(ng), s = I(() => {
 		i((e) => (e && !e.closed && e.close(), null));
 	}, []), c = I(async () => {
 		if (a && t && n && (!r || r.closed)) try {
 			let e = await globalThis.window.documentPictureInPicture.requestWindow({
-				width: oL,
-				height: sL
+				width: uL,
+				height: dL
 			}), t = Ne.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) {
-			aL.warn("Failed to open PiP window", e);
+			lL.warn("Failed to open PiP window", e);
 		}
 	}, [
 		a,
@@ -30192,13 +30365,13 @@ function lL(e) {
 			try {
 				e.metadata = new MediaMetadata({ title: "Tavus conversation" }), e.playbackState = "playing", l = !0;
 			} catch (e) {
-				aL.warn("mediaSession metadata setup failed", e);
+				lL.warn("mediaSession metadata setup failed", e);
 			}
 			let t = (t, n) => {
 				try {
 					e.setActionHandler(t, n), r.push(t);
 				} catch (e) {
-					aL.info(`mediaSession.${t} not supported`, e);
+					lL.info(`mediaSession.${t} not supported`, e);
 				}
 			};
 			t("enterpictureinpicture", () => {
@@ -30252,11 +30425,11 @@ function lL(e) {
 }
 //#endregion
 //#region ../core/src/utils/device-preferences.ts
-var uL = It(null), dL = {
+var mL = It(null), hL = {
 	active: !1,
 	video_shift_x: 0,
 	backdrop: { type: "snapshot_mirror" }
-}, fL = dp(({ id: e, showAudioWave: t = !0 }) => {
+}, gL = dp(({ id: e, showAudioWave: t = !0 }) => {
 	let n = rp(e).isOff;
 	return /* @__PURE__ */ R("div", {
 		class: `relative aspect-square w-32 @max-mobile:w-24 rounded-box overflow-hidden bg-black/30 z-10 ${n ? "hidden" : ""}`,
@@ -30271,20 +30444,20 @@ var uL = It(null), dL = {
 			children: /* @__PURE__ */ R(ib, { id: e })
 		})]
 	});
-}), pL = dp(() => {
+}), _L = dp(() => {
 	let e = Zf(), { isScreenSharing: t } = _y(), n = db()[0];
-	return /* @__PURE__ */ R(E, { children: [t && n && /* @__PURE__ */ R(fL, { id: n }), e && /* @__PURE__ */ R(fL, {
+	return /* @__PURE__ */ R(E, { children: [t && n && /* @__PURE__ */ R(gL, { id: n }), e && /* @__PURE__ */ R(gL, {
 		id: e,
 		showAudioWave: !1
 	})] });
-}), mL = dp(() => /* @__PURE__ */ R("div", {
+}), vL = dp(() => /* @__PURE__ */ R("div", {
 	class: "cvi-strip-lift absolute bottom-4 @max-mobile:bottom-[calc(5rem_+_var(--cvi-status-strip,0px))] left-4 flex flex-col items-end gap-2 z-20",
-	children: /* @__PURE__ */ R(pL, {})
-})), hL = dp(({ personaSessionId: e, localId: t, isScreenSharing: n, avatarOff: r, effect: i, animate: a }) => /* @__PURE__ */ R(E, { children: [
+	children: /* @__PURE__ */ R(_L, {})
+})), yL = dp(({ personaSessionId: e, localId: t, isScreenSharing: n, avatarOff: r, effect: i, animate: a }) => /* @__PURE__ */ R(E, { children: [
 	/* @__PURE__ */ R("div", { class: "absolute inset-0 bg-base-200" }),
 	i.content && /* @__PURE__ */ R("div", {
 		class: "absolute overflow-hidden rounded-box bg-black",
-		style: UF(i.content, a),
+		style: qF(i.content, a),
 		children: /* @__PURE__ */ R(py, {
 			sessionId: n ? t ?? "" : e,
 			type: "screenVideo",
@@ -30293,8 +30466,8 @@ var uL = It(null), dL = {
 		})
 	}),
 	i.replica && /* @__PURE__ */ R("div", {
-		class: AF("absolute overflow-hidden", i.replicaCollapsed && "rounded-box"),
-		style: UF(i.replica, a),
+		class: PF("absolute overflow-hidden", i.replicaCollapsed && "rounded-box"),
+		style: qF(i.replica, a),
 		children: /* @__PURE__ */ R(gb, {
 			personaSessionId: e,
 			localSessionId: t,
@@ -30302,11 +30475,11 @@ var uL = It(null), dL = {
 			avatarOff: r
 		})
 	})
-] })), gL = dp(() => {
-	let { effect: e, animate: t } = FF.value, n = Zf();
+] })), bL = dp(() => {
+	let { effect: e, animate: t } = zF.value, n = Zf();
 	return n === null || e.selfView === null ? null : /* @__PURE__ */ R("div", {
 		class: "absolute z-20 overflow-hidden rounded-box bg-black/30",
-		style: UF(e.selfView, t),
+		style: qF(e.selfView, t),
 		children: /* @__PURE__ */ R(py, {
 			automirror: !0,
 			sessionId: n,
@@ -30315,23 +30488,23 @@ var uL = It(null), dL = {
 			className: "h-full w-full object-cover"
 		})
 	});
-}), _L = dp(({ canvasRenderedSlot: e }) => {
-	let t = YN(FF.value.effect);
-	return t === "hidden" ? null : t === "engine" ? /* @__PURE__ */ R(YI, {
-		onError: VN,
-		children: /* @__PURE__ */ R(gL, {})
-	}) : e === "safe-area-bottom" ? null : /* @__PURE__ */ R(mL, {});
-}), vL = dp(() => {
+}), xL = dp(({ canvasRenderedSlot: e }) => {
+	let t = $N(zF.value.effect);
+	return t === "hidden" ? null : t === "engine" ? /* @__PURE__ */ R($I, {
+		onError: GN,
+		children: /* @__PURE__ */ R(bL, {})
+	}) : e === "safe-area-bottom" ? null : /* @__PURE__ */ R(vL, {});
+}), SL = dp(() => {
 	let e = db()[0];
 	return e ? /* @__PURE__ */ R(my, { sessionId: e }) : null;
-}), yL = dp((e) => /* @__PURE__ */ R(E, { children: [/* @__PURE__ */ R(vL, {}), /* @__PURE__ */ R(bL, { ...e })] })), bL = dp(({ isAudioOnly: e, presence: t, canvasLayoutEffect: n, canvasRenderedSlot: r }) => {
-	let { presence: i, localId: a, isScreenSharing: o, isPersonaPresenting: s } = t, c = FF.value, l = n.active && !o && (!e || s);
+}), CL = dp((e) => /* @__PURE__ */ R(E, { children: [/* @__PURE__ */ R(SL, {}), /* @__PURE__ */ R(wL, { ...e })] })), wL = dp(({ isAudioOnly: e, presence: t, canvasLayoutEffect: n, canvasRenderedSlot: r }) => {
+	let { presence: i, localId: a, isScreenSharing: o, isPersonaPresenting: s } = t, c = zF.value, l = n.active && !o && (!e || s);
 	return i.phase === "left" ? /* @__PURE__ */ R(nb, {}) : i.phase === "connecting" ? /* @__PURE__ */ R(tb, {}) : e && !s ? /* @__PURE__ */ R("div", {
 		class: "absolute inset-0 flex items-center justify-center",
 		children: /* @__PURE__ */ R(cb, { sessionId: i.replicaId })
-	}) : c.effect.driving ? /* @__PURE__ */ R(YI, {
-		onError: VN,
-		children: /* @__PURE__ */ R(hL, {
+	}) : c.effect.driving ? /* @__PURE__ */ R($I, {
+		onError: GN,
+		children: /* @__PURE__ */ R(yL, {
 			personaSessionId: i.replicaId,
 			localId: a,
 			isScreenSharing: o,
@@ -30345,7 +30518,7 @@ var uL = It(null), dL = {
 		avatarOff: i.videoState.isOff,
 		canvasLayoutEffect: n,
 		smartSidecarActive: l
-	}) : /* @__PURE__ */ R(xL, {
+	}) : /* @__PURE__ */ R(TL, {
 		personaSessionId: i.replicaId,
 		localId: a,
 		isScreenSharing: o,
@@ -30354,11 +30527,11 @@ var uL = It(null), dL = {
 		canvasLayoutEffect: n,
 		canvasRenderedSlot: r
 	});
-}), xL = dp(({ personaSessionId: e, localId: t, isScreenSharing: n, avatarOff: r, smartSidecarActive: i, canvasLayoutEffect: a, canvasRenderedSlot: o }) => /* @__PURE__ */ R(fS, {
+}), TL = dp(({ personaSessionId: e, localId: t, isScreenSharing: n, avatarOff: r, smartSidecarActive: i, canvasLayoutEffect: a, canvasRenderedSlot: o }) => /* @__PURE__ */ R(fS, {
 	canvasLayoutEffect: a,
 	smartSidecarActive: i,
 	isScreenSharing: n,
-	captureSnapshot: TL,
+	captureSnapshot: kL,
 	personaMode: "auto",
 	renderedSlot: o,
 	fill: (i) => /* @__PURE__ */ R(gb, {
@@ -30368,7 +30541,7 @@ var uL = It(null), dL = {
 		avatarOff: r,
 		videoRef: i
 	})
-})), SL = dp(({ items: e }) => {
+})), EL = dp(({ items: e }) => {
 	let [t, n] = M(!1), r = P(null);
 	return N(() => {
 		if (!t) return;
@@ -30398,8 +30571,8 @@ var uL = It(null), dL = {
 			children: e
 		})]
 	});
-}), CL = dp(({ items: e }) => e.length <= 1 ? /* @__PURE__ */ R(E, { children: e }) : /* @__PURE__ */ R(SL, { items: e })), wL = dp(({ onLeave: e }) => {
-	let t = Xf(), { config: n } = Dh(), { session: r, state: i, end: a, endSession: o } = Hy(), s = Zf(), c = P(null), l = L(Jg)?.frameRef ?? c, [u, d] = M(!1), f = Wv() === "full-screen", [p, m] = M(!1), [h, g] = M(dL), [_, v] = M(null), [y, b] = M(null), x = n.value.customization.conversation, S = ZI(x.show_fullscreen_hint && _ !== null && !u && !f), C = P(null), w = P(null), T = r.value?.conversationUrl, E = r.value?.magicGrid === !0, D = $I(C, FN(x.magic_grid, E), T), ee = eL(C, w, 72, !0, T), O = x.modality === "audio", te = QI(O), k = x.modality === "chat", A = x.modality === "video", ne = x.enable_chat, re = x.enable_closed_captions, ie = x.enable_picture_in_picture, { pipWindow: j } = lL({
+}), DL = dp(({ items: e }) => e.length <= 1 ? /* @__PURE__ */ R(E, { children: e }) : /* @__PURE__ */ R(EL, { items: e })), OL = dp(({ onLeave: e }) => {
+	let t = Xf(), { config: n } = Dh(), { session: r, state: i, end: a, endSession: o } = Hy(), s = Zf(), c = P(null), l = L(Jg)?.frameRef ?? c, [u, d] = M(!1), f = Wv() === "full-screen", [p, m] = M(!1), [h, g] = M(hL), [_, v] = M(null), [y, b] = M(null), x = n.value.customization.conversation, S = tL(x.show_fullscreen_hint && _ !== null && !u && !f), C = P(null), w = P(null), T = r.value?.conversationUrl, E = r.value?.magicGrid === !0, D = rL(C, zN(x.magic_grid, E), T), ee = iL(C, w, 72, !0, T), O = x.modality === "audio", te = nL(O), k = x.modality === "chat", A = x.modality === "video", ne = x.enable_chat, re = x.enable_closed_captions, ie = x.enable_picture_in_picture, { pipWindow: j } = pL({
 		enabled: ie && !k,
 		active: t === "joined-meeting"
 	}), ae = P(null), oe = i.value === "connected" ? r.value?.conversationId : void 0;
@@ -30415,13 +30588,13 @@ var uL = It(null), dL = {
 	}, [se]);
 	let { camera: ce, requestCamera: le } = Vh(), { isCamMuted: ue } = hy(), de = ce.isGranted && !ue;
 	N(() => {
-		A && t === "joined-meeting" && (uL.value = de);
+		A && t === "joined-meeting" && (mL.value = de);
 	}, [
 		A,
 		t,
 		de
 	]);
-	let fe = P(A && !s && uL.value === !0);
+	let fe = P(A && !s && mL.value === !0);
 	N(() => {
 		t === "joined-meeting" && fe.current && (fe.current = !1, le());
 	}, [t, le]), N(() => {
@@ -30445,10 +30618,10 @@ var uL = It(null), dL = {
 	let me = I(() => {
 		se();
 	}, [se]);
-	if (nL({
+	if (oL({
 		active: !k && t === "joined-meeting",
 		onTimeout: me
-	}), iL({ onShutdown: me }), !T) return null;
+	}), cL({ onShutdown: me }), !T) return null;
 	if (k) return /* @__PURE__ */ R(Yy, {
 		defaultOpen: !0,
 		children: /* @__PURE__ */ R("div", {
@@ -30480,14 +30653,14 @@ var uL = It(null), dL = {
 			/* @__PURE__ */ R("div", {
 				class: "relative w-full h-full z-[5]",
 				children: [
-					/* @__PURE__ */ R(yL, {
+					/* @__PURE__ */ R(CL, {
 						isAudioOnly: O,
 						presence: te,
 						canvasLayoutEffect: h,
 						canvasRenderedSlot: _
 					}),
-					!O && /* @__PURE__ */ R(_L, { canvasRenderedSlot: _ }),
-					/* @__PURE__ */ R(kI, {
+					!O && /* @__PURE__ */ R(xL, { canvasRenderedSlot: _ }),
+					/* @__PURE__ */ R(NI, {
 						debugEnabled: p,
 						callPresence: te,
 						callControlsVisible: D,
@@ -30525,7 +30698,7 @@ var uL = It(null), dL = {
 						/* @__PURE__ */ R(Iy, { level: !0 }),
 						!O && /* @__PURE__ */ R(Ry, {}),
 						re && /* @__PURE__ */ R(Ky, {}),
-						/* @__PURE__ */ R(CL, { items: he }),
+						/* @__PURE__ */ R(DL, { items: he }),
 						/* @__PURE__ */ R("button", {
 							type: "button",
 							class: "btn btn-control btn-error",
@@ -30542,7 +30715,7 @@ var uL = It(null), dL = {
 		]
 	}), j && Tp(/* @__PURE__ */ R(mb, { onLeave: me }), j.document.body)] }) }) });
 });
-function TL(e) {
+function kL(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;
@@ -30557,7 +30730,7 @@ function TL(e) {
 }
 //#endregion
 //#region ../core/src/components/hair-check/index.tsx
-function EL(e, t, n) {
+function AL(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.";
@@ -30568,7 +30741,7 @@ function EL(e, t, n) {
 		default: return e?.loading ?? "Getting your microphone ready...";
 	}
 }
-var DL = dp(({ text: e, isJoining: t = !1, onJoin: n, onCancel: r }) => {
+var jL = dp(({ text: e, isJoining: t = !1, onJoin: n, onCancel: r }) => {
 	let i = Yf(), { config: a } = Dh(), { cameraOnStart: o } = L(gt), { localSessionId: s, isCamMuted: c } = hy(), { mic: l, camera: u, requestMic: d, requestCamera: f } = Vh(), p = a.value.customization.conversation.modality === "video", m = gv(a.value), h = hv(a.value);
 	N(() => {
 		d();
@@ -30584,7 +30757,7 @@ var DL = dp(({ text: e, isJoining: t = !1, onJoin: n, onCancel: r }) => {
 		u.isBlocked,
 		f
 	]);
-	let v = p && g && !u.isGranted, y = EL(e, l.status, v);
+	let v = p && g && !u.isGranted, y = AL(e, l.status, v);
 	return /* @__PURE__ */ R(wy, { children: /* @__PURE__ */ R("div", {
 		class: "absolute inset-0 motion-safe:animate-[tavusFadeUp_280ms_ease-out]",
 		children: [u.isGranted && !c ? /* @__PURE__ */ R("div", {
@@ -30635,8 +30808,8 @@ var DL = dp(({ text: e, isJoining: t = !1, onJoin: n, onCancel: r }) => {
 			})]
 		})]
 	}) });
-}), OL = "Password required", kL = "Enter the password to start this conversation.", AL = "Password", jL = "Continue";
-function ML({ onSubmit: e, text: t, isSubmitting: n = !1, errorMessage: r }) {
+}), ML = "Password required", NL = "Enter the password to start this conversation.", PL = "Password", FL = "Continue";
+function IL({ onSubmit: e, text: t, isSubmitting: n = !1, errorMessage: r }) {
 	let [i, a] = M(""), o = Xe();
 	return /* @__PURE__ */ R("div", {
 		class: "absolute inset-0 z-30 flex items-center justify-center bg-black/50 backdrop-blur-sm p-4",
@@ -30656,18 +30829,18 @@ function ML({ onSubmit: e, text: t, isSubmitting: n = !1, errorMessage: r }) {
 					/* @__PURE__ */ R("h3", {
 						id: `${o}-title`,
 						class: "card-title text-base-content",
-						children: t?.title ?? OL
+						children: t?.title ?? ML
 					}),
 					/* @__PURE__ */ R("p", {
 						class: "text-sm text-base-content/70",
-						children: t?.description ?? kL
+						children: t?.description ?? NL
 					}),
 					/* @__PURE__ */ R("input", {
 						id: o,
 						type: "password",
 						autocomplete: "current-password",
 						class: "input input-bordered w-full",
-						placeholder: t?.placeholder ?? AL,
+						placeholder: t?.placeholder ?? PL,
 						value: i,
 						disabled: n,
 						onInput: (e) => a(e.target.value),
@@ -30683,7 +30856,7 @@ function ML({ onSubmit: e, text: t, isSubmitting: n = !1, errorMessage: r }) {
 						type: "submit",
 						disabled: !i.trim(),
 						loading: n,
-						children: t?.submit ?? jL
+						children: t?.submit ?? FL
 					})
 				]
 			})
@@ -30692,7 +30865,7 @@ function ML({ onSubmit: e, text: t, isSubmitting: n = !1, errorMessage: r }) {
 }
 //#endregion
 //#region ../core/src/components/welcome/index.tsx
-function NL({ text: e, onStart: t, isStarting: n, permissionRequest: r }) {
+function LL({ text: e, onStart: t, isStarting: n, permissionRequest: r }) {
 	let { config: i, deploymentId: a } = Dh(), o = Wv() === "full-screen", s = L(rh), c = gv(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 = F(() => p && km(a, u), [
 		p,
 		a,
@@ -30701,7 +30874,7 @@ function NL({ text: e, onStart: t, isStarting: n, permissionRequest: r }) {
 	return /* @__PURE__ */ R(ry, {
 		title: c.title,
 		description: c.description,
-		overlay: v && s ? /* @__PURE__ */ R(ML, { onSubmit: s.setPassword }) : null,
+		overlay: v && s ? /* @__PURE__ */ R(IL, { onSubmit: s.setPassword }) : null,
 		children: [/* @__PURE__ */ R("div", {
 			class: "relative",
 			children: [r && /* @__PURE__ */ R(Kv, {
@@ -30739,28 +30912,28 @@ function NL({ text: e, onStart: t, isStarting: n, permissionRequest: r }) {
 }
 //#endregion
 //#region ../core/src/hooks/use-haircheck-text.ts
-function PL(...e) {
+function RL(...e) {
 	for (let t of e) {
 		let e = t?.trim();
 		if (e) return e;
 	}
 }
-function FL() {
+function zL() {
 	let { config: e } = Dh(), { haircheck: t } = e.value.customization;
 	return F(() => ({
-		prompt: PL(t.permission_request_description, t.permission_request_title),
-		ready: PL(t.permission_granted_description, t.permission_granted_title),
-		denied: PL(t.permission_denied_description, t.permission_denied_title),
-		join: PL(t.join_button),
-		cancel: PL(t.cancel_btn)
+		prompt: RL(t.permission_request_description, t.permission_request_title),
+		ready: RL(t.permission_granted_description, t.permission_granted_title),
+		denied: RL(t.permission_denied_description, t.permission_denied_title),
+		join: RL(t.join_button),
+		cancel: RL(t.cancel_btn)
 	}), [t]);
 }
 //#endregion
 //#region ../core/src/shells/flow-state-body.tsx
-function IL({ flow: e, welcomeText: t, onUnavailableCancel: n }) {
-	let r = FL();
+function BL({ flow: e, welcomeText: t, onUnavailableCancel: n }) {
+	let r = zL();
 	switch (e.state) {
-		case "idle": return /* @__PURE__ */ R(NL, {
+		case "idle": return /* @__PURE__ */ R(LL, {
 			text: t,
 			onStart: () => {
 				e.start();
@@ -30768,7 +30941,7 @@ function IL({ flow: e, welcomeText: t, onUnavailableCancel: n }) {
 			isStarting: e.isStarting,
 			permissionRequest: e.permissionRequest
 		});
-		case "haircheck": return /* @__PURE__ */ R(DL, {
+		case "haircheck": return /* @__PURE__ */ R(jL, {
 			text: r,
 			onJoin: () => {
 				e.join();
@@ -30776,7 +30949,7 @@ function IL({ flow: e, welcomeText: t, onUnavailableCancel: n }) {
 			onCancel: () => e.cancel(),
 			isJoining: e.isStarting
 		});
-		case "call": return /* @__PURE__ */ R(wL, { onLeave: () => e.leave() });
+		case "call": return /* @__PURE__ */ R(OL, { onLeave: () => e.leave() });
 		case "ended": return /* @__PURE__ */ R(dy, {
 			isStarting: e.isStarting,
 			permissionRequest: e.permissionRequest,
@@ -30801,7 +30974,7 @@ function IL({ flow: e, welcomeText: t, onUnavailableCancel: n }) {
 }
 //#endregion
 //#region ../core/src/shells/embed/embed-shell.tsx
-function LL() {
+function VL() {
 	let { config: e, configError: t } = Dh(), n = Uv(), r = Vv(), i = F(() => ({ fallback_button: n.start_button }), [n.start_button]), a = e.value.is_available, o = e.value.unavailable_reason;
 	return /* @__PURE__ */ R(Yg, { children: t.value ? /* @__PURE__ */ R(Bv, {
 		cause: "error",
@@ -30811,18 +30984,18 @@ function LL() {
 		cause: o ?? "daily_limit",
 		canRetry: !1,
 		onRetry: () => {}
-	}) : /* @__PURE__ */ R(IL, {
+	}) : /* @__PURE__ */ R(BL, {
 		flow: r,
 		welcomeText: i
 	}) });
 }
 //#endregion
 //#region ../core/src/embed/tavus-embed.tsx
-var RL = ":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 zL(e) {
+var HL = ":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 UL(e) {
 	return /* @__PURE__ */ R(E, { children: [
 		/* @__PURE__ */ R("style", { dangerouslySetInnerHTML: { __html: Ne } }),
-		/* @__PURE__ */ R("style", { dangerouslySetInnerHTML: { __html: RL } }),
+		/* @__PURE__ */ R("style", { dangerouslySetInnerHTML: { __html: HL } }),
 		/* @__PURE__ */ R(vt, {
 			surface: "embed",
 			layout: e.layout,
@@ -30837,14 +31010,14 @@ function zL(e) {
 			token: e.token,
 			children: /* @__PURE__ */ R(Pr, {
 				fallback: /* @__PURE__ */ R(qg, {}),
-				children: /* @__PURE__ */ R(Ir, { children: /* @__PURE__ */ R(ih, { children: /* @__PURE__ */ R(Eh, { children: /* @__PURE__ */ R(Xh, { children: /* @__PURE__ */ R(tg, { children: /* @__PURE__ */ R(rg, { children: /* @__PURE__ */ R(Rg, { children: /* @__PURE__ */ R(LL, {}) }) }) }) }) }) }) })
+				children: /* @__PURE__ */ R(Ir, { children: /* @__PURE__ */ R(ih, { children: /* @__PURE__ */ R(Eh, { children: /* @__PURE__ */ R(Xh, { children: /* @__PURE__ */ R(tg, { children: /* @__PURE__ */ R(rg, { children: /* @__PURE__ */ R(Rg, { children: /* @__PURE__ */ R(VL, {}) }) }) }) }) }) }) })
 			})
 		})
 	] });
 }
-var BL;
-function VL() {
-	BL ||= Te(zL, "tavus-embed", [
+var WL;
+function GL() {
+	WL ||= Te(UL, "tavus-embed", [
 		"layout",
 		"camera-on-start",
 		"deployment-id",
@@ -30863,7 +31036,7 @@ function VL() {
 dn("Widget");
 //#endregion
 //#region src/integration.ts
-var HL = [
+var KL = [
 	"tavus:chat-message",
 	"tavus:conversation-created",
 	"tavus:conversation-ended",
@@ -30875,7 +31048,7 @@ var HL = [
 	"tavus:ready",
 	"tavus:state-change",
 	"tavus:tool-call"
-], UL = class {
+], qL = class {
 	element = null;
 	tagName;
 	constructor(e = "tavus-embed") {
@@ -30926,6 +31099,6 @@ var HL = [
 };
 //#endregion
 //#region src/index.ts
-typeof window < "u" && VL();
+typeof window < "u" && GL();
 //#endregion
-export { HL as TAVUS_EVENT_NAMES, UL as TavusIntegration };
+export { KL as TAVUS_EVENT_NAMES, qL as TavusIntegration };