@tavus/widget 0.19.2 → 0.19.4

package/dist/index.mjs

@@ -3048,7 +3048,7 @@ var xn = class extends Error {
 	}
 }, Sn = {
 	name: "@tavus/widget",
-	version: "0.19.2",
+	version: "0.19.4",
 	variant: "widget"
 }, Cn = /* @__PURE__ */ new Set([
 	"Error",
@@ -24911,6 +24911,10 @@ var Vj = {
 		componentOverrides: {}
 	},
 	content: { stackedAspect: 16 / 9 },
+	replica: {
+		maxAspect: 16 / 9,
+		landscapeMinAspect: 1
+	},
 	pip: {
 		gapPaddingPx: 24,
 		minWidthPx: 128,
@@ -25139,6 +25143,81 @@ var Wj = {
 			}
 		]
 	},
+	"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",
@@ -25364,6 +25443,39 @@ var Wj = {
 			}
 		]
 	},
+	"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",
@@ -25592,7 +25704,7 @@ var Wj = {
 	"content-focus": {
 		compact: {
 			stacked: "content-stack-compact",
-			"side-by-side": "content-stack-compact"
+			"side-by-side": "content-columns-compact"
 		},
 		medium: {
 			stacked: "content-stack",
@@ -25606,7 +25718,7 @@ var Wj = {
 	"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",
@@ -25620,7 +25732,7 @@ var Wj = {
 	"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",
@@ -25845,21 +25957,28 @@ function lM(e, t) {
 	};
 }
 function uM(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 - lM(e, t).cardsPad) : r;
 }
 function dM(e, t, n) {
+	return e === "canvas-dominant" && t.width === "compact" ? n.eviction.compactTakeoverMaxCards : n.eviction.maxVisibleCards;
+}
+function fM(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 fM(e, t, n, r, i, a) {
-	let o = i ?? lM(n, r).cardsPad, s = Math.round(a ?? n.rail.widthPx), c = Math.max(1, Math.min(t - 2 * o, s - 2 * o));
+function pM(e, t, n, r, i, a) {
+	let o = lM(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 = eM(e.component, {
 				...e.contentOpts,
 				naturalHeightPx: e.naturalHeightPx,
-				widthPx: c,
+				widthPx: u,
 				coldDefaultHeightPx: n.card.coldDefaultHeightPx
 			}, n.card.componentOverrides);
 			return {
@@ -25870,14 +25989,22 @@ function fM(e, t, n, r, i, a) {
 		})
 	};
 }
-function pM(e, t) {
+var mM = (e) => e.accepts.includes("replica") && e.accepts.includes("selfView");
+function hM(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) => mM(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 gM(e, t) {
 	return "fraction" in e ? e.fraction * t : e.px >= 0 ? e.px : t + e.px;
 }
-function mM(e, t, n, r) {
+function _M(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 hM(e, t, n, r, i, a) {
-	let o = n === "x" ? t.width : t.height, s = [...e].sort((e, t) => pM(n === "x" ? e.x : e.y, o) - pM(n === "x" ? t.x : t.y, o)), c = s.map((e) => n === "x" ? mM(e, e.width, r, "width") : e.height), l = 0, u = 0;
+function vM(e, t, n, r, i, a) {
+	let o = n === "x" ? t.width : t.height, s = [...e].sort((e, t) => gM(n === "x" ? e.x : e.y, o) - gM(n === "x" ? t.x : t.y, o)), c = s.map((e) => n === "x" ? _M(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) {
@@ -25910,25 +26037,29 @@ function hM(e, t, n, r, i, a) {
 	let _ = [0], v = 0;
 	for (let e of f) v += e, _.push(cM(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 gM(e, t, n) {
-	let r = t.width, i = t.height, a = mM(e, e.width, n, "width"), o = mM(e, e.x, n, "x"), s = cM(Math.round(pM(o, r)), 0, r), c = cM(Math.round(pM(e.y, i)), 0, i);
+function yM(e, t, n) {
+	let r = t.width, i = t.height, a = _M(e, e.width, n, "width"), o = _M(e, e.x, n, "x"), s = cM(Math.round(gM(o, r)), 0, r), c = cM(Math.round(gM(e.y, i)), 0, i);
 	return {
 		x: s,
 		y: c,
@@ -25936,37 +26067,43 @@ function gM(e, t, n) {
 		height: cM(Math.round("fraction" in e.height ? e.height.fraction * i : e.height.px), 0, i - c)
 	};
 }
-function _M(e, t, n, r, i) {
+function bM(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)) ? hM(a, t, "x", n) : a.length > 1 && a.every((e) => o(e.width)) ? hM(a, t, "y", n, r, i) : a.map((e) => ({
+	return a.length > 1 && a.every((e) => o(e.height)) ? vM(a, t, "x", n) : a.length > 1 && a.every((e) => o(e.width)) ? vM(a, t, "y", n, r, i) : a.map((e) => ({
 		region: e,
-		rect: gM(e, t, n)
+		rect: yM(e, t, n)
 	}));
 }
-function vM(e, t, n, r, i, a, o, s, c, l, u) {
+function xM(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 } = fM(dM(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 } = lM(c, l), _ = pM(f.y, i.height), v = d.every((e) => pM(e.y, i.height) <= _) ? Math.max(0, o - s) : 0, y = h > 0;
+	let { innerW: p, entries: m } = pM(fM(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 } = lM(c, l), _ = gM(f.y, i.height), v = d.every((e) => gM(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 yM(e, t, n, r) {
+function SM(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 bM = "bottom-left";
-function xM(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 CM = "bottom-left";
+function wM(e, t, n) {
 	let r = e.statusStrip;
 	if (r === void 0) return null;
 	let i = cM(Math.round(r.heightPx ?? 48), 0, 160), a = e.callControlsRect, o = Math.min(Math.max(Math.round(a?.width ?? 0), 448), t.width - 32);
@@ -25979,12 +26116,12 @@ function xM(e, t, n) {
 		height: i
 	};
 }
-function SM(e, t, n, r, i, a) {
+function TM(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 CM = (e, t) => e.x < t.x + t.width && e.x + e.width > t.x;
-function wM(e, t, n) {
-	return t === null || !CM(e.rect, t) ? e : {
+var EM = (e, t) => e.x < t.x + t.width && e.x + e.width > t.x;
+function DM(e, t, n) {
+	return t === null || !EM(e.rect, t) ? e : {
 		...e,
 		rect: {
 			...e.rect,
@@ -25992,7 +26129,7 @@ function wM(e, t, n) {
 		}
 	};
 }
-function TM(e, t, n, r, i) {
+function OM(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),
@@ -26001,20 +26138,40 @@ function TM(e, t, n, r, i) {
 		height: i
 	};
 }
-function EM(e, t, n, r) {
+function kM(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 AM(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 DM(e, t, n) {
+function jM(e, t, n) {
 	return t === null || !aM(e, t) ? e : {
 		...e,
 		y: Math.round(t.y) - n - e.height
 	};
 }
-function OM(e) {
+function MM(e) {
 	if (typeof e != "object" || !e) return !1;
 	let t = e;
 	return [
@@ -26024,17 +26181,17 @@ function OM(e) {
 		"height"
 	].every((e) => typeof t[e] == "number" && Number.isFinite(t[e]));
 }
-function kM(e, t, n) {
+function NM(e, t, n) {
 	let r = e;
-	for (let e of t.filter(OM).sort((e, t) => t.y - e.y)) r = DM(r, e, n);
+	for (let e of t.filter(MM).sort((e, t) => t.y - e.y)) r = jM(r, e, n);
 	return r;
 }
-function AM(e, t, n) {
+function PM(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 jM(e, t, n, r, i, a) {
+function FM(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 ? lM(a, r.width).surfacePad : 0, f = {
 		width: Math.max(0, i.width - 2 * d),
 		height: Math.max(0, i.height - 2 * d)
@@ -26043,56 +26200,65 @@ function jM(e, t, n, r, i, a) {
 		y: s,
 		width: i.width,
 		height: o
-	} : null), m = _M(e, f, a, vM(e, t.state, t.contentKind, n, f, i, o, d, a, r.width, uM(t.state, r, a)), yM(e, t.contentKind, f, a)).map((e) => ({
+	} : null), m = xM(e, t.state, t.contentKind, n, f, i, o, d, a, r.width, dM(t.state, r, a)), h = SM(e, t.contentKind, f, d, a), g = bM(e, f, {
+		...a,
+		rail: {
+			...a.rail,
+			widthPx: uM(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 ? wM(t, p, s) : t;
-		return e === null ? r : wM(r, e, e.y - 8);
-	}), _ = xM(n, i, s), v = g(_);
-	return _ !== null && !SM(_, 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 ? DM(t, p, s) : t;
+		return e === null ? r : DM(r, e, e.y - 8);
+	}), y = wM(n, i, s), b = v(y);
+	return y !== null && !TM(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 MM(e, t, n, r, i, a) {
-	let o = n.selfView && n.prefs.hideSelfView !== !0, { regions: s, surfacePad: c, controlsInset: l, bandTopY: u, statusStrip: d } = jM(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 = uM(e.state, r, a), S = h ? dM(n.cards, x, a.eviction.policy) : _ === void 0 ? [] : dM(n.cards, 1, a.eviction.policy), C = (s) => {
-		let x = {
+function IM(e, t, n, r, i, a) {
+	let o = n.selfView && n.prefs.hideSelfView !== !0, { regions: s, surfacePad: c, controlsInset: l, bandTopY: u, statusStrip: d } = FM(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 ?? Uj({
+		widthPx: i.width,
+		heightPx: i.height
+	}, a).composition) === "side-by-side", x = [...n.cards].sort((e, t) => e.dispatchSeq - t.dispatchSeq), S = dM(e.state, r, a), C = h ? fM(n.cards, S, a.eviction.policy) : _ === void 0 ? [] : fM(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 = kM(e, b, a), E = {
 					id: "replica",
 					kind: "replica",
 					rect: e,
@@ -26100,31 +26266,32 @@ function MM(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 = kM(t, b, a));
 			let r = {
 				id: e ? "selfView" : "replica",
 				kind: e ? "selfView" : "replica",
@@ -26134,9 +26301,9 @@ function MM(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,
@@ -26145,51 +26312,51 @@ function MM(e, t, n, r, i, a) {
 			fit: { kind: "natural" },
 			region: m.region.name
 		});
-		let D = AM(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 } = fM(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 = PM(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 = hM(n, s, c, i.width, lM(a, r.width).cardsPad), { innerW: d, entries: f } = pM(O, n.width, a, r.width, u, l || e.state === "canvas-dominant" && o.length > 1 ? a.card.stackMaxWidthPx : uM(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 = iM(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 = iM(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 = gM(_, e, a), o = _.sheetAnchor === "bottom", s = lM(a, r.width).cardsPad, l = o ? Math.min(u, n.callControlsRect?.y ?? u) - s : u, f = t.x + c, p = d !== null && CM({
+			}, t = yM(_, e, a), o = _.sheetAnchor === "bottom", s = lM(a, r.width).cardsPad, l = o ? Math.min(u, n.callControlsRect?.y ?? u) - s : u, f = t.x + c, p = d !== null && EM({
 				...t,
 				x: f
 			}, d) ? d.y - 8 : l, m = Math.min(l, p), h = {
@@ -26197,12 +26364,18 @@ function MM(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 } = fM(D, h.width, a, r.width, o ? s : 0, a.card.stackMaxWidthPx), y = v[0];
+			}, { innerW: g, entries: v } = pM(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 = iM(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,
@@ -26219,26 +26392,26 @@ function MM(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") ? bM : n.prefs.pipCorner ?? "bottom-left", o = n.callControlsVisible === !1 ? null : n.callControlsRect ?? (l > 0 ? {
+				let t = e.suppressedPrefs.includes("pipCorner") ? CM : 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 = EM(e, y, a, r.width === "compact"), i = n === null ? null : TM(e, t, y, n.w, n.h), o = i === null ? null : kM(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 = AM(e, y, a, r.width === "compact"), i = n === null ? null : OM(e, t, y, n.w, n.h), o = i === null ? null : NM(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,
@@ -26246,15 +26419,15 @@ function MM(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 = kM(TM(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") && aM(e.rect, c));
-					l && !u ? C.push({
+					}, c = NM(OM(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") && aM(e.rect, c));
+					l && !u ? T.push({
 						id: "selfView",
 						kind: "selfView",
 						rect: c,
@@ -26262,45 +26435,45 @@ function MM(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 = sM(T.tiles, i, a, d);
+	}, E = w(T), D = sM(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 = sM(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 = sM(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 = sM(T.tiles, i, a, d)) : e === "collapse-replica" && !w.replicaCollapsed && T.tiles.some((e) => e.kind === "replica") && (w = {
-			...w,
+		}, E = w(T), D = sM(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 = sM(T.tiles, i, a, d));
+		}, E = w(T), D = sM(E.tiles, i, a, d));
 	}
-	return T;
+	return E;
 }
 //#endregion
 //#region ../../node_modules/@tavus-engineering/magic-grid-core/dist/resolveCore.js
-function NM(e) {
+function LM(e) {
 	if (e !== void 0 && e.length !== 0) return {
 		...Wj,
 		...Object.fromEntries(e.map((e) => [e.id, e]))
 	};
 }
-function PM(e, t, n, r) {
+function RM(e, t, n, r) {
 	let i = e.callControlsRect, a = i === void 0 ? e : {
 		...e,
 		callControlsRect: {
@@ -26312,7 +26485,7 @@ function PM(e, t, n, r) {
 	}, o = {
 		width: Math.max(0, Math.round(a.container.widthPx)),
 		height: Math.max(0, Math.round(a.container.heightPx))
-	}, s = Jj(a, t, n), c = a.replica || a.selfView && a.prefs.hideSelfView !== !0, l = qj(s.state, t, NM(r?.templates), void 0, c, a.kioskMode === !0), { tiles: u, degradations: d, statusStrip: f } = MM(s, l, a, t, o, n);
+	}, s = Jj(a, t, n), c = a.replica || a.selfView && a.prefs.hideSelfView !== !0, l = qj(s.state, t, LM(r?.templates), void 0, c, a.kioskMode === !0), { tiles: u, degradations: d, statusStrip: f } = IM(s, l, a, t, o, n);
 	return {
 		state: s.state,
 		sizeClass: t,
@@ -26326,32 +26499,32 @@ function PM(e, t, n, r) {
 }
 //#endregion
 //#region ../../node_modules/@tavus-engineering/magic-grid-core/dist/transitions.js
-var FM = {
+var zM = {
 	compact: 0,
 	medium: 1,
 	expanded: 2
 };
-function IM(e, t) {
+function BM(e, t) {
 	return e.width === t.width && e.height === t.height && e.composition === t.composition;
 }
-function LM(e, t, n, r, i) {
+function VM(e, t, n, r, i) {
 	let a = e.committedClass;
 	if (a === null || a.composition === void 0) return {
 		committedClass: t,
 		pendingClass: null,
 		pendingSinceMs: null
 	};
-	if (IM(t, a)) return {
+	if (BM(t, a)) return {
 		committedClass: a,
 		pendingClass: null,
 		pendingSinceMs: null
 	};
-	let o = Math.abs(FM[t.width] - FM[a.width]), s = e.lastResolution?.containerPx;
+	let o = Math.abs(zM[t.width] - zM[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 && IM(e.pendingClass, t) ? r - e.pendingSinceMs >= i.hysteresis.windowMs ? {
+	} : e.pendingClass !== null && e.pendingSinceMs !== null && BM(e.pendingClass, t) ? r - e.pendingSinceMs >= i.hysteresis.windowMs ? {
 		committedClass: t,
 		pendingClass: null,
 		pendingSinceMs: null
@@ -26365,15 +26538,15 @@ function LM(e, t, n, r, i) {
 		pendingSinceMs: r
 	};
 }
-var RM = (e, t) => e < t ? -1 : +(e > t);
-function zM(e, t) {
+var HM = (e, t) => e < t ? -1 : +(e > t);
+function UM(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(RM)) r.has(e) || i.push({
+	for (let e of [...n.keys()].sort(HM)) r.has(e) || i.push({
 		type: "exit",
 		tileId: e
 	});
 	let a = [], o = [], s = [];
-	for (let e of [...r.keys()].sort(RM)) {
+	for (let e of [...r.keys()].sort(HM)) {
 		let t = n.get(e);
 		if (t === void 0) {
 			a.push({
@@ -26415,11 +26588,11 @@ function zM(e, t) {
 		...s
 	];
 }
-function BM(e, t, n, r, i) {
-	let a = LM(e, Uj(t.container, r), t.container, n, r), o = PM(t, a.committedClass, r, i);
+function WM(e, t, n, r, i) {
+	let a = VM(e, Uj(t.container, r), t.container, n, r), o = RM(t, a.committedClass, r, i);
 	return {
 		resolution: o,
-		transitions: zM(e.lastResolution, o),
+		transitions: UM(e.lastResolution, o),
 		nextState: {
 			committedClass: a.committedClass,
 			pendingClass: a.pendingClass,
@@ -26430,26 +26603,26 @@ function BM(e, t, n, r, i) {
 }
 //#endregion
 //#region ../../node_modules/@tavus-engineering/magic-grid-core/dist/index.js
-var VM = "0.1.14", HM = Vj, UM = (() => {
+var GM = "0.1.16", KM = Vj, qM = (() => {
 	try {
 		return new URLSearchParams(globalThis.location?.search ?? "").get("grid_enabled") === "1";
 	} catch {
 		return !1;
 	}
-})(), WM = (() => {
+})(), JM = (() => {
 	try {
 		return new URLSearchParams(globalThis.location?.search ?? "").get("grid_debug") === "1";
 	} catch {
 		return !1;
 	}
 })();
-function GM(e, t) {
-	return UM || e === !0 || t === !0;
+function YM(e, t) {
+	return qM || e === !0 || t === !0;
 }
-function KM(e = globalThis.location?.search ?? "") {
+function XM(e = globalThis.location?.search ?? "") {
 	return new URLSearchParams(e).get("kiosk") === "1";
 }
-function qM({ kioskMode: e = !1, instances: t, viewport: n, presence: r, callControlsBandPx: i, callControlsVisible: a, callControlsRect: o, statusStripId: s, statusStripHeightPx: c, reportedHeights: l }) {
+function ZM({ 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: {
@@ -26476,15 +26649,15 @@ function qM({ kioskMode: e = !1, instances: t, viewport: n, presence: r, callCon
 		} }
 	};
 }
-var JM = 16, YM = 200, XM = Et(null);
-function ZM(e) {
-	XM.peek() === null && (console.error("Magic Grid engine error; rendering the legacy layout.", e), XM.value = (e instanceof Error ? `${e.name}: ${e.message}` : String(e)).slice(0, YM));
+var QM = 16, $M = 200, eN = Et(null);
+function tN(e) {
+	eN.peek() === null && (console.error("Magic Grid engine error; rendering the legacy layout.", e), eN.value = (e instanceof Error ? `${e.name}: ${e.message}` : String(e)).slice(0, $M));
 }
-function QM() {
-	XM.peek() !== null && (XM.value = null);
+function nN() {
+	eN.peek() !== null && (eN.value = null);
 }
-function $M({ kioskMode: e = !1, instances: t, viewport: n, presence: r, callControlsBandPx: i, callControlsVisible: a, callControlsRect: o, statusStripId: s, statusStripHeightPx: c, enabled: l }) {
-	let u = P(HM), d = P(null), [f, p] = M({}), [m, h] = M(null), g = I((e, t) => {
+function rN({ kioskMode: e = !1, instances: t, viewport: n, presence: r, callControlsBandPx: i, callControlsVisible: a, callControlsRect: o, statusStripId: s, statusStripHeightPx: c, enabled: l }) {
+	let u = P(KM), d = P(null), [f, p] = M({}), [m, h] = M(null), g = I((e, t) => {
 		l && p((n) => n[e] === t ? n : {
 			...n,
 			[e]: t
@@ -26497,7 +26670,7 @@ function $M({ kioskMode: e = !1, instances: t, viewport: n, presence: r, callCon
 			return Object.keys(r).length === Object.keys(e).length ? e : r;
 		});
 	}, [t]);
-	let _ = F(() => qM({
+	let _ = F(() => ZM({
 		kioskMode: e,
 		instances: t,
 		viewport: n,
@@ -26521,20 +26694,20 @@ function $M({ kioskMode: e = !1, instances: t, viewport: n, presence: r, callCon
 		f
 	]);
 	return N(() => {
-		if (!l || XM.peek() !== null) return;
+		if (!l || eN.peek() !== null) return;
 		d.current === null && (d.current = Date.now());
 		let e = null, t = () => {
-			if (e = null, XM.peek() !== null) return;
+			if (e = null, eN.peek() !== null) return;
 			let n = Date.now() - (d.current ?? 0), r;
 			try {
-				r = BM(u.current, _, n, Hj);
+				r = WM(u.current, _, n, Hj);
 			} catch (e) {
-				ZM(e);
+				tN(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(JM, Hj.hysteresis.windowMs - i + JM));
+				e = setTimeout(t, Math.max(QM, Hj.hysteresis.windowMs - i + QM));
 			}
 		};
 		return t(), () => {
@@ -26548,18 +26721,18 @@ function $M({ kioskMode: e = !1, instances: t, viewport: n, presence: r, callCon
 		recordNaturalHeight: g
 	};
 }
-function eN(e) {
+function iN(e) {
 	return e.kind === "card" && e.sheet === !0 && e.sheetAnchor === "bottom";
 }
-function tN(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" && !eN(e)) ? "card-overflow" : e.degradations.statusStripDropped === !0 ? "status-strip-dropped" : null : "no-persona-video" : "flag-off";
+function aN(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" && !iN(e)) ? "card-overflow" : e.degradations.statusStripDropped === !0 ? "status-strip-dropped" : null : "no-persona-video" : "flag-off";
 }
-function nN(e, t) {
+function oN(e, t) {
 	if (t !== null || e === null) return null;
-	let n = e.tiles.find((e) => e.kind === "card" && e.sheet === !0 && !eN(e));
+	let n = e.tiles.find((e) => e.kind === "card" && e.sheet === !0 && !iN(e));
 	return n === void 0 ? null : n.rect.y + n.rect.height;
 }
-var rN = {
+var sN = {
 	driving: !1,
 	containerPx: null,
 	replica: null,
@@ -26567,10 +26740,10 @@ var rN = {
 	content: null,
 	replicaCollapsed: !1
 };
-function iN(e, t, n) {
-	if (e === null) return rN;
+function cN(e, t, n) {
+	if (e === null) return sN;
 	let r = t === null;
-	if (!r && !(t === "no-persona-video" && n)) return rN;
+	if (!r && !(t === "no-persona-video" && n)) return sN;
 	let i = (t) => e.tiles.find((e) => e.kind === t)?.rect ?? null;
 	return {
 		driving: r,
@@ -26581,34 +26754,34 @@ function iN(e, t, n) {
 		replicaCollapsed: r ? e.degradations.replicaCollapsed : !1
 	};
 }
-function aN(e) {
+function lN(e) {
 	return e.selfView === null ? e.driving ? "hidden" : "legacy" : "engine";
 }
-function oN(e, t) {
+function uN(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 sN(e) {
+function dN(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 cN = "conversation.grid_status", lN = 6e4;
-function uN(e, t, n) {
+var fN = "conversation.grid_status", pN = 6e4;
+function mN(e, t, n) {
 	return n ? e && t ? "url+config+start" : e ? "url+start" : t ? "config+start" : "start" : e && t ? "both" : e ? "url" : "config";
 }
-function dN(e, t) {
+function hN(e, t) {
 	return {
 		message_type: "conversation",
-		event_type: cN,
+		event_type: fN,
 		conversation_id: e,
 		properties: t
 	};
 }
-function fN(e) {
-	let t = sN(e.sizeClass);
+function gN(e) {
+	let t = dN(e.sizeClass);
 	return {
 		template_id: e.templateId,
 		size_class: `${e.sizeClass.width}/${e.sizeClass.height}`,
@@ -26620,8 +26793,8 @@ function fN(e) {
 		cards: e.tiles.filter((e) => e.kind === "card").length
 	};
 }
-function pN(e) {
-	let { send: t, enabledVia: n, engineVersion: r = VM, now: i = Date.now, transitionDebounceMs: a = 500, summaryIntervalMs: o = lN } = 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 _N(e) {
+	let { send: t, enabledVia: n, engineVersion: r = GM, now: i = Date.now, transitionDebounceMs: a = 500, summaryIntervalMs: o = pN } = 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 {}
@@ -26658,7 +26831,7 @@ function pN(e) {
 	return {
 		update(e, t) {
 			if (c) return;
-			t !== null && (v = fN(t));
+			t !== null && (v = gN(t));
 			let n = f === null ? u : d;
 			(n === void 0 || e !== n) && (d = e, f !== null && clearTimeout(f), f = setTimeout(() => x(e), a));
 		},
@@ -26673,7 +26846,7 @@ function pN(e) {
 		}
 	};
 }
-function mN({ enabled: e, enabledVia: t, bail: n, resolution: r, engineError: i }) {
+function vN({ enabled: e, enabledVia: t, bail: n, resolution: r, engineError: i }) {
 	let a = zf(), o = Bf(), s = L(qm), c = P({
 		daily: a,
 		meetingState: o,
@@ -26687,7 +26860,7 @@ function mN({ enabled: e, enabledVia: t, bail: n, resolution: r, engineError: i
 	let l = P(null);
 	N(() => {
 		if (!e) return;
-		let n = pN({
+		let n = _N({
 			enabledVia: t,
 			send: (e) => {
 				try {
@@ -26695,7 +26868,7 @@ function mN({ 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(dN(n, e), "*");
+					t.daily.sendAppMessage(hN(n, e), "*");
 				} catch {}
 			}
 		});
@@ -26710,100 +26883,100 @@ function mN({ enabled: e, enabledVia: t, bail: n, resolution: r, engineError: i
 }
 //#endregion
 //#region ../../node_modules/tailwind-merge/dist/bundle-mjs.mjs
-var hN = (e, t) => {
+var yN = (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;
-}, gN = (e, t) => ({
+}, bN = (e, t) => ({
 	classGroupId: e,
 	validator: t
-}), _N = (e = /* @__PURE__ */ new Map(), t = null, n) => ({
+}), xN = (e = /* @__PURE__ */ new Map(), t = null, n) => ({
 	nextPart: e,
 	validators: t,
 	classGroupId: n
-}), vN = "-", yN = [], bN = "arbitrary..", xN = (e) => {
-	let t = wN(e), { conflictingClassGroups: n, conflictingClassGroupModifiers: r } = e;
+}), SN = "-", CN = [], wN = "arbitrary..", TN = (e) => {
+	let t = ON(e), { conflictingClassGroups: n, conflictingClassGroupModifiers: r } = e;
 	return {
 		getClassGroupId: (e) => {
-			if (e.startsWith("[") && e.endsWith("]")) return CN(e);
-			let n = e.split(vN);
-			return SN(n, +(n[0] === "" && n.length > 1), t);
+			if (e.startsWith("[") && e.endsWith("]")) return DN(e);
+			let n = e.split(SN);
+			return EN(n, +(n[0] === "" && n.length > 1), t);
 		},
 		getConflictingClassGroupIds: (e, t) => {
 			if (t) {
 				let t = r[e], i = n[e];
-				return t ? i ? hN(i, t) : t : i || yN;
+				return t ? i ? yN(i, t) : t : i || CN;
 			}
-			return n[e] || yN;
+			return n[e] || CN;
 		}
 	};
-}, SN = (e, t, n) => {
+}, EN = (e, t, n) => {
 	if (e.length - t === 0) return n.classGroupId;
 	let r = e[t], i = n.nextPart.get(r);
 	if (i) {
-		let n = SN(e, t + 1, i);
+		let n = EN(e, t + 1, i);
 		if (n) return n;
 	}
 	let a = n.validators;
 	if (a === null) return;
-	let o = t === 0 ? e.join(vN) : e.slice(t).join(vN), s = a.length;
+	let o = t === 0 ? e.join(SN) : e.slice(t).join(SN), s = a.length;
 	for (let e = 0; e < s; e++) {
 		let t = a[e];
 		if (t.validator(o)) return t.classGroupId;
 	}
-}, CN = (e) => e.slice(1, -1).indexOf(":") === -1 ? void 0 : (() => {
+}, DN = (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 ? bN + r : void 0;
-})(), wN = (e) => {
+	return r ? wN + r : void 0;
+})(), ON = (e) => {
 	let { theme: t, classGroups: n } = e;
-	return TN(n, t);
-}, TN = (e, t) => {
-	let n = _N();
+	return kN(n, t);
+}, kN = (e, t) => {
+	let n = xN();
 	for (let r in e) {
 		let i = e[r];
-		EN(i, n, r, t);
+		AN(i, n, r, t);
 	}
 	return n;
-}, EN = (e, t, n, r) => {
+}, AN = (e, t, n, r) => {
 	let i = e.length;
 	for (let a = 0; a < i; a++) {
 		let i = e[a];
-		DN(i, t, n, r);
+		jN(i, t, n, r);
 	}
-}, DN = (e, t, n, r) => {
+}, jN = (e, t, n, r) => {
 	if (typeof e == "string") {
-		ON(e, t, n);
+		MN(e, t, n);
 		return;
 	}
 	if (typeof e == "function") {
-		kN(e, t, n, r);
+		NN(e, t, n, r);
 		return;
 	}
-	AN(e, t, n, r);
-}, ON = (e, t, n) => {
-	let r = e === "" ? t : jN(t, e);
+	PN(e, t, n, r);
+}, MN = (e, t, n) => {
+	let r = e === "" ? t : FN(t, e);
 	r.classGroupId = n;
-}, kN = (e, t, n, r) => {
-	if (MN(e)) {
-		EN(e(r), t, n, r);
+}, NN = (e, t, n, r) => {
+	if (IN(e)) {
+		AN(e(r), t, n, r);
 		return;
 	}
-	t.validators === null && (t.validators = []), t.validators.push(gN(n, e));
-}, AN = (e, t, n, r) => {
+	t.validators === null && (t.validators = []), t.validators.push(bN(n, e));
+}, PN = (e, t, n, r) => {
 	let i = Object.entries(e), a = i.length;
 	for (let e = 0; e < a; e++) {
 		let [a, o] = i[e];
-		EN(o, jN(t, a), n, r);
+		AN(o, FN(t, a), n, r);
 	}
-}, jN = (e, t) => {
-	let n = e, r = t.split(vN), i = r.length;
+}, FN = (e, t) => {
+	let n = e, r = t.split(SN), i = r.length;
 	for (let e = 0; e < i; e++) {
 		let t = r[e], i = n.nextPart.get(t);
-		i || (i = _N(), n.nextPart.set(t, i)), n = i;
+		i || (i = xN(), n.nextPart.set(t, i)), n = i;
 	}
 	return n;
-}, MN = (e) => "isThemeGetter" in e && e.isThemeGetter === !0, NN = (e) => {
+}, IN = (e) => "isThemeGetter" in e && e.isThemeGetter === !0, LN = (e) => {
 	if (e < 1) return {
 		get: () => void 0,
 		set: () => {}
@@ -26821,19 +26994,19 @@ var hN = (e, t) => {
 			e in n ? n[e] = t : i(e, t);
 		}
 	};
-}, PN = "!", FN = ":", IN = [], LN = (e, t, n, r, i) => ({
+}, RN = "!", zN = ":", BN = [], VN = (e, t, n, r, i) => ({
 	modifiers: e,
 	hasImportantModifier: t,
 	baseClassName: n,
 	maybePostfixModifierPosition: r,
 	isExternal: i
-}), RN = (e) => {
+}), HN = (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 === FN) {
+				if (o === zN) {
 					t.push(e.slice(i, s)), i = s + 1;
 					continue;
 				}
@@ -26845,13 +27018,13 @@ var hN = (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(PN) ? (c = s.slice(0, -1), l = !0) : s.startsWith(PN) && (c = s.slice(1), l = !0);
+		s.endsWith(RN) ? (c = s.slice(0, -1), l = !0) : s.startsWith(RN) && (c = s.slice(1), l = !0);
 		let u = a && a > i ? a - i : void 0;
-		return LN(t, l, c, u);
+		return VN(t, l, c, u);
 	};
 	if (t) {
-		let e = t + FN, n = r;
-		r = (t) => t.startsWith(e) ? n(t.slice(e.length)) : LN(IN, !1, t, void 0, !0);
+		let e = t + zN, n = r;
+		r = (t) => t.startsWith(e) ? n(t.slice(e.length)) : VN(BN, !1, t, void 0, !0);
 	}
 	if (n) {
 		let e = r;
@@ -26861,7 +27034,7 @@ var hN = (e, t) => {
 		});
 	}
 	return r;
-}, zN = (e) => {
+}, UN = (e) => {
 	let t = /* @__PURE__ */ new Map();
 	return e.orderSensitiveModifiers.forEach((e, n) => {
 		t.set(e, 1e6 + n);
@@ -26873,18 +27046,18 @@ var hN = (e, t) => {
 		}
 		return r.length > 0 && (r.sort(), n.push(...r)), n;
 	};
-}, BN = (e) => ({
-	cache: NN(e.cacheSize),
-	parseClassName: RN(e),
-	sortModifiers: zN(e),
-	postfixLookupClassGroupIds: VN(e),
-	...xN(e)
-}), VN = (e) => {
+}, WN = (e) => ({
+	cache: LN(e.cacheSize),
+	parseClassName: HN(e),
+	sortModifiers: UN(e),
+	postfixLookupClassGroupIds: GN(e),
+	...TN(e)
+}), GN = (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;
-}, HN = /\s+/, UN = (e, t) => {
-	let { parseClassName: n, getClassGroupId: r, getConflictingClassGroupIds: i, sortModifiers: a, postfixLookupClassGroupIds: o } = t, s = [], c = e.trim().split(HN), l = "";
+}, KN = /\s+/, qN = (e, t) => {
+	let { parseClassName: n, getClassGroupId: r, getConflictingClassGroupIds: i, sortModifiers: a, postfixLookupClassGroupIds: o } = t, s = [], c = e.trim().split(KN), 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) {
@@ -26908,7 +27081,7 @@ var hN = (e, t) => {
 			}
 			h = !1;
 		}
-		let _ = d.length === 0 ? "" : d.length === 1 ? d[0] : a(d).join(":"), v = f ? _ + PN : _, y = v + g;
+		let _ = d.length === 0 ? "" : d.length === 1 ? d[0] : a(d).join(":"), v = f ? _ + RN : _, y = v + g;
 		if (s.indexOf(y) > -1) continue;
 		s.push(y);
 		let b = i(g, h);
@@ -26919,34 +27092,34 @@ var hN = (e, t) => {
 		l = t + (l.length > 0 ? " " + l : l);
 	}
 	return l;
-}, WN = (...e) => {
+}, JN = (...e) => {
 	let t = 0, n, r, i = "";
-	for (; t < e.length;) (n = e[t++]) && (r = GN(n)) && (i && (i += " "), i += r);
+	for (; t < e.length;) (n = e[t++]) && (r = YN(n)) && (i && (i += " "), i += r);
 	return i;
-}, GN = (e) => {
+}, YN = (e) => {
 	if (typeof e == "string") return e;
 	let t, n = "";
-	for (let r = 0; r < e.length; r++) e[r] && (t = GN(e[r])) && (n && (n += " "), n += t);
+	for (let r = 0; r < e.length; r++) e[r] && (t = YN(e[r])) && (n && (n += " "), n += t);
 	return n;
-}, KN = (e, ...t) => {
-	let n, r, i, a, o = (o) => (n = BN(t.reduce((e, t) => t(e), e())), r = n.cache.get, i = n.cache.set, a = s, s(o)), s = (e) => {
+}, XN = (e, ...t) => {
+	let n, r, i, a, o = (o) => (n = WN(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 = UN(e, n);
+		let a = qN(e, n);
 		return i(e, a), a;
 	};
-	return a = o, (...e) => a(WN(...e));
-}, qN = [], JN = (e) => {
-	let t = (t) => t[e] || qN;
+	return a = o, (...e) => a(JN(...e));
+}, ZN = [], QN = (e) => {
+	let t = (t) => t[e] || ZN;
 	return t.isThemeGetter = !0, t;
-}, YN = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, XN = /^\((?:(\w[\w-]*):)?(.+)\)$/i, ZN = /^\d+(?:\.\d+)?\/\d+(?:\.\d+)?$/, QN = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, $N = /\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$/, eP = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, tP = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, nP = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, rP = (e) => ZN.test(e), iP = (e) => !!e && !Number.isNaN(Number(e)), aP = (e) => !!e && Number.isInteger(Number(e)), oP = (e) => e.endsWith("%") && iP(e.slice(0, -1)), sP = (e) => QN.test(e), cP = () => !0, lP = (e) => $N.test(e) && !eP.test(e), uP = () => !1, dP = (e) => tP.test(e), fP = (e) => nP.test(e), pP = (e) => !Q(e) && !$(e), mP = (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)), hP = (e) => AP(e, PP, uP), Q = (e) => YN.test(e), gP = (e) => AP(e, FP, lP), _P = (e) => AP(e, IP, iP), vP = (e) => AP(e, RP, cP), yP = (e) => AP(e, LP, uP), bP = (e) => AP(e, MP, uP), xP = (e) => AP(e, NP, fP), SP = (e) => AP(e, zP, dP), $ = (e) => XN.test(e), CP = (e) => jP(e, FP), wP = (e) => jP(e, LP), TP = (e) => jP(e, MP), EP = (e) => jP(e, PP), DP = (e) => jP(e, NP), OP = (e) => jP(e, zP, !0), kP = (e) => jP(e, RP, !0), AP = (e, t, n) => {
-	let r = YN.exec(e);
+}, $N = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, eP = /^\((?:(\w[\w-]*):)?(.+)\)$/i, tP = /^\d+(?:\.\d+)?\/\d+(?:\.\d+)?$/, nP = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, rP = /\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$/, iP = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, aP = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, oP = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, sP = (e) => tP.test(e), cP = (e) => !!e && !Number.isNaN(Number(e)), lP = (e) => !!e && Number.isInteger(Number(e)), uP = (e) => e.endsWith("%") && cP(e.slice(0, -1)), dP = (e) => nP.test(e), fP = () => !0, pP = (e) => rP.test(e) && !iP.test(e), mP = () => !1, hP = (e) => aP.test(e), gP = (e) => oP.test(e), _P = (e) => !Q(e) && !$(e), vP = (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)), yP = (e) => PP(e, RP, mP), Q = (e) => $N.test(e), bP = (e) => PP(e, zP, pP), xP = (e) => PP(e, BP, cP), SP = (e) => PP(e, HP, fP), CP = (e) => PP(e, VP, mP), wP = (e) => PP(e, IP, mP), TP = (e) => PP(e, LP, gP), EP = (e) => PP(e, UP, hP), $ = (e) => eP.test(e), DP = (e) => FP(e, zP), OP = (e) => FP(e, VP), kP = (e) => FP(e, IP), AP = (e) => FP(e, RP), jP = (e) => FP(e, LP), MP = (e) => FP(e, UP, !0), NP = (e) => FP(e, HP, !0), PP = (e, t, n) => {
+	let r = $N.exec(e);
 	return r ? r[1] ? t(r[1]) : n(r[2]) : !1;
-}, jP = (e, t, n = !1) => {
-	let r = XN.exec(e);
+}, FP = (e, t, n = !1) => {
+	let r = eP.exec(e);
 	return r ? r[1] ? t(r[1]) : n : !1;
-}, MP = (e) => e === "position" || e === "percentage", NP = (e) => e === "image" || e === "url", PP = (e) => e === "length" || e === "size" || e === "bg-size", FP = (e) => e === "length", IP = (e) => e === "number", LP = (e) => e === "family-name", RP = (e) => e === "number" || e === "weight", zP = (e) => e === "shadow", BP = /* @__PURE__ */ KN(() => {
-	let e = JN("color"), t = JN("font"), n = JN("text"), r = JN("font-weight"), i = JN("tracking"), a = JN("leading"), o = JN("breakpoint"), s = JN("container"), c = JN("spacing"), l = JN("radius"), u = JN("shadow"), d = JN("inset-shadow"), f = JN("text-shadow"), p = JN("drop-shadow"), m = JN("blur"), h = JN("perspective"), g = JN("aspect"), _ = JN("ease"), v = JN("animate"), y = () => [
+}, IP = (e) => e === "position" || e === "percentage", LP = (e) => e === "image" || e === "url", RP = (e) => e === "length" || e === "size" || e === "bg-size", zP = (e) => e === "length", BP = (e) => e === "number", VP = (e) => e === "family-name", HP = (e) => e === "number" || e === "weight", UP = (e) => e === "shadow", WP = /* @__PURE__ */ XN(() => {
+	let e = QN("color"), t = QN("font"), n = QN("text"), r = QN("font-weight"), i = QN("tracking"), a = QN("leading"), o = QN("breakpoint"), s = QN("container"), c = QN("spacing"), l = QN("radius"), u = QN("shadow"), d = QN("inset-shadow"), f = QN("text-shadow"), p = QN("drop-shadow"), m = QN("blur"), h = QN("perspective"), g = QN("aspect"), _ = QN("ease"), v = QN("animate"), y = () => [
 		"auto",
 		"avoid",
 		"all",
@@ -26988,12 +27161,12 @@ var hN = (e, t) => {
 		Q,
 		c
 	], T = () => [
-		rP,
+		sP,
 		"full",
 		"auto",
 		...w()
 	], E = () => [
-		aP,
+		lP,
 		"none",
 		"subgrid",
 		$,
@@ -27002,15 +27175,15 @@ var hN = (e, t) => {
 		"auto",
 		{ span: [
 			"full",
-			aP,
+			lP,
 			$,
 			Q
 		] },
-		aP,
+		lP,
 		$,
 		Q
 	], ee = () => [
-		aP,
+		lP,
 		"auto",
 		$,
 		Q
@@ -27040,7 +27213,7 @@ var hN = (e, t) => {
 		"center-safe",
 		"end-safe"
 	], A = () => ["auto", ...w()], ne = () => [
-		rP,
+		sP,
 		"auto",
 		"full",
 		"dvw",
@@ -27054,7 +27227,7 @@ var hN = (e, t) => {
 		"fit",
 		...w()
 	], re = () => [
-		rP,
+		sP,
 		"screen",
 		"full",
 		"dvw",
@@ -27065,7 +27238,7 @@ var hN = (e, t) => {
 		"fit",
 		...w()
 	], ie = () => [
-		rP,
+		sP,
 		"screen",
 		"full",
 		"lh",
@@ -27082,8 +27255,8 @@ var hN = (e, t) => {
 		Q
 	], ae = () => [
 		...b(),
-		TP,
-		bP,
+		kP,
+		wP,
 		{ position: [$, Q] }
 	], oe = () => ["no-repeat", { repeat: [
 		"",
@@ -27095,13 +27268,13 @@ var hN = (e, t) => {
 		"auto",
 		"cover",
 		"contain",
-		EP,
-		hP,
+		AP,
+		yP,
 		{ size: [$, Q] }
 	], ce = () => [
-		oP,
-		CP,
-		gP
+		uP,
+		DP,
+		bP
 	], le = () => [
 		"",
 		"none",
@@ -27111,9 +27284,9 @@ var hN = (e, t) => {
 		Q
 	], ue = () => [
 		"",
-		iP,
-		CP,
-		gP
+		cP,
+		DP,
+		bP
 	], de = () => [
 		"solid",
 		"dashed",
@@ -27137,10 +27310,10 @@ var hN = (e, t) => {
 		"color",
 		"luminosity"
 	], pe = () => [
-		iP,
-		oP,
-		TP,
-		bP
+		cP,
+		uP,
+		kP,
+		wP
 	], me = () => [
 		"",
 		"none",
@@ -27149,20 +27322,20 @@ var hN = (e, t) => {
 		Q
 	], he = () => [
 		"none",
-		iP,
+		cP,
 		$,
 		Q
 	], ge = () => [
 		"none",
-		iP,
+		cP,
 		$,
 		Q
 	], _e = () => [
-		iP,
+		cP,
 		$,
 		Q
 	], ve = () => [
-		rP,
+		sP,
 		"full",
 		...w()
 	];
@@ -27176,17 +27349,17 @@ var hN = (e, t) => {
 				"bounce"
 			],
 			aspect: ["video"],
-			blur: [sP],
-			breakpoint: [sP],
-			color: [cP],
-			container: [sP],
-			"drop-shadow": [sP],
+			blur: [dP],
+			breakpoint: [dP],
+			color: [fP],
+			container: [dP],
+			"drop-shadow": [dP],
 			ease: [
 				"in",
 				"out",
 				"in-out"
 			],
-			font: [pP],
+			font: [_P],
 			"font-weight": [
 				"thin",
 				"extralight",
@@ -27198,7 +27371,7 @@ var hN = (e, t) => {
 				"extrabold",
 				"black"
 			],
-			"inset-shadow": [sP],
+			"inset-shadow": [dP],
 			leading: [
 				"none",
 				"tight",
@@ -27215,11 +27388,11 @@ var hN = (e, t) => {
 				"distant",
 				"none"
 			],
-			radius: [sP],
-			shadow: [sP],
-			spacing: ["px", iP],
-			text: [sP],
-			"text-shadow": [sP],
+			radius: [dP],
+			shadow: [dP],
+			spacing: ["px", cP],
+			text: [dP],
+			"text-shadow": [dP],
 			tracking: [
 				"tighter",
 				"tight",
@@ -27233,7 +27406,7 @@ var hN = (e, t) => {
 			aspect: [{ aspect: [
 				"auto",
 				"square",
-				rP,
+				sP,
 				Q,
 				$,
 				g
@@ -27246,9 +27419,9 @@ var hN = (e, t) => {
 				$,
 				Q
 			] }],
-			"container-named": [mP],
+			"container-named": [vP],
 			columns: [{ columns: [
-				iP,
+				cP,
 				Q,
 				$,
 				s
@@ -27347,13 +27520,13 @@ var hN = (e, t) => {
 				"collapse"
 			],
 			z: [{ z: [
-				aP,
+				lP,
 				"auto",
 				$,
 				Q
 			] }],
 			basis: [{ basis: [
-				rP,
+				sP,
 				"full",
 				"auto",
 				s,
@@ -27371,8 +27544,8 @@ var hN = (e, t) => {
 				"wrap-reverse"
 			] }],
 			flex: [{ flex: [
-				iP,
-				rP,
+				cP,
+				sP,
 				"auto",
 				"initial",
 				"none",
@@ -27380,18 +27553,18 @@ var hN = (e, t) => {
 			] }],
 			grow: [{ grow: [
 				"",
-				iP,
+				cP,
 				$,
 				Q
 			] }],
 			shrink: [{ shrink: [
 				"",
-				iP,
+				cP,
 				$,
 				Q
 			] }],
 			order: [{ order: [
-				aP,
+				lP,
 				"first",
 				"last",
 				"none",
@@ -27502,15 +27675,15 @@ var hN = (e, t) => {
 			"font-size": [{ text: [
 				"base",
 				n,
-				CP,
-				gP
+				DP,
+				bP
 			] }],
 			"font-smoothing": ["antialiased", "subpixel-antialiased"],
 			"font-style": ["italic", "not-italic"],
 			"font-weight": [{ font: [
 				r,
-				kP,
-				vP
+				NP,
+				SP
 			] }],
 			"font-stretch": [{ "font-stretch": [
 				"ultra-condensed",
@@ -27522,12 +27695,12 @@ var hN = (e, t) => {
 				"expanded",
 				"extra-expanded",
 				"ultra-expanded",
-				oP,
+				uP,
 				Q
 			] }],
 			"font-family": [{ font: [
-				wP,
-				yP,
+				OP,
+				CP,
 				t
 			] }],
 			"font-features": [{ "font-features": [Q] }],
@@ -27543,10 +27716,10 @@ var hN = (e, t) => {
 				Q
 			] }],
 			"line-clamp": [{ "line-clamp": [
-				iP,
+				cP,
 				"none",
 				$,
-				_P
+				xP
 			] }],
 			leading: [{ leading: [a, ...w()] }],
 			"list-image": [{ "list-image": [
@@ -27580,15 +27753,15 @@ var hN = (e, t) => {
 			],
 			"text-decoration-style": [{ decoration: [...de(), "wavy"] }],
 			"text-decoration-thickness": [{ decoration: [
-				iP,
+				cP,
 				"from-font",
 				"auto",
 				$,
-				gP
+				bP
 			] }],
 			"text-decoration-color": [{ decoration: j() }],
 			"underline-offset": [{ "underline-offset": [
-				iP,
+				cP,
 				"auto",
 				$,
 				Q
@@ -27612,7 +27785,7 @@ var hN = (e, t) => {
 			] }],
 			indent: [{ indent: w() }],
 			"tab-size": [{ tab: [
-				aP,
+				lP,
 				$,
 				Q
 			] }],
@@ -27690,7 +27863,7 @@ var hN = (e, t) => {
 							"l",
 							"tl"
 						] },
-						aP,
+						lP,
 						$,
 						Q
 					],
@@ -27700,13 +27873,13 @@ var hN = (e, t) => {
 						Q
 					],
 					conic: [
-						aP,
+						lP,
 						$,
 						Q
 					]
 				},
-				DP,
-				xP
+				jP,
+				TP
 			] }],
 			"bg-color": [{ bg: j() }],
 			"gradient-from-pos": [{ from: ce() }],
@@ -27773,48 +27946,48 @@ var hN = (e, t) => {
 				"hidden"
 			] }],
 			"outline-offset": [{ "outline-offset": [
-				iP,
+				cP,
 				$,
 				Q
 			] }],
 			"outline-w": [{ outline: [
 				"",
-				iP,
-				CP,
-				gP
+				cP,
+				DP,
+				bP
 			] }],
 			"outline-color": [{ outline: j() }],
 			shadow: [{ shadow: [
 				"",
 				"none",
 				u,
-				OP,
-				SP
+				MP,
+				EP
 			] }],
 			"shadow-color": [{ shadow: j() }],
 			"inset-shadow": [{ "inset-shadow": [
 				"none",
 				d,
-				OP,
-				SP
+				MP,
+				EP
 			] }],
 			"inset-shadow-color": [{ "inset-shadow": j() }],
 			"ring-w": [{ ring: ue() }],
 			"ring-w-inset": ["ring-inset"],
 			"ring-color": [{ ring: j() }],
-			"ring-offset-w": [{ "ring-offset": [iP, gP] }],
+			"ring-offset-w": [{ "ring-offset": [cP, bP] }],
 			"ring-offset-color": [{ "ring-offset": j() }],
 			"inset-ring-w": [{ "inset-ring": ue() }],
 			"inset-ring-color": [{ "inset-ring": j() }],
 			"text-shadow": [{ "text-shadow": [
 				"none",
 				f,
-				OP,
-				SP
+				MP,
+				EP
 			] }],
 			"text-shadow-color": [{ "text-shadow": j() }],
 			opacity: [{ opacity: [
-				iP,
+				cP,
 				$,
 				Q
 			] }],
@@ -27838,7 +28011,7 @@ var hN = (e, t) => {
 				"intersect",
 				"exclude"
 			] }],
-			"mask-image-linear-pos": [{ "mask-linear": [iP] }],
+			"mask-image-linear-pos": [{ "mask-linear": [cP] }],
 			"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() }],
@@ -27878,7 +28051,7 @@ var hN = (e, t) => {
 				farthest: ["side", "corner"]
 			}] }],
 			"mask-image-radial-pos": [{ "mask-radial-at": b() }],
-			"mask-image-conic-pos": [{ "mask-conic": [iP] }],
+			"mask-image-conic-pos": [{ "mask-conic": [cP] }],
 			"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() }],
@@ -27913,12 +28086,12 @@ var hN = (e, t) => {
 			] }],
 			blur: [{ blur: me() }],
 			brightness: [{ brightness: [
-				iP,
+				cP,
 				$,
 				Q
 			] }],
 			contrast: [{ contrast: [
-				iP,
+				cP,
 				$,
 				Q
 			] }],
@@ -27926,35 +28099,35 @@ var hN = (e, t) => {
 				"",
 				"none",
 				p,
-				OP,
-				SP
+				MP,
+				EP
 			] }],
 			"drop-shadow-color": [{ "drop-shadow": j() }],
 			grayscale: [{ grayscale: [
 				"",
-				iP,
+				cP,
 				$,
 				Q
 			] }],
 			"hue-rotate": [{ "hue-rotate": [
-				iP,
+				cP,
 				$,
 				Q
 			] }],
 			invert: [{ invert: [
 				"",
-				iP,
+				cP,
 				$,
 				Q
 			] }],
 			saturate: [{ saturate: [
-				iP,
+				cP,
 				$,
 				Q
 			] }],
 			sepia: [{ sepia: [
 				"",
-				iP,
+				cP,
 				$,
 				Q
 			] }],
@@ -27966,45 +28139,45 @@ var hN = (e, t) => {
 			] }],
 			"backdrop-blur": [{ "backdrop-blur": me() }],
 			"backdrop-brightness": [{ "backdrop-brightness": [
-				iP,
+				cP,
 				$,
 				Q
 			] }],
 			"backdrop-contrast": [{ "backdrop-contrast": [
-				iP,
+				cP,
 				$,
 				Q
 			] }],
 			"backdrop-grayscale": [{ "backdrop-grayscale": [
 				"",
-				iP,
+				cP,
 				$,
 				Q
 			] }],
 			"backdrop-hue-rotate": [{ "backdrop-hue-rotate": [
-				iP,
+				cP,
 				$,
 				Q
 			] }],
 			"backdrop-invert": [{ "backdrop-invert": [
 				"",
-				iP,
+				cP,
 				$,
 				Q
 			] }],
 			"backdrop-opacity": [{ "backdrop-opacity": [
-				iP,
+				cP,
 				$,
 				Q
 			] }],
 			"backdrop-saturate": [{ "backdrop-saturate": [
-				iP,
+				cP,
 				$,
 				Q
 			] }],
 			"backdrop-sepia": [{ "backdrop-sepia": [
 				"",
-				iP,
+				cP,
 				$,
 				Q
 			] }],
@@ -28027,7 +28200,7 @@ var hN = (e, t) => {
 			] }],
 			"transition-behavior": [{ transition: ["normal", "discrete"] }],
 			duration: [{ duration: [
-				iP,
+				cP,
 				"initial",
 				$,
 				Q
@@ -28040,7 +28213,7 @@ var hN = (e, t) => {
 				Q
 			] }],
 			delay: [{ delay: [
-				iP,
+				cP,
 				$,
 				Q
 			] }],
@@ -28085,7 +28258,7 @@ var hN = (e, t) => {
 			"translate-z": [{ "translate-z": ve() }],
 			"translate-none": ["translate-none"],
 			zoom: [{ zoom: [
-				aP,
+				lP,
 				$,
 				Q
 			] }],
@@ -28229,10 +28402,10 @@ var hN = (e, t) => {
 			] }],
 			fill: [{ fill: ["none", ...j()] }],
 			"stroke-w": [{ stroke: [
-				iP,
-				CP,
-				gP,
-				_P
+				cP,
+				DP,
+				bP,
+				xP
 			] }],
 			stroke: [{ stroke: ["none", ...j()] }],
 			"forced-color-adjust": [{ "forced-color-adjust": ["auto", "none"] }]
@@ -28423,11 +28596,11 @@ var hN = (e, t) => {
 });
 //#endregion
 //#region ../core/src/magic-canvas/grid-overlay.tsx
-function VP({ resolution: e, inputs: t, config: n, bailReason: r }) {
+function GP({ resolution: e, inputs: t, config: n, bailReason: r }) {
 	if (e === null || t === null) return null;
 	let i = Wj[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 } = jM(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 } = FM(i, {
 		state: e.state,
 		contentKind: u
 	}, t, e.sizeClass, e.containerPx, n);
@@ -28440,7 +28613,7 @@ function VP({ resolution: e, inputs: t, config: n, bailReason: r }) {
 				children: ["engine plan only · legacy: ", r]
 			}),
 			d.map((e) => /* @__PURE__ */ R("div", {
-				class: BP("absolute rounded-box border border-dashed", o),
+				class: WP("absolute rounded-box border border-dashed", o),
 				style: {
 					left: `${e.rect.x}px`,
 					top: `${e.rect.y}px`,
@@ -28448,7 +28621,7 @@ function VP({ resolution: e, inputs: t, config: n, bailReason: r }) {
 					height: `${e.rect.height}px`
 				},
 				children: /* @__PURE__ */ R("span", {
-					class: BP("absolute top-1 left-1 flex flex-col rounded px-1.5 py-0.5 font-mono text-[10px] leading-tight", s),
+					class: WP("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(" · ")
@@ -28456,7 +28629,7 @@ function VP({ resolution: e, inputs: t, config: n, bailReason: r }) {
 				})
 			}, e.region.name)),
 			e.tiles.map((e) => /* @__PURE__ */ R("div", {
-				class: BP("absolute border", c),
+				class: WP("absolute border", c),
 				style: {
 					left: `${e.rect.x}px`,
 					top: `${e.rect.y}px`,
@@ -28464,7 +28637,7 @@ function VP({ resolution: e, inputs: t, config: n, bailReason: r }) {
 					height: `${e.rect.height}px`
 				},
 				children: /* @__PURE__ */ R("span", {
-					class: BP("absolute right-1 bottom-1 rounded px-1.5 py-0.5 font-mono text-[10px]", l),
+					class: WP("absolute right-1 bottom-1 rounded px-1.5 py-0.5 font-mono text-[10px]", l),
 					children: [
 						e.kind,
 						" ",
@@ -28479,11 +28652,11 @@ function VP({ resolution: e, inputs: t, config: n, bailReason: r }) {
 }
 //#endregion
 //#region ../core/src/magic-canvas/grid-readout.tsx
-function HP(e) {
+function KP(e) {
 	return {
 		version: 1,
-		buildSha: VM,
-		engineVersion: VM,
+		buildSha: GM,
+		engineVersion: GM,
 		config: Hj,
 		session: {
 			containerPx: {
@@ -28506,7 +28679,7 @@ function HP(e) {
 		}
 	};
 }
-function UP({ resolution: e, inputs: t, shadowing: n, bailReason: r, engineError: i = null }) {
+function qP({ 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);
@@ -28544,11 +28717,11 @@ function UP({ resolution: e, inputs: t, shadowing: n, bailReason: r, engineError
 		})]
 	});
 	let c = () => {
-		let e = JSON.stringify(HP(t), null, 2);
+		let e = JSON.stringify(KP(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 = sN(e.sizeClass);
+	}, l = e.degradations.evictedCardIds, u = dN(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: [
@@ -28646,10 +28819,10 @@ function UP({ resolution: e, inputs: t, shadowing: n, bailReason: r, engineError
 }
 //#endregion
 //#region ../core/src/magic-canvas/grid-host.tsx
-var WP = {
-	effect: rN,
+var JP = {
+	effect: sN,
 	animate: !1
-}, GP = Et(WP), KP = {
+}, YP = Et(JP), XP = {
 	presence: { phase: "connecting" },
 	localId: null,
 	isScreenSharing: !1,
@@ -28657,17 +28830,17 @@ var WP = {
 	hasPersonaVideo: !1,
 	hasSelfView: !1
 };
-function qP(e, t) {
+function ZP(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 JP(e, t) {
+function QP(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 && qP(e.replica, t.replica) && qP(e.selfView, t.selfView) && qP(e.content, t.content);
+	return e.driving === t.driving && e.replicaCollapsed === t.replicaCollapsed && n && ZP(e.replica, t.replica) && ZP(e.selfView, t.selfView) && ZP(e.content, t.content);
 }
-var YP = /* @__PURE__ */ new Map(), XP = /* @__PURE__ */ new Set();
-function ZP({ instances: e, viewport: t, callControlsBandPx: n, callPresence: r, callControlsVisible: i, callControlsRect: a, statusStripId: o, statusStripHeightPx: s, gridConfigEnabled: c, gridStartEnabled: l }) {
-	let u = GM(c, l) && r !== void 0, d = r ?? KP, f = globalThis.location?.search ?? "", p = $M({
-		kioskMode: F(() => KM(f), [f]),
+var $P = /* @__PURE__ */ new Map(), eF = /* @__PURE__ */ new Set();
+function tF({ instances: e, viewport: t, callControlsBandPx: n, callPresence: r, callControlsVisible: i, callControlsRect: a, statusStripId: o, statusStripHeightPx: s, gridConfigEnabled: c, gridStartEnabled: l }) {
+	let u = YM(c, l) && r !== void 0, d = r ?? XP, f = globalThis.location?.search ?? "", p = rN({
+		kioskMode: F(() => XM(f), [f]),
 		instances: e,
 		viewport: t,
 		presence: d,
@@ -28677,10 +28850,10 @@ function ZP({ instances: e, viewport: t, callControlsBandPx: n, callPresence: r,
 		statusStripId: o,
 		statusStripHeightPx: s,
 		enabled: u
-	}), m = u ? XM.value : null, h = m === null ? tN(p.resolution, d, u) : "engine-error";
-	mN({
+	}), m = u ? eN.value : null, h = m === null ? aN(p.resolution, d, u) : "engine-error";
+	vN({
 		enabled: u,
-		enabledVia: uN(UM, c === !0, l === !0),
+		enabledVia: mN(qM, c === !0, l === !0),
 		bail: h,
 		resolution: p.resolution,
 		engineError: m
@@ -28689,39 +28862,39 @@ function ZP({ 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 = iN(p.resolution, h, _);
+		v = cN(p.resolution, h, _);
 	} catch (e) {
-		ZM(e), v = rN;
+		tN(e), v = sN;
 	}
-	let y = P(rN), b = oN(y.current, v);
+	let y = P(sN), b = uN(y.current, v);
 	N(() => {
-		y.current = v, JP(GP.peek().effect, v) || (GP.value = {
+		y.current = v, QP(YP.peek().effect, v) || (YP.value = {
 			effect: v,
 			animate: b
 		});
 	}), N(() => () => {
-		QM(), GP.peek() !== WP && (GP.value = WP);
+		nN(), YP.peek() !== JP && (YP.value = JP);
 	}, []);
 	let x = p.resolution, S = F(() => {
-		if (h !== null || x === null) return YP;
+		if (h !== null || x === null) return $P;
 		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 ZM(e), YP;
+			return tN(e), $P;
 		}
-	}, [h, x]), C = F(() => h !== null || x === null ? XP : new Set(x.tiles.filter(eN).map((e) => e.id)), [h, x]), w = WM ? /* @__PURE__ */ R("div", {
+	}, [h, x]), C = F(() => h !== null || x === null ? eF : new Set(x.tiles.filter(iN).map((e) => e.id)), [h, x]), w = JM ? /* @__PURE__ */ R("div", {
 		class: "contents",
 		"data-grid-debug": !0,
-		children: [/* @__PURE__ */ R(VP, {
+		children: [/* @__PURE__ */ R(GP, {
 			resolution: p.resolution,
 			inputs: p.inputs,
 			config: Hj,
 			bailReason: h
 		}), /* @__PURE__ */ R("div", {
 			class: "pointer-events-none absolute bottom-4 left-4 z-50",
-			children: /* @__PURE__ */ R(UP, {
+			children: /* @__PURE__ */ R(qP, {
 				resolution: p.resolution,
 				inputs: p.inputs,
 				shadowing: h !== null,
@@ -28733,7 +28906,7 @@ function ZP({ instances: e, viewport: t, callControlsBandPx: n, callPresence: r,
 	return {
 		cardRects: S,
 		kioskCardIds: C,
-		sheetBottomPx: nN(x, h),
+		sheetBottomPx: oN(x, h),
 		animate: b,
 		recordNaturalHeight: p.recordNaturalHeight,
 		debug: w
@@ -28741,24 +28914,24 @@ function ZP({ instances: e, viewport: t, callControlsBandPx: n, callPresence: r,
 }
 //#endregion
 //#region ../core/src/magic-canvas/grid-motion.ts
-var QP = [
+var nF = [
 	"left",
 	"top",
 	"width",
 	"height"
 ].map((e) => `${e} ${ix}`).join(", ");
-function $P(e, t) {
+function rF(e, t) {
 	return {
 		left: `${e.x}px`,
 		top: `${e.y}px`,
 		width: `${e.width}px`,
 		height: `${e.height}px`,
-		transition: t && !mx() ? QP : "none"
+		transition: t && !mx() ? nF : "none"
 	};
 }
 //#endregion
 //#region ../core/src/magic-canvas/debug-panel.tsx
-function eF({ state: e }) {
+function iF({ 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", {
@@ -28767,27 +28940,27 @@ function eF({ state: e }) {
 		}), /* @__PURE__ */ R("dl", {
 			class: "mt-2 grid gap-2",
 			children: [
-				/* @__PURE__ */ R(tF, {
+				/* @__PURE__ */ R(aF, {
 					label: "iframe",
 					value: e.iframeLifecycleState
 				}),
-				/* @__PURE__ */ R(tF, {
+				/* @__PURE__ */ R(aF, {
 					label: "post",
 					value: e.lastInteractionPostResult
 				}),
-				/* @__PURE__ */ R(tF, {
+				/* @__PURE__ */ R(aF, {
 					label: "context",
 					value: e.lastModelContextUpdate
 				}),
-				/* @__PURE__ */ R(tF, {
+				/* @__PURE__ */ R(aF, {
 					label: "error",
 					value: e.lastError
 				}),
-				/* @__PURE__ */ R(nF, {
+				/* @__PURE__ */ R(oF, {
 					label: "tool_call",
 					value: e.lastToolCall
 				}),
-				/* @__PURE__ */ R(nF, {
+				/* @__PURE__ */ R(oF, {
 					label: "canvas_config",
 					value: e.parsedCanvasConfig
 				})
@@ -28795,7 +28968,7 @@ function eF({ state: e }) {
 		})]
 	}) : null;
 }
-function tF({ label: e, value: t }) {
+function aF({ label: e, value: t }) {
 	return t ? /* @__PURE__ */ R("div", { children: [/* @__PURE__ */ R("dt", {
 		class: "font-semibold",
 		children: e
@@ -28804,7 +28977,7 @@ function tF({ label: e, value: t }) {
 		children: t
 	})] }) : null;
 }
-function nF({ label: e, value: t }) {
+function oF({ label: e, value: t }) {
 	return t === void 0 ? null : /* @__PURE__ */ R("div", { children: [/* @__PURE__ */ R("dt", {
 		class: "font-semibold",
 		children: e
@@ -28815,43 +28988,43 @@ function nF({ label: e, value: t }) {
 }
 //#endregion
 //#region ../core/src/magic-canvas/status-strip.ts
-var rF = {
+var sF = {
 	compact: 32,
 	regular: 40,
 	roomy: 68
-}, iF = 6e3, aF = "ease-out", oF = {
+}, cF = 6e3, lF = "ease-out", uF = {
 	stiffness: 2822,
 	damping: 84,
 	mass: 3.5
-}, sF = .25, cF = 16;
-function lF() {
-	if (typeof document > "u" || typeof getComputedStyle != "function") return cF;
+}, dF = .25, fF = 16;
+function pF() {
+	if (typeof document > "u" || typeof getComputedStyle != "function") return fF;
 	let e = Number.parseFloat(getComputedStyle(document.documentElement).fontSize);
-	return Number.isFinite(e) ? e : cF;
+	return Number.isFinite(e) ? e : fF;
 }
-function uF(e, t) {
+function mF(e, t) {
 	return e === "widget" || t !== void 0 && t > 0 && t < 640 ? "compact" : "regular";
 }
-function dF(e) {
+function hF(e) {
 	if (typeof e == "string") try {
 		let t = JSON.parse(e);
-		return fF(t) ? t : null;
+		return gF(t) ? t : null;
 	} catch {
 		return null;
 	}
-	return fF(e) ? e : null;
+	return gF(e) ? e : null;
 }
-function fF(e) {
+function gF(e) {
 	return typeof e == "object" && !!e && !Array.isArray(e);
 }
-function pF(e) {
-	let t = dF(e)?.state;
+function _F(e) {
+	let t = hF(e)?.state;
 	return t === "success" || t === "error";
 }
-function mF(e) {
-	return dF(e)?.state === "error";
+function vF(e) {
+	return hF(e)?.state === "error";
 }
-function hF(e, t, n) {
+function yF(e, t, n) {
 	let r = `${t + 8}px`;
 	if (n === void 0 || !Number.isFinite(n) || n <= 0) return {
 		left: "1rem",
@@ -28865,83 +29038,83 @@ function hF(e, t, n) {
 		bottom: r
 	};
 }
-function gF(e) {
+function bF(e) {
 	let t = e?.trim();
-	if (!t) return sF * lF();
+	if (!t) return dF * pF();
 	let n = Number.parseFloat(t);
-	if (!Number.isFinite(n)) return sF * lF();
-	if (t.endsWith("rem")) return n * lF();
+	if (!Number.isFinite(n)) return dF * pF();
+	if (t.endsWith("rem")) return n * pF();
 	if (t.endsWith("px")) return n;
 }
-function _F(e, t) {
-	let n = e["--color-neutral"], r = e["--color-neutral-content"], i = gF(e["--radius-field"]);
+function xF(e, t) {
+	let n = e["--color-neutral"], r = e["--color-neutral-content"], i = bF(e["--radius-field"]);
 	return {
 		...n ? { "--activity-bg": n } : {},
 		...r ? { "--activity-fg": r } : {},
 		"--activity-border": "transparent",
 		...i === void 0 ? {} : { "--activity-radius": `${i}px` },
-		"--activity-height": `${rF[t.density]}px`,
+		"--activity-height": `${sF[t.density]}px`,
 		"--activity-align": t.align
 	};
 }
 //#endregion
 //#region ../core/src/magic-canvas/magic-canvas.tsx
-var vF = 1e3, yF = 5e3, bF = 1200, xF = [2e3, 6e3];
-async function SF(e, t, n) {
-	let r = new AbortController(), i = globalThis.setTimeout(() => r.abort(), yF);
+var SF = 1e3, CF = 5e3, wF = 1200, TF = [2e3, 6e3];
+async function EF(e, t, n) {
+	let r = new AbortController(), i = globalThis.setTimeout(() => r.abort(), CF);
 	try {
 		await pn(e, t, n, { signal: r.signal });
 	} finally {
 		globalThis.clearTimeout(i);
 	}
 }
-function CF(e) {
+function DF(e) {
 	return e instanceof sn && e.status >= 400 && e.status < 500 && e.status !== 408 && e.status !== 429;
 }
-function wF(e, t) {
+function OF(e, t) {
 	console.error("Magic Canvas interaction POST failed; this interaction may not have been recorded server-side.", e), t({
 		lastInteractionPostResult: "error",
-		lastError: iI(e).message
+		lastError: cI(e).message
 	}, {
 		error: e,
 		operation: "canvas.bridge"
 	});
 }
-function TF(e) {
+function kF(e) {
 	return e.content.some((e) => e.type === "text" && typeof e.text == "string" && e.text.trim() !== "");
 }
-function EF(e, t, n, r) {
+function AF(e, t, n, r) {
 	(async () => {
 		let i;
-		for (let a of xF) {
+		for (let a of TF) {
 			await new Promise((e) => setTimeout(e, a));
 			try {
-				await SF(e, t, n), r({
+				await EF(e, t, n), r({
 					lastInteractionPostResult: "recovered",
 					lastError: void 0
 				});
 				return;
 			} catch (e) {
-				if (i = e, CF(e)) break;
+				if (i = e, DF(e)) break;
 			}
 		}
-		wF(i, r);
+		OF(i, r);
 	})();
 }
-var DF = 2e3;
-function OF(e) {
-	return e.correct_answer === void 0 ? bF : DF;
+var jF = 2e3;
+function MF(e) {
+	return e.correct_answer === void 0 ? wF : jF;
 }
-var kF = 48, AF = 24, jF = "ui-monospace, SFMono-Regular, Menlo, monospace", MF = 160, NF = () => {}, PF = "allow-scripts", FF = {
+var NF = 48, PF = 24, FF = "ui-monospace, SFMono-Regular, Menlo, monospace", IF = 160, LF = () => {}, RF = "allow-scripts", zF = {
 	"canvas.scheduling_embed": "allow-scripts allow-same-origin allow-popups allow-forms",
 	"canvas.text": "allow-scripts allow-popups allow-popups-to-escape-sandbox"
 };
-function IF(e, t) {
+function BF(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 LF = class {
+var VF = class {
 	onmessage;
 	onerror;
 	onclose;
@@ -28952,7 +29125,7 @@ var LF = class {
 	}
 	start() {
 		let e = (e) => {
-			IF(e, this.#e) && this.onmessage?.(e.data);
+			BF(e, this.#e) && this.onmessage?.(e.data);
 		};
 		return this.#t = e, globalThis.addEventListener("message", e), Promise.resolve();
 	}
@@ -28963,12 +29136,12 @@ var LF = class {
 		return this.#t && globalThis.removeEventListener("message", this.#t), this.#t = void 0, this.onclose?.(), Promise.resolve();
 	}
 };
-function RF(e) {
-	for (let t of Wy) if (e.some((e) => eI(e) === t)) return t;
+function HF(e) {
+	for (let t of Wy) if (e.some((e) => iI(e) === t)) return t;
 	return null;
 }
-function zF({ onLayoutEffectChange: e, onRenderedSlotChange: t, debugEnabled: n = tI(), callPresence: r, callControlsVisible: i, callControlsRect: a, gridConfigEnabled: o, gridStartEnabled: s, onStatusStripChange: c } = {}) {
-	let { client: l, telemetry: u } = _h(), { isDark: d, cssVars: f } = Bj(), p = zf(), m = Bf(), [h, g] = M([]), [_, v] = M(null), [y, b] = M(!1), x = P(null), S = P(null), C = P(null), [w, T] = XF(), E = L(ot)?.surface, D = uF(E, T.width), ee = rF[D], O = y ? null : _, te = O ? ee + 8 : 0, k = I(() => {
+function UF({ onLayoutEffectChange: e, onRenderedSlotChange: t, debugEnabled: n = aI(), callPresence: r, callControlsVisible: i, callControlsRect: a, gridConfigEnabled: o, gridStartEnabled: s, onStatusStripChange: c } = {}) {
+	let { client: l, telemetry: u } = _h(), { isDark: d, cssVars: f } = Bj(), p = zf(), m = Bf(), [h, g] = M([]), [_, v] = M(null), [y, b] = M(!1), x = P(null), S = P(null), C = P(null), [w, T] = eI(), E = L(ot)?.surface, D = mF(E, T.width), ee = sF[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);
@@ -28979,7 +29152,7 @@ function zF({ onLayoutEffectChange: e, onRenderedSlotChange: t, debugEnabled: n
 	}, [k, A]), re = I(() => {
 		x.current && (A(), C.current = setTimeout(() => {
 			C.current = null, ne();
-		}, iF));
+		}, cF));
 	}, [ne, A]);
 	N(() => () => {
 		k(), A();
@@ -28993,7 +29166,7 @@ function zF({ onLayoutEffectChange: e, onRenderedSlotChange: t, debugEnabled: n
 	let [ie, j] = M(() => ({
 		enabled: n,
 		iframeLifecycleState: "idle"
-	})), ae = ZP({
+	})), ae = tF({
 		instances: h,
 		viewport: T,
 		callControlsBandPx: 72,
@@ -29063,7 +29236,7 @@ function zF({ onLayoutEffectChange: e, onRenderedSlotChange: t, debugEnabled: n
 			let n = x.current, r = cb(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 ? pF(r.strip.arguments) ? e && (mF(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 ? _F(r.strip.arguments) ? e && (vF(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) => ib(e, t));
 			oe({
 				lastToolCall: e.data,
@@ -29074,7 +29247,7 @@ function zF({ onLayoutEffectChange: e, onRenderedSlotChange: t, debugEnabled: n
 		} catch (e) {
 			oe({
 				iframeLifecycleState: "error",
-				lastError: iI(e).message
+				lastError: cI(e).message
 			}, {
 				error: e,
 				operation: "canvas.validate"
@@ -29112,7 +29285,7 @@ function zF({ onLayoutEffectChange: e, onRenderedSlotChange: t, debugEnabled: n
 		ue.safe_area?.width,
 		ue.safe_area?.height
 	]);
-	let fe = RF(le.map(({ layout: e }) => e));
+	let fe = HF(le.map(({ layout: e }) => e));
 	N(() => {
 		t?.(fe);
 	}, [t, fe]);
@@ -29121,7 +29294,7 @@ function zF({ 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 - AF}px`,
+		style: `--mc-strip-band: ${te}px; --cvi-status-strip-drop: ${80 - PF}px`,
 		children: [
 			pe && de && /* @__PURE__ */ R("div", { class: "absolute inset-0 bg-black/45" }),
 			pe && !de && ae.sheetBottomPx !== null && /* @__PURE__ */ R("div", {
@@ -29132,15 +29305,15 @@ function zF({ 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(UF, {
-				slot: eI(t),
+			pe && le.map(({ instance: e, layout: t, gridRect: n }) => /* @__PURE__ */ R(qF, {
+				slot: iI(t),
 				safeAreaTop: ue.safe_area?.y,
 				frameWidth: T.width,
 				...n ? {
 					gridRect: n,
 					gridAnimate: ae.animate
 				} : {},
-				children: (r) => /* @__PURE__ */ R(WF, {
+				children: (r) => /* @__PURE__ */ R(JF, {
 					availableHeight: r,
 					client: l,
 					gridDriven: n !== null,
@@ -29166,7 +29339,7 @@ function zF({ onLayoutEffectChange: e, onRenderedSlotChange: t, debugEnabled: n
 					sendAppMessage: se
 				})
 			}, e.id)),
-			_ && /* @__PURE__ */ R(BF, {
+			_ && /* @__PURE__ */ R(WF, {
 				client: l,
 				controlsRect: a,
 				density: D,
@@ -29180,14 +29353,14 @@ function zF({ 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(eF, { state: ie })
+				children: /* @__PURE__ */ R(iF, { state: ie })
 			}),
 			ae.debug
 		]
 	});
 }
-function BF({ client: e, controlsRect: t, density: n, exiting: r, frameWidth: i, hostTheme: a, instance: o, onComplete: s, onDebug: c, sendAppMessage: l }) {
-	let u = rF[n], d = {
+function WF({ client: e, controlsRect: t, density: n, exiting: r, frameWidth: i, hostTheme: a, instance: o, onComplete: s, onDebug: c, sendAppMessage: l }) {
+	let u = sF[n], d = {
 		...o.layout,
 		preferred_slot: "safe-area-bottom",
 		display_mode: "inline",
@@ -29196,7 +29369,7 @@ function BF({ client: e, controlsRect: t, density: n, exiting: r, frameWidth: i,
 		...a,
 		cssVars: {
 			...a.cssVars,
-			"--font-mono": jF
+			"--font-mono": FF
 		},
 		activity: {
 			density: n,
@@ -29205,13 +29378,13 @@ function BF({ 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: hF(t, 72, i),
+		style: yF(t, 72, i),
 		"data-canvas-status-strip": !0,
-		children: /* @__PURE__ */ R(VF, {
+		children: /* @__PURE__ */ R(GF, {
 			exiting: r,
 			instanceId: o.id,
-			children: /* @__PURE__ */ R(WF, {
-				availableHeight: MF,
+			children: /* @__PURE__ */ R(JF, {
+				availableHeight: IF,
 				client: e,
 				fixedHeightPx: u,
 				hostTheme: f,
@@ -29219,27 +29392,27 @@ function BF({ client: e, controlsRect: t, density: n, exiting: r, frameWidth: i,
 				layout: d,
 				onComplete: s,
 				onDebug: c,
-				onDisplayModeChange: NF,
-				onNaturalHeightChange: NF,
+				onDisplayModeChange: LF,
+				onNaturalHeightChange: LF,
 				sendAppMessage: l,
 				variant: "strip"
 			})
 		})
 	});
 }
-function VF({ exiting: e, instanceId: t, children: n }) {
+function GF({ exiting: e, instanceId: t, children: n }) {
 	let r = P(null);
 	return Ye(() => {
 		let t = r.current;
 		if (!t || e) return;
 		if (mx()) {
-			t.style.transition = `opacity 300ms ${aF}`, t.style.opacity = "0";
+			t.style.transition = `opacity 300ms ${lF}`, t.style.opacity = "0";
 			let e = globalThis.requestAnimationFrame(() => {
 				t.style.opacity = "1";
 			});
 			return () => globalThis.cancelAnimationFrame(e);
 		}
-		let { stiffness: n, damping: i, mass: a } = oF, o = 0, s = 0, c = performance.now(), l = 0, u = () => {
+		let { stiffness: n, damping: i, mass: a } = uF, 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)}`;
 		};
@@ -29255,7 +29428,7 @@ function VF({ 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 ${aF}`, t.style.opacity = "0");
+		t && e && (t.style.transition = `opacity 300ms ${lF}`, t.style.opacity = "0");
 	}, [e]), /* @__PURE__ */ R("div", {
 		ref: r,
 		class: "w-full",
@@ -29263,13 +29436,13 @@ function VF({ exiting: e, instanceId: t, children: n }) {
 		children: n
 	});
 }
-var HF = 16;
-function UF({ slot: e, safeAreaTop: t, frameWidth: n, gridRect: r, gridAnimate: i = !1, children: a }) {
-	let [o, s] = ZF(), c = a(r ? r.height : e === "full" ? void 0 : s);
+var KF = 16;
+function qF({ slot: e, safeAreaTop: t, frameWidth: n, gridRect: r, gridAnimate: i = !1, children: a }) {
+	let [o, s] = tI(), c = a(r ? r.height : e === "full" ? void 0 : s);
 	if (r) return /* @__PURE__ */ R("div", {
 		ref: o,
 		class: "pointer-events-auto absolute",
-		style: $P(r, i),
+		style: rF(r, i),
 		"data-canvas-slot": e,
 		"data-grid-driven": "true",
 		children: /* @__PURE__ */ R("div", {
@@ -29281,7 +29454,7 @@ function UF({ 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 ${$F(e)}`,
+			class: `cvi-strip-lift ${rI(e)}`,
 			style: {
 				top: r,
 				bottom: "calc(72px + var(--mc-strip-band, 0px))",
@@ -29296,8 +29469,8 @@ function UF({ slot: e, safeAreaTop: t, frameWidth: n, gridRect: r, gridAnimate:
 	}
 	return e === "safe-area-bottom" ? /* @__PURE__ */ R("div", {
 		ref: o,
-		class: $F(e),
-		style: { top: `${HF}px` },
+		class: rI(e),
+		style: { top: `${KF}px` },
 		"data-canvas-slot": e,
 		children: /* @__PURE__ */ R("div", {
 			class: "contents",
@@ -29305,7 +29478,7 @@ function UF({ slot: e, safeAreaTop: t, frameWidth: n, gridRect: r, gridAnimate:
 		})
 	}) : /* @__PURE__ */ R("div", {
 		ref: o,
-		class: $F(e),
+		class: rI(e),
 		"data-canvas-slot": e,
 		children: /* @__PURE__ */ R("div", {
 			class: "contents",
@@ -29313,7 +29486,7 @@ function UF({ slot: e, safeAreaTop: t, frameWidth: n, gridRect: r, gridAnimate:
 		})
 	});
 }
-function WF({ 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 JF({ 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
@@ -29326,17 +29499,17 @@ function WF({ availableHeight: e, client: t, gridDriven: n = !1, gridKioskCard:
 	}, [m, g]), N(() => {
 		w.current = a;
 	}, [a]), N(() => {
-		x.current = k, v.current?.setHostContext(JF(w.current, C.current, T.current, y.current, k, b.current));
+		x.current = k, v.current?.setHostContext(QF(w.current, C.current, T.current, y.current, k, b.current));
 	}, [k]), N(() => {
 		y.current = e, b.current = r;
-		let t = qF(i, _.current);
-		C.current = t, v.current?.setHostContext(JF(w.current, t, T.current, e, x.current, r));
+		let t = ZF(i, _.current);
+		C.current = t, v.current?.setHostContext(QF(w.current, t, T.current, e, x.current, r));
 	}, [
 		e,
 		i,
 		r
 	]), N(() => {
-		T.current = o, v.current?.setHostContext(JF(w.current, C.current, o, e, x.current, b.current));
+		T.current = o, v.current?.setHostContext(QF(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;
 	}, [
@@ -29350,7 +29523,7 @@ function WF({ 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: iI(e).message
+				lastError: cI(e).message
 			}, {
 				error: e,
 				operation: "canvas.bridge"
@@ -29387,18 +29560,18 @@ function WF({ availableHeight: e, client: t, gridDriven: n = !1, gridKioskCard:
 					text: {},
 					structuredContent: {}
 				}
-			}, { hostContext: JF(a, qF(C.current, e), T.current, y.current, x.current, b.current) });
+			}, { hostContext: QF(a, ZF(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, kF), n) : e === t ? t : Math.min(e, MF);
+					let { fixed: t, max: n } = S.current, r = t === void 0 ? Math.min(Math.max(e, NF), n) : e === t ? t : Math.min(e, IF);
 					A(r), O.current(w.current.id, r);
 				}
 			}, f.onmessage = async (e) => {
 				let r = lb(e);
 				if (!r) {
-					if (TF(e)) {
+					if (kF(e)) {
 						let e = "Magic Canvas message included text without interaction metadata; no interaction row was recorded.";
 						return c({
 							lastInteractionPostResult: "error",
@@ -29423,7 +29596,7 @@ function WF({ availableHeight: e, client: t, gridDriven: n = !1, gridKioskCard:
 					}
 				})();
 				if ("error" in a) {
-					let e = iI(a.error).message;
+					let e = cI(a.error).message;
 					return c({
 						lastInteractionPostResult: "error",
 						lastError: e
@@ -29440,19 +29613,19 @@ function WF({ availableHeight: e, client: t, gridDriven: n = !1, gridKioskCard:
 				try {
 					u = fb(e, o);
 				} catch (e) {
-					c({ lastError: iI(e).message }), o.type === "submit" && console.warn("Magic Canvas dropped the response text of a submitted card.", e);
+					c({ lastError: cI(e).message }), o.type === "submit" && console.warn("Magic Canvas dropped the response text of a submitted card.", e);
 				}
 				let d = !0;
 				try {
-					await SF(t, o.conversation_id, l.body);
+					await EF(t, o.conversation_id, l.body);
 				} catch (e) {
-					d = !1, CF(e) ? wF(e, c) : (console.warn("Magic Canvas interaction POST failed; continuing without it and retrying in the background.", e), c({
+					d = !1, DF(e) ? OF(e, c) : (console.warn("Magic Canvas interaction POST failed; continuing without it and retrying in the background.", e), c({
 						lastInteractionPostResult: "failed_open",
-						lastError: iI(e).message
+						lastError: cI(e).message
 					}, {
 						error: e,
 						operation: "canvas.bridge"
-					}), EF(t, o.conversation_id, l.body, c));
+					}), AF(t, o.conversation_id, l.body, c));
 				}
 				if (n) return {};
 				if (u) try {
@@ -29463,7 +29636,7 @@ function WF({ availableHeight: e, client: t, gridDriven: n = !1, gridKioskCard:
 						properties: { text: u }
 					});
 				} catch (e) {
-					console.error("Magic Canvas respond send failed.", e), c({ lastError: iI(e).message }, {
+					console.error("Magic Canvas respond send failed.", e), c({ lastError: cI(e).message }, {
 						error: e,
 						operation: "canvas.bridge"
 					});
@@ -29473,18 +29646,18 @@ function WF({ availableHeight: e, client: t, gridDriven: n = !1, gridKioskCard:
 					lastError: void 0
 				}), db(o) && (o.type === "submit" ? (s && clearTimeout(s), s = setTimeout(() => {
 					s = null, n || D.current();
-				}, OF(i.arguments))) : D.current()), {};
+				}, MF(i.arguments))) : D.current()), {};
 			}, f.onupdatemodelcontext = async (e) => (i = e, o ||= setTimeout(() => {
 				o = null, d();
-			}, vF), {}), f.onrequestdisplaymode = async ({ mode: e }) => {
+			}, SF), {}), 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(JF(w.current, C.current, T.current, y.current, x.current, b.current)), { mode: t };
-			}, f.connect(new LF(e)).then(() => void 0).catch(u);
+				}, f.setHostContext(QF(w.current, C.current, T.current, y.current, x.current, b.current)), { mode: t };
+			}, f.connect(new VF(e)).then(() => void 0).catch(u);
 		};
 		c({
 			iframeLifecycleState: "mounting",
@@ -29506,7 +29679,7 @@ function WF({ 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: iI(e).message
+				lastError: cI(e).message
 			}, {
 				error: e,
 				operation: "canvas.bridge"
@@ -29517,7 +29690,7 @@ function WF({ availableHeight: e, client: t, gridDriven: n = !1, gridKioskCard:
 		a.revision,
 		c
 	]);
-	let ne = o.viable_slot === "full" || o.display_mode === "fullscreen", re = ne ? null : YF(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 : $F(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" : [
@@ -29525,7 +29698,7 @@ function WF({ 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 = FF[a.canvas_config.component] ?? PF, ce = /* @__PURE__ */ R("div", {
+	].filter(Boolean).join(" "), se = zF[a.canvas_config.component] ?? RF, ce = /* @__PURE__ */ R("div", {
 		class: oe,
 		style: j,
 		...h ? { "data-canvas-strip": o.viable_slot } : { "data-canvas-card": o.viable_slot },
@@ -29544,7 +29717,7 @@ function WF({ availableHeight: e, client: t, gridDriven: n = !1, gridKioskCard:
 		children: ce
 	});
 }
-var GF = [
+var YF = [
 	"--color-base-100",
 	"--color-base-200",
 	"--color-base-300",
@@ -29554,17 +29727,17 @@ var GF = [
 	"--color-neutral",
 	"--color-neutral-content"
 ];
-function KF(e) {
+function XF(e) {
 	if (!e || typeof getComputedStyle != "function") return {};
 	let t = getComputedStyle(e), n = {};
-	for (let e of GF) {
+	for (let e of YF) {
 		let r = t.getPropertyValue(e).trim();
 		r && (n[e] = r);
 	}
 	return n;
 }
-function qF(e, t) {
-	let n = KF(t);
+function ZF(e, t) {
+	let n = XF(t);
 	return Object.keys(n).length === 0 ? e : {
 		...e,
 		cssVars: {
@@ -29573,20 +29746,20 @@ function qF(e, t) {
 		}
 	};
 }
-function JF(e, t, n, r, i, a = !1) {
-	let o = Kb(t, n), s = n.viable_slot === "full" || n.display_mode === "fullscreen", c = s ? void 0 : nI(r), l = t.activity ? _F(t.cssVars, t.activity) : {}, u = s ? 1 : YF(i ?? 0, r, a)?.displayScale ?? 1;
+function QF(e, t, n, r, i, a = !1) {
+	let o = Kb(t, n), s = n.viable_slot === "full" || n.display_mode === "fullscreen", c = s ? void 0 : oI(r), l = t.activity ? xF(t.cssVars, t.activity) : {}, u = s ? 1 : $F(i ?? 0, r, a)?.displayScale ?? 1;
 	return {
 		...e.canvas_config.host_context,
 		...o,
 		...l,
 		containerDimensions: {
-			...rI(o.containerDimensions) ? o.containerDimensions : {},
+			...sI(o.containerDimensions) ? o.containerDimensions : {},
 			...c === void 0 ? {} : { maxHeight: c },
 			displayScale: u
 		}
 	};
 }
-function YF(e, t, n = !1) {
+function $F(e, t, n = !1) {
 	if (t === void 0 || !Number.isFinite(t) || t <= 0) return null;
 	let r = Math.min(e, 720);
 	if (n) return {
@@ -29626,11 +29799,11 @@ function YF(e, t, n = !1) {
 		}
 	};
 }
-function XF() {
-	let e = P(null), [t, n] = M(() => QF(null));
+function eI() {
+	let e = P(null), [t, n] = M(() => nI(null));
 	return N(() => {
 		let t = () => n((t) => {
-			let n = QF(e.current);
+			let n = nI(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);
@@ -29640,7 +29813,7 @@ function XF() {
 		};
 	}, []), [e, t];
 }
-function ZF() {
+function tI() {
 	let e = P(null), [t, n] = M();
 	return N(() => {
 		let t = e.current;
@@ -29656,7 +29829,7 @@ function ZF() {
 		return a.observe(t), () => a.disconnect();
 	}, []), [e, t];
 }
-function QF(e) {
+function nI(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);
@@ -29672,7 +29845,7 @@ function QF(e) {
 		visualViewportHeight: t
 	};
 }
-function $F(e) {
+function rI(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]`;
@@ -29681,24 +29854,24 @@ function $F(e) {
 		case "full": return `${t} inset-4 flex-col items-stretch justify-stretch`;
 	}
 }
-function eI(e) {
+function iI(e) {
 	return e.display_mode === "fullscreen" && e.preferred_slot !== "full" ? e.preferred_slot : e.viable_slot;
 }
-function tI() {
+function aI() {
 	return !1;
 }
-function nI(e) {
+function oI(e) {
 	return e === void 0 || !Number.isFinite(e) || e <= 0 ? 720 : Math.min(Math.floor(e), 720);
 }
-function rI(e) {
+function sI(e) {
 	return typeof e == "object" && !!e && !Array.isArray(e);
 }
-function iI(e) {
+function cI(e) {
 	return e instanceof Error ? e : Error(String(e));
 }
 //#endregion
 //#region ../core/src/magic-canvas/grid-error-boundary.tsx
-var aI = class extends D {
+var lI = class extends D {
 	state = { errored: !1 };
 	componentDidCatch(e) {
 		this.props.onError(e), this.setState({ errored: !0 });
@@ -29706,8 +29879,8 @@ var aI = class extends D {
 	render() {
 		return this.state.errored ? null : this.props.children;
 	}
-}, oI = 1e4;
-function sI(e, t = oI) {
+}, uI = 1e4;
+function dI(e, t = uI) {
 	let [n, r] = M(!1), i = P(!1);
 	return N(() => {
 		if (!e) {
@@ -29722,7 +29895,7 @@ function sI(e, t = oI) {
 }
 //#endregion
 //#region ../core/src/hooks/use-call-presence.ts
-function cI(e) {
+function fI(e) {
 	let t = Vf(), n = qf(t ?? ""), r = !Yf(t ?? "").isOff, i = Sy(e), a = i.phase === "ready" ? i.replicaId : "", o = Yf(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,
@@ -29744,7 +29917,7 @@ function cI(e) {
 }
 //#endregion
 //#region ../core/src/hooks/use-call-controls-visible.ts
-function lI(e, t, n) {
+function pI(e, t, n) {
 	let [r, i] = M(!0);
 	return N(() => {
 		if (!t) return;
@@ -29774,7 +29947,7 @@ function lI(e, t, n) {
 }
 //#endregion
 //#region ../core/src/hooks/use-call-controls-rect.ts
-function uI(e, t, n, r, i) {
+function mI(e, t, n, r, i) {
 	let [a, o] = M(void 0);
 	return N(() => {
 		if (!r) return;
@@ -29808,8 +29981,8 @@ function uI(e, t, n, r, i) {
 }
 //#endregion
 //#region ../core/src/hooks/use-replica-join-timeout.ts
-var dI = 1e4;
-function fI({ onTimeout: e, timeoutMs: t = dI, active: n = !0 }) {
+var hI = 1e4;
+function gI({ onTimeout: e, timeoutMs: t = hI, active: n = !0 }) {
 	let r = xy().length > 0, [i, a] = M(!1), o = P(e);
 	return N(() => {
 		o.current = e;
@@ -29833,39 +30006,39 @@ function fI({ onTimeout: e, timeoutMs: t = dI, active: n = !0 }) {
 }
 //#endregion
 //#region ../core/src/hooks/use-system-shutdown.ts
-function pI(e) {
+function _I(e) {
 	if (typeof e != "object" || !e) return !1;
 	let t = e;
 	return t.message_type === "system" && t.event_type === "system.shutdown";
 }
-function mI({ onShutdown: e }) {
+function vI({ onShutdown: e }) {
 	let t = P(e);
 	N(() => {
 		t.current = e;
 	}, [e]), Wf({ onAppMessage: I((e) => {
-		pI(e?.data) && t.current();
+		_I(e?.data) && t.current();
 	}, []) });
 }
 //#endregion
 //#region ../core/src/hooks/use-picture-in-picture.ts
-var hI = en("PiP"), gI = 360, _I = 280;
-function vI() {
-	return globalThis.window !== void 0 && "documentPictureInPicture" in globalThis.window;
+var yI = en("PiP"), bI = 360, xI = 280;
+function SI() {
+	return globalThis.window !== void 0 && "documentPictureInPicture" in globalThis.window && !navigator.userAgent.includes("Firefox/");
 }
-function yI(e) {
-	let { enabled: t, active: n } = e, [r, i] = M(null), a = vI(), o = L(Kh), s = I(() => {
+function CI(e) {
+	let { enabled: t, active: n } = e, [r, i] = M(null), a = SI(), o = L(Kh), 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: gI,
-				height: _I
+				width: bI,
+				height: xI
 			}), 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) {
-			hI.warn("Failed to open PiP window", e);
+			yI.warn("Failed to open PiP window", e);
 		}
 	}, [
 		a,
@@ -29879,20 +30052,22 @@ function yI(e) {
 			document.visibilityState === "hidden" ? c() : document.visibilityState === "visible" && s();
 		};
 		document.addEventListener("visibilitychange", e);
-		let r = [], i = null, o = "none", l = !1;
+		let r = () => s();
+		globalThis.window.addEventListener("focus", r);
+		let i = [], o = null, l = "none", u = !1;
 		if (typeof navigator < "u" && "mediaSession" in navigator) {
 			let e = navigator.mediaSession;
-			i = e.metadata, o = e.playbackState;
+			o = e.metadata, l = e.playbackState;
 			try {
-				e.metadata = new MediaMetadata({ title: "Tavus conversation" }), e.playbackState = "playing", l = !0;
+				e.metadata = new MediaMetadata({ title: "Tavus conversation" }), e.playbackState = "playing", u = !0;
 			} catch (e) {
-				hI.warn("mediaSession metadata setup failed", e);
+				yI.warn("mediaSession metadata setup failed", e);
 			}
 			let t = (t, n) => {
 				try {
-					e.setActionHandler(t, n), r.push(t);
+					e.setActionHandler(t, n), i.push(t);
 				} catch (e) {
-					hI.info(`mediaSession.${t} not supported`, e);
+					yI.info(`mediaSession.${t} not supported`, e);
 				}
 			};
 			t("enterpictureinpicture", () => {
@@ -29900,13 +30075,13 @@ function yI(e) {
 			}), t("play", () => {}), t("pause", () => {});
 		}
 		return () => {
-			if (document.removeEventListener("visibilitychange", e), typeof navigator < "u" && "mediaSession" in navigator) {
+			if (document.removeEventListener("visibilitychange", e), globalThis.window.removeEventListener("focus", r), typeof navigator < "u" && "mediaSession" in navigator) {
 				let e = navigator.mediaSession;
-				for (let t of r) try {
+				for (let t of i) try {
 					e.setActionHandler(t, null);
 				} catch {}
-				if (l) try {
-					e.metadata = i, e.playbackState = o;
+				if (u) try {
+					e.metadata = o, e.playbackState = l;
 				} catch {}
 			}
 		};
@@ -29946,11 +30121,11 @@ function yI(e) {
 }
 //#endregion
 //#region ../core/src/utils/device-preferences.ts
-var bI = Et(null), xI = {
+var wI = Et(null), TI = {
 	active: !1,
 	video_shift_x: 0,
 	backdrop: { type: "snapshot_mirror" }
-}, SI = tp(({ id: e, showAudioWave: t = !0 }) => {
+}, EI = tp(({ id: e, showAudioWave: t = !0 }) => {
 	let n = qf(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" : ""}`,
@@ -29965,20 +30140,20 @@ var bI = Et(null), xI = {
 			children: /* @__PURE__ */ R(my, { id: e })
 		})]
 	});
-}), CI = tp(() => {
+}), DI = tp(() => {
 	let e = Vf(), { isScreenSharing: t } = Dv(), n = xy()[0];
-	return /* @__PURE__ */ R(E, { children: [t && n && /* @__PURE__ */ R(SI, { id: n }), e && /* @__PURE__ */ R(SI, {
+	return /* @__PURE__ */ R(E, { children: [t && n && /* @__PURE__ */ R(EI, { id: n }), e && /* @__PURE__ */ R(EI, {
 		id: e,
 		showAudioWave: !1
 	})] });
-}), wI = tp(() => /* @__PURE__ */ R("div", {
+}), OI = tp(() => /* @__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(CI, {})
-})), TI = tp(({ personaSessionId: e, localId: t, isScreenSharing: n, avatarOff: r, effect: i, animate: a }) => /* @__PURE__ */ R(E, { children: [
+	children: /* @__PURE__ */ R(DI, {})
+})), kI = tp(({ 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: $P(i.content, a),
+		style: rF(i.content, a),
 		children: /* @__PURE__ */ R(Cv, {
 			sessionId: n ? t ?? "" : e,
 			type: "screenVideo",
@@ -29987,8 +30162,8 @@ var bI = Et(null), xI = {
 		})
 	}),
 	i.replica && /* @__PURE__ */ R("div", {
-		class: BP("absolute overflow-hidden", i.replicaCollapsed && "rounded-box"),
-		style: $P(i.replica, a),
+		class: WP("absolute overflow-hidden", i.replicaCollapsed && "rounded-box"),
+		style: rF(i.replica, a),
 		children: /* @__PURE__ */ R(Ey, {
 			personaSessionId: e,
 			localSessionId: t,
@@ -29996,11 +30171,11 @@ var bI = Et(null), xI = {
 			avatarOff: r
 		})
 	})
-] })), EI = tp(() => {
-	let { effect: e, animate: t } = GP.value, n = Vf();
+] })), AI = tp(() => {
+	let { effect: e, animate: t } = YP.value, n = Vf();
 	return n === null || e.selfView === null ? null : /* @__PURE__ */ R("div", {
 		class: "absolute z-20 overflow-hidden rounded-box bg-black/30",
-		style: $P(e.selfView, t),
+		style: rF(e.selfView, t),
 		children: /* @__PURE__ */ R(Cv, {
 			automirror: !0,
 			sessionId: n,
@@ -30009,23 +30184,23 @@ var bI = Et(null), xI = {
 			className: "h-full w-full object-cover"
 		})
 	});
-}), DI = tp(({ canvasRenderedSlot: e }) => {
-	let t = aN(GP.value.effect);
-	return t === "hidden" ? null : t === "engine" ? /* @__PURE__ */ R(aI, {
-		onError: ZM,
-		children: /* @__PURE__ */ R(EI, {})
-	}) : e === "safe-area-bottom" ? null : /* @__PURE__ */ R(wI, {});
-}), OI = tp(() => {
+}), jI = tp(({ canvasRenderedSlot: e }) => {
+	let t = lN(YP.value.effect);
+	return t === "hidden" ? null : t === "engine" ? /* @__PURE__ */ R(lI, {
+		onError: tN,
+		children: /* @__PURE__ */ R(AI, {})
+	}) : e === "safe-area-bottom" ? null : /* @__PURE__ */ R(OI, {});
+}), MI = tp(() => {
 	let e = xy()[0];
 	return e ? /* @__PURE__ */ R(wv, { sessionId: e }) : null;
-}), kI = tp((e) => /* @__PURE__ */ R(E, { children: [/* @__PURE__ */ R(OI, {}), /* @__PURE__ */ R(AI, { ...e })] })), AI = tp(({ isAudioOnly: e, presence: t, canvasLayoutEffect: n, canvasRenderedSlot: r }) => {
-	let { presence: i, localId: a, isScreenSharing: o, isPersonaPresenting: s } = t, c = GP.value, l = n.active && !o && (!e || s);
+}), NI = tp((e) => /* @__PURE__ */ R(E, { children: [/* @__PURE__ */ R(MI, {}), /* @__PURE__ */ R(PI, { ...e })] })), PI = tp(({ isAudioOnly: e, presence: t, canvasLayoutEffect: n, canvasRenderedSlot: r }) => {
+	let { presence: i, localId: a, isScreenSharing: o, isPersonaPresenting: s } = t, c = YP.value, l = n.active && !o && (!e || s);
 	return i.phase === "left" ? /* @__PURE__ */ R(fy, {}) : i.phase === "connecting" ? /* @__PURE__ */ R(dy, {}) : e && !s ? /* @__PURE__ */ R("div", {
 		class: "absolute inset-0 flex items-center justify-center",
 		children: /* @__PURE__ */ R(vy, { sessionId: i.replicaId })
-	}) : c.effect.driving ? /* @__PURE__ */ R(aI, {
-		onError: ZM,
-		children: /* @__PURE__ */ R(TI, {
+	}) : c.effect.driving ? /* @__PURE__ */ R(lI, {
+		onError: tN,
+		children: /* @__PURE__ */ R(kI, {
 			personaSessionId: i.replicaId,
 			localId: a,
 			isScreenSharing: o,
@@ -30039,7 +30214,7 @@ var bI = Et(null), xI = {
 		avatarOff: i.videoState.isOff,
 		canvasLayoutEffect: n,
 		smartSidecarActive: l
-	}) : /* @__PURE__ */ R(jI, {
+	}) : /* @__PURE__ */ R(FI, {
 		personaSessionId: i.replicaId,
 		localId: a,
 		isScreenSharing: o,
@@ -30048,11 +30223,11 @@ var bI = Et(null), xI = {
 		canvasLayoutEffect: n,
 		canvasRenderedSlot: r
 	});
-}), jI = tp(({ personaSessionId: e, localId: t, isScreenSharing: n, avatarOff: r, smartSidecarActive: i, canvasLayoutEffect: a, canvasRenderedSlot: o }) => /* @__PURE__ */ R(Sx, {
+}), FI = tp(({ personaSessionId: e, localId: t, isScreenSharing: n, avatarOff: r, smartSidecarActive: i, canvasLayoutEffect: a, canvasRenderedSlot: o }) => /* @__PURE__ */ R(Sx, {
 	canvasLayoutEffect: a,
 	smartSidecarActive: i,
 	isScreenSharing: n,
-	captureSnapshot: FI,
+	captureSnapshot: zI,
 	personaMode: "auto",
 	renderedSlot: o,
 	fill: (i) => /* @__PURE__ */ R(Ey, {
@@ -30062,7 +30237,7 @@ var bI = Et(null), xI = {
 		avatarOff: r,
 		videoRef: i
 	})
-})), MI = tp(({ items: e }) => {
+})), II = tp(({ items: e }) => {
 	let [t, n] = M(!1), r = P(null);
 	return N(() => {
 		if (!t) return;
@@ -30092,8 +30267,8 @@ var bI = Et(null), xI = {
 			children: e
 		})]
 	});
-}), NI = tp(({ items: e }) => e.length <= 1 ? /* @__PURE__ */ R(E, { children: e }) : /* @__PURE__ */ R(MI, { items: e })), PI = tp(({ onLeave: e }) => {
-	let t = Bf(), { config: n } = _h(), { session: r, state: i, end: a, endSession: o } = Qv(), s = Vf(), c = P(null), l = L(og)?.frameRef ?? c, [u, d] = M(!1), f = ev() === "full-screen", [p, m] = M(!1), [h, g] = M(xI), [_, v] = M(null), [y, b] = M(null), x = n.value.customization.conversation, S = sI(x.show_fullscreen_hint && _ !== null && !u && !f), C = P(null), w = P(null), T = r.value?.conversationUrl, E = r.value?.magicGrid === !0, D = lI(C, GM(x.magic_grid, E), T), ee = uI(C, w, 72, !0, T), O = x.modality === "audio", te = cI(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 } = yI({
+}), LI = tp(({ items: e }) => e.length <= 1 ? /* @__PURE__ */ R(E, { children: e }) : /* @__PURE__ */ R(II, { items: e })), RI = tp(({ onLeave: e }) => {
+	let t = Bf(), { config: n } = _h(), { session: r, state: i, end: a, endSession: o } = Qv(), s = Vf(), c = P(null), l = L(og)?.frameRef ?? c, [u, d] = M(!1), f = ev() === "full-screen", [p, m] = M(!1), [h, g] = M(TI), [_, v] = M(null), [y, b] = M(null), x = n.value.customization.conversation, S = dI(x.show_fullscreen_hint && _ !== null && !u && !f), C = P(null), w = P(null), T = r.value?.conversationUrl, E = r.value?.magicGrid === !0, D = pI(C, YM(x.magic_grid, E), T), ee = mI(C, w, 72, !0, T), O = x.modality === "audio", te = fI(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 } = CI({
 		enabled: ie && !k,
 		active: t === "joined-meeting"
 	}), ae = P(null), oe = i.value === "connected" ? r.value?.conversationId : void 0;
@@ -30109,13 +30284,13 @@ var bI = Et(null), xI = {
 	}, [se]);
 	let { camera: ce, requestCamera: le } = jh(), { isCamMuted: ue } = Tv(), de = ce.isGranted && !ue;
 	N(() => {
-		A && t === "joined-meeting" && (bI.value = de);
+		A && t === "joined-meeting" && (wI.value = de);
 	}, [
 		A,
 		t,
 		de
 	]);
-	let fe = P(A && !s && bI.value === !0);
+	let fe = P(A && !s && wI.value === !0);
 	N(() => {
 		t === "joined-meeting" && fe.current && (fe.current = !1, le());
 	}, [t, le]), N(() => {
@@ -30139,10 +30314,10 @@ var bI = Et(null), xI = {
 	let me = I(() => {
 		se();
 	}, [se]);
-	if (fI({
+	if (gI({
 		active: !k && t === "joined-meeting",
 		onTimeout: me
-	}), mI({ onShutdown: me }), !T) return null;
+	}), vI({ onShutdown: me }), !T) return null;
 	if (k) return /* @__PURE__ */ R(ay, {
 		defaultOpen: !0,
 		children: /* @__PURE__ */ R("div", {
@@ -30174,14 +30349,14 @@ var bI = Et(null), xI = {
 			/* @__PURE__ */ R("div", {
 				class: "relative w-full h-full z-[5]",
 				children: [
-					/* @__PURE__ */ R(kI, {
+					/* @__PURE__ */ R(NI, {
 						isAudioOnly: O,
 						presence: te,
 						canvasLayoutEffect: h,
 						canvasRenderedSlot: _
 					}),
-					!O && /* @__PURE__ */ R(DI, { canvasRenderedSlot: _ }),
-					/* @__PURE__ */ R(zF, {
+					!O && /* @__PURE__ */ R(jI, { canvasRenderedSlot: _ }),
+					/* @__PURE__ */ R(UF, {
 						debugEnabled: p,
 						callPresence: te,
 						callControlsVisible: D,
@@ -30219,7 +30394,7 @@ var bI = Et(null), xI = {
 						/* @__PURE__ */ R(Kv, { level: !0 }),
 						!O && /* @__PURE__ */ R(Jv, {}),
 						re && /* @__PURE__ */ R(ny, {}),
-						/* @__PURE__ */ R(NI, { items: he }),
+						/* @__PURE__ */ R(LI, { items: he }),
 						/* @__PURE__ */ R("button", {
 							type: "button",
 							class: "btn btn-control btn-error",
@@ -30236,7 +30411,7 @@ var bI = Et(null), xI = {
 		]
 	}), j && hp(/* @__PURE__ */ R(wy, { onLeave: me }), j.document.body)] }) }) });
 });
-function FI(e) {
+function zI(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;
@@ -30251,7 +30426,7 @@ function FI(e) {
 }
 //#endregion
 //#region ../core/src/components/hair-check/index.tsx
-function II(e, t, n) {
+function BI(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.";
@@ -30262,7 +30437,7 @@ function II(e, t, n) {
 		default: return e?.loading ?? "Getting your microphone ready...";
 	}
 }
-var LI = tp(({ text: e, isJoining: t = !1, onJoin: n, onCancel: r }) => {
+var VI = tp(({ text: e, isJoining: t = !1, onJoin: n, onCancel: r }) => {
 	let i = zf(), { config: a } = _h(), { cameraOnStart: o } = L(ot), { localSessionId: s, isCamMuted: c } = Tv(), { mic: l, camera: u, requestMic: d, requestCamera: f } = jh(), p = a.value.customization.conversation.modality === "video", m = O_(a.value), h = D_(a.value);
 	N(() => {
 		d();
@@ -30278,7 +30453,7 @@ var LI = tp(({ text: e, isJoining: t = !1, onJoin: n, onCancel: r }) => {
 		u.isBlocked,
 		f
 	]);
-	let v = p && g && !u.isGranted, y = II(e, l.status, v);
+	let v = p && g && !u.isGranted, y = BI(e, l.status, v);
 	return /* @__PURE__ */ R(Pv, { children: /* @__PURE__ */ R("div", {
 		class: "absolute inset-0 motion-safe:animate-[tavusFadeUp_280ms_ease-out]",
 		children: [u.isGranted && !c ? /* @__PURE__ */ R("div", {
@@ -30329,8 +30504,8 @@ var LI = tp(({ text: e, isJoining: t = !1, onJoin: n, onCancel: r }) => {
 			})]
 		})]
 	}) });
-}), RI = "Password required", zI = "Enter the password to start this conversation.", BI = "Password", VI = "Continue";
-function HI({ onSubmit: e, text: t, isSubmitting: n = !1, errorMessage: r }) {
+}), HI = "Password required", UI = "Enter the password to start this conversation.", WI = "Password", GI = "Continue";
+function KI({ 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",
@@ -30350,18 +30525,18 @@ function HI({ onSubmit: e, text: t, isSubmitting: n = !1, errorMessage: r }) {
 					/* @__PURE__ */ R("h3", {
 						id: `${o}-title`,
 						class: "card-title text-base-content",
-						children: t?.title ?? RI
+						children: t?.title ?? HI
 					}),
 					/* @__PURE__ */ R("p", {
 						class: "text-sm text-base-content/70",
-						children: t?.description ?? zI
+						children: t?.description ?? UI
 					}),
 					/* @__PURE__ */ R("input", {
 						id: o,
 						type: "password",
 						autocomplete: "current-password",
 						class: "input input-bordered w-full",
-						placeholder: t?.placeholder ?? BI,
+						placeholder: t?.placeholder ?? WI,
 						value: i,
 						disabled: n,
 						onInput: (e) => a(e.target.value),
@@ -30377,7 +30552,7 @@ function HI({ onSubmit: e, text: t, isSubmitting: n = !1, errorMessage: r }) {
 						type: "submit",
 						disabled: !i.trim(),
 						loading: n,
-						children: t?.submit ?? VI
+						children: t?.submit ?? GI
 					})
 				]
 			})
@@ -30386,7 +30561,7 @@ function HI({ onSubmit: e, text: t, isSubmitting: n = !1, errorMessage: r }) {
 }
 //#endregion
 //#region ../core/src/components/welcome/index.tsx
-function UI({ text: e, onStart: t, isStarting: n, permissionRequest: r }) {
+function qI({ text: e, onStart: t, isStarting: n, permissionRequest: r }) {
 	let { config: i, deploymentId: a } = _h(), o = ev() === "full-screen", s = L(qm), c = O_(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 && ym(a, u), [
 		p,
 		a,
@@ -30395,7 +30570,7 @@ function UI({ text: e, onStart: t, isStarting: n, permissionRequest: r }) {
 	return /* @__PURE__ */ R(pv, {
 		title: c.title,
 		description: c.description,
-		overlay: v && s ? /* @__PURE__ */ R(HI, { onSubmit: s.setPassword }) : null,
+		overlay: v && s ? /* @__PURE__ */ R(KI, { onSubmit: s.setPassword }) : null,
 		children: [/* @__PURE__ */ R("div", {
 			class: "relative",
 			children: [r && /* @__PURE__ */ R(nv, {
@@ -30433,28 +30608,28 @@ function UI({ text: e, onStart: t, isStarting: n, permissionRequest: r }) {
 }
 //#endregion
 //#region ../core/src/hooks/use-haircheck-text.ts
-function WI(...e) {
+function JI(...e) {
 	for (let t of e) {
 		let e = t?.trim();
 		if (e) return e;
 	}
 }
-function GI() {
+function YI() {
 	let { config: e } = _h(), { haircheck: t } = e.value.customization;
 	return F(() => ({
-		prompt: WI(t.permission_request_description, t.permission_request_title),
-		ready: WI(t.permission_granted_description, t.permission_granted_title),
-		denied: WI(t.permission_denied_description, t.permission_denied_title),
-		join: WI(t.join_button),
-		cancel: WI(t.cancel_btn)
+		prompt: JI(t.permission_request_description, t.permission_request_title),
+		ready: JI(t.permission_granted_description, t.permission_granted_title),
+		denied: JI(t.permission_denied_description, t.permission_denied_title),
+		join: JI(t.join_button),
+		cancel: JI(t.cancel_btn)
 	}), [t]);
 }
 //#endregion
 //#region ../core/src/shells/flow-state-body.tsx
-function KI({ flow: e, welcomeText: t, onUnavailableCancel: n }) {
-	let r = GI();
+function XI({ flow: e, welcomeText: t, onUnavailableCancel: n }) {
+	let r = YI();
 	switch (e.state) {
-		case "idle": return /* @__PURE__ */ R(UI, {
+		case "idle": return /* @__PURE__ */ R(qI, {
 			text: t,
 			onStart: () => {
 				e.start();
@@ -30462,7 +30637,7 @@ function KI({ flow: e, welcomeText: t, onUnavailableCancel: n }) {
 			isStarting: e.isStarting,
 			permissionRequest: e.permissionRequest
 		});
-		case "haircheck": return /* @__PURE__ */ R(LI, {
+		case "haircheck": return /* @__PURE__ */ R(VI, {
 			text: r,
 			onJoin: () => {
 				e.join();
@@ -30470,7 +30645,7 @@ function KI({ flow: e, welcomeText: t, onUnavailableCancel: n }) {
 			onCancel: () => e.cancel(),
 			isJoining: e.isStarting
 		});
-		case "call": return /* @__PURE__ */ R(PI, { onLeave: () => e.leave() });
+		case "call": return /* @__PURE__ */ R(RI, { onLeave: () => e.leave() });
 		case "ended": return /* @__PURE__ */ R(xv, {
 			isStarting: e.isStarting,
 			permissionRequest: e.permissionRequest,
@@ -30495,11 +30670,11 @@ function KI({ flow: e, welcomeText: t, onUnavailableCancel: n }) {
 }
 //#endregion
 //#region ../core/src/providers/widget-ui-provider.tsx
-function qI(e, t, n) {
+function ZI(e, t, n) {
 	let r = e.state === "call", i = r || e.state === "haircheck" || e.isStarting;
 	e.cancel(), r && e.leave(), i && t(), n();
 }
-function JI({ children: e }) {
+function QI({ children: e }) {
 	let { config: t } = L(Cr), n = t.peek().customization?.widget, r = n?.expandable ?? "default", i = Kt(r === "start-expanded" || r === "always"), a = Kt(n?.variant ?? "full"), o = Kt(n?.position ?? "bottom-right"), s = Kt(r), c = Kt(n?.avatar?.type ?? "orb"), l = P(r);
 	$t(() => {
 		let e = t.value.customization?.widget, n = e?.expandable ?? "default";
@@ -30534,7 +30709,7 @@ function JI({ children: e }) {
 			f();
 			return;
 		}
-		qI({
+		ZI({
 			state: e.flowSignal.peek(),
 			isStarting: e.isStarting,
 			cancel: e.cancel,
@@ -30566,14 +30741,14 @@ function JI({ children: e }) {
 }
 //#endregion
 //#region ../core/src/components/powered-by/index.tsx
-function YI() {
+function $I() {
 	let { config: e } = _h(), t = e.value.customization.branding;
-	return e.value.show_tavus_branding !== !1 && !t?.hide_tavus_badge ? /* @__PURE__ */ R(XI, {}) : t?.logo || t?.text ? /* @__PURE__ */ R(ZI, {
+	return e.value.show_tavus_branding !== !1 && !t?.hide_tavus_badge ? /* @__PURE__ */ R(eL, {}) : t?.logo || t?.text ? /* @__PURE__ */ R(tL, {
 		logo: t.logo,
 		text: t.text
 	}) : null;
 }
-function XI() {
+function eL() {
 	let { isDark: e } = Bj(), t = e.value ? "white" : "#140206";
 	return /* @__PURE__ */ R("a", {
 		href: "https://tavus.io",
@@ -30600,7 +30775,7 @@ function XI() {
 		})] })]
 	});
 }
-function ZI({ logo: e, text: t }) {
+function tL({ logo: e, text: t }) {
 	return /* @__PURE__ */ R("div", {
 		class: "inline-flex items-center gap-1 text-xs text-base-content/50",
 		children: [e ? /* @__PURE__ */ R("img", {
@@ -30612,63 +30787,63 @@ function ZI({ logo: e, text: t }) {
 }
 //#endregion
 //#region ../core/src/hooks/use-widget-text.ts
-var QI = {
+var nL = {
 	title: "Hi! Want to chat?",
 	btn_title: "Start conversation"
 };
-function $I() {
+function rL() {
 	let { config: e } = _h(), t = e.value.customization.widget?.text;
 	return F(() => ({
-		title: t?.title || QI.title,
-		btn_title: t?.btn_title || QI.btn_title
+		title: t?.title || nL.title,
+		btn_title: t?.btn_title || nL.btn_title
 	}), [t]);
 }
 //#endregion
 //#region ../core/src/hooks/use-widget-ui.ts
-function eL() {
+function iL() {
 	let e = L(Vh);
 	if (!e) throw Error("useWidgetUI must be used within WidgetUIProvider");
 	return e;
 }
 //#endregion
 //#region ../core/src/components/widget-launcher/widget-avatar.tsx
-var tL = {
+var aL = {
 	xs: "w-6 h-6",
 	sm: "w-8 h-8",
 	md: "w-10 h-10",
 	lg: "w-16 h-16"
-}, nL = {
+}, oL = {
 	xs: "w-3 h-3",
 	sm: "w-4 h-4",
 	md: "w-5 h-5",
 	lg: "w-8 h-8"
 };
-function rL({ size: e = "md", className: t = "" }) {
-	let { avatarType: n } = eL(), { config: r } = _h(), i = D_(r.value);
+function sL({ size: e = "md", className: t = "" }) {
+	let { avatarType: n } = iL(), { config: r } = _h(), i = D_(r.value);
 	return (O_(r.value).background.type === "replica" || n.value === "image") && i ? /* @__PURE__ */ R("div", {
-		class: `relative ${tL[e]} rounded-box overflow-hidden bg-base-300 ${t}`,
+		class: `relative ${aL[e]} rounded-box overflow-hidden bg-base-300 ${t}`,
 		children: /* @__PURE__ */ R(I_, { replica: i })
 	}) : /* @__PURE__ */ R("div", {
-		class: `relative ${tL[e]} rounded-box bg-primary/15 flex items-center justify-center ${t}`,
-		children: /* @__PURE__ */ R("span", { class: `${nL[e]} rounded-full bg-primary animate-pulse` })
+		class: `relative ${aL[e]} rounded-box bg-primary/15 flex items-center justify-center ${t}`,
+		children: /* @__PURE__ */ R("span", { class: `${oL[e]} rounded-full bg-primary animate-pulse` })
 	});
 }
 //#endregion
 //#region ../core/src/components/widget-launcher/widget-launcher.tsx
-function iL({ variant: e }) {
-	let { toggle: t } = eL(), n = $I();
+function cL({ variant: e }) {
+	let { toggle: t } = iL(), n = rL();
 	return e === "tiny" ? /* @__PURE__ */ R("button", {
 		type: "button",
 		onClick: t,
 		"aria-label": n.btn_title,
 		class: "rounded-box overflow-hidden shadow-xl hover:shadow-2xl transition-shadow cursor-pointer",
-		children: /* @__PURE__ */ R(rL, { size: "lg" })
+		children: /* @__PURE__ */ R(sL, { size: "lg" })
 	}) : e === "compact" ? /* @__PURE__ */ R("button", {
 		type: "button",
 		onClick: t,
 		"aria-label": n.btn_title,
 		class: "group flex items-center gap-2.5 py-2.5 pl-2.5 pr-8 rounded-box bg-base-100 text-base-content border border-base-300 shadow-lg hover:shadow-xl transition-shadow cursor-pointer text-left",
-		children: [/* @__PURE__ */ R(rL, { size: "md" }), /* @__PURE__ */ R("span", {
+		children: [/* @__PURE__ */ R(sL, { size: "md" }), /* @__PURE__ */ R("span", {
 			class: "flex flex-col gap-0.5",
 			children: [/* @__PURE__ */ R("span", {
 				class: "text-base font-medium leading-tight",
@@ -30685,7 +30860,7 @@ function iL({ variant: e }) {
 		class: "flex flex-col gap-3 p-3 w-64 rounded-box bg-base-100 text-base-content border border-base-300 shadow-xl hover:shadow-2xl transition-shadow cursor-pointer text-left",
 		children: [/* @__PURE__ */ R("div", {
 			class: "flex items-center gap-2.5",
-			children: [/* @__PURE__ */ R(rL, { size: "md" }), /* @__PURE__ */ R("span", {
+			children: [/* @__PURE__ */ R(sL, { size: "md" }), /* @__PURE__ */ R("span", {
 				class: "text-sm font-medium leading-snug",
 				children: n.title
 			})]
@@ -30703,13 +30878,13 @@ function iL({ variant: e }) {
 }
 //#endregion
 //#region ../core/src/components/widget-launcher/widget-greeting-bubble.tsx
-var aL = "tavus:widget:greeting-dismissed";
-function oL({ anchor: e }) {
-	let t = $I(), { variant: n, expand: r } = eL(), [i, a] = M(!1);
+var lL = "tavus:widget:greeting-dismissed";
+function uL({ anchor: e }) {
+	let t = rL(), { variant: n, expand: r } = iL(), [i, a] = M(!1);
 	N(() => {
 		if (n.value === "tiny") {
 			try {
-				if (sessionStorage.getItem(aL) === "1") return;
+				if (sessionStorage.getItem(lL) === "1") return;
 			} catch {}
 			a(!0);
 		}
@@ -30717,7 +30892,7 @@ function oL({ anchor: e }) {
 	let o = I((e) => {
 		e.stopPropagation();
 		try {
-			sessionStorage.setItem(aL, "1");
+			sessionStorage.setItem(lL, "1");
 		} catch {}
 		a(!1);
 	}, []);
@@ -30749,18 +30924,18 @@ function oL({ anchor: e }) {
 }
 //#endregion
 //#region ../core/src/hooks/use-host-bridge.ts
-function sL() {
+function dL() {
 	let e = L(Uh);
 	if (!e) throw Error("useHostBridge must be used within HostBridgeProvider");
 	return e;
 }
 //#endregion
 //#region ../core/src/shells/widget/widget-popup.tsx
-var cL = "bg-base-100 text-base-content rounded-box border border-base-300 shadow-xl w-[22rem] flex flex-col animate-[tavusPopIn_180ms_ease-out]", lL = "bg-base-100 text-base-content w-[100vw] h-[100dvh] flex flex-col animate-[tavusFadeUp_180ms_ease-out]", uL = "p-1 flex-1 min-h-0", dL = "p-1 flex-1 min-h-0";
-function fL({ variant: e, children: t, onClose: n, fullscreen: r }) {
-	let { expandable: i } = eL(), a = i.value !== "always";
+var fL = "bg-base-100 text-base-content rounded-box border border-base-300 shadow-xl w-[22rem] flex flex-col animate-[tavusPopIn_180ms_ease-out]", pL = "bg-base-100 text-base-content w-[100vw] h-[100dvh] flex flex-col animate-[tavusFadeUp_180ms_ease-out]", mL = "p-1 flex-1 min-h-0", hL = "p-1 flex-1 min-h-0";
+function gL({ variant: e, children: t, onClose: n, fullscreen: r }) {
+	let { expandable: i } = iL(), a = i.value !== "always";
 	return r ? /* @__PURE__ */ R("div", {
-		class: lL,
+		class: pL,
 		children: [
 			/* @__PURE__ */ R("div", {
 				class: "flex items-center justify-end gap-2 px-2.5 py-1.5 border-b border-base-300",
@@ -30776,18 +30951,18 @@ function fL({ variant: e, children: t, onClose: n, fullscreen: r }) {
 				})
 			}),
 			/* @__PURE__ */ R("div", {
-				class: dL,
+				class: hL,
 				children: t
 			}),
 			/* @__PURE__ */ R("div", {
 				class: "flex justify-end px-2.5",
-				children: /* @__PURE__ */ R(YI, {})
+				children: /* @__PURE__ */ R($I, {})
 			})
 		]
 	}) : /* @__PURE__ */ R("div", {
 		class: "flex flex-col h-[min(34rem,calc(100dvh-3rem))]",
 		children: [/* @__PURE__ */ R("div", {
-			class: `${cL} flex-1 overflow-hidden`,
+			class: `${fL} flex-1 overflow-hidden`,
 			children: [/* @__PURE__ */ R("div", {
 				class: "flex items-center justify-end gap-2 px-2.5 pt-1.5 shrink-0",
 				children: a && /* @__PURE__ */ R("button", {
@@ -30801,68 +30976,68 @@ function fL({ variant: e, children: t, onClose: n, fullscreen: r }) {
 					})
 				})
 			}), /* @__PURE__ */ R("div", {
-				class: uL,
+				class: mL,
 				children: t
 			})]
 		}), /* @__PURE__ */ R("div", {
 			class: "flex justify-end pr-2 pt-1.5 shrink-0",
-			children: /* @__PURE__ */ R(YI, {})
+			children: /* @__PURE__ */ R($I, {})
 		})]
 	});
 }
 //#endregion
 //#region ../core/src/shells/widget/widget-shell.tsx
-var pL = en("Widget"), mL = "1rem", hL = 480;
-function gL() {
-	return typeof window > "u" ? !1 : window.innerWidth <= hL;
+var _L = en("Widget"), vL = "1rem", yL = 480;
+function bL() {
+	return typeof window > "u" ? !1 : window.innerWidth <= yL;
 }
-function _L(e) {
+function xL(e) {
 	switch (e) {
 		case "bottom-right": return {
-			bottom: mL,
-			right: mL
+			bottom: vL,
+			right: vL
 		};
 		case "bottom-left": return {
-			bottom: mL,
-			left: mL
+			bottom: vL,
+			left: vL
 		};
 		case "top-right": return {
-			top: mL,
-			right: mL
+			top: vL,
+			right: vL
 		};
 		case "top-left": return {
-			top: mL,
-			left: mL
+			top: vL,
+			left: vL
 		};
 		case "top": return {
-			top: mL,
+			top: vL,
 			left: "50%",
 			transform: "translateX(-50%)"
 		};
 		case "bottom": return {
-			bottom: mL,
+			bottom: vL,
 			left: "50%",
 			transform: "translateX(-50%)"
 		};
 	}
 }
-var vL = [
+var SL = [
 	"top",
 	"bottom",
 	"left",
 	"right",
 	"transform"
 ];
-function yL(e) {
+function CL(e) {
 	return e === "bottom-left" || e === "top-left" ? "left" : "right";
 }
-function bL() {
-	let { config: e, initError: t } = _h(), n = $I(), { expanded: r, position: i, variant: a, close: o } = eL(), { shadowHost: s } = sL(), c = $_(), l = Kt(gL());
+function wL() {
+	let { config: e, initError: t } = _h(), n = rL(), { expanded: r, position: i, variant: a, close: o } = iL(), { shadowHost: s } = dL(), c = $_(), l = Kt(bL());
 	N(() => {
 		if (typeof window > "u") return;
-		l.value = gL();
+		l.value = bL();
 		let e = () => {
-			l.value = gL();
+			l.value = bL();
 		};
 		return window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
 	}, [l]);
@@ -30872,27 +31047,27 @@ function bL() {
 		if (e) {
 			if (a) e.style.top = "0", e.style.right = "0", e.style.bottom = "0", e.style.left = "0", e.style.transform = "";
 			else {
-				let n = _L(t);
-				for (let t of vL) e.style[t] = n[t] ?? "";
+				let n = xL(t);
+				for (let t of SL) e.style[t] = n[t] ?? "";
 			}
 			e.dataset.tavusWidgetPosition = t, e.dataset.tavusWidgetExpanded = n ? "true" : "false", e.dataset.tavusWidgetFullscreen = a ? "true" : "false", e.dataset.tavusWidgetSmall = l.value ? "true" : "false";
 		}
-	}), t.value) return pL.error("Widget cannot initialize (init request failed):", t.value), null;
-	if (e.value.is_available === !1 && e.value.unavailable_reason === "total_limit") return pL.error("Widget is unavailable (total_limit reached) — not rendering"), null;
+	}), t.value) return _L.error("Widget cannot initialize (init request failed):", t.value), null;
+	if (e.value.is_available === !1 && e.value.unavailable_reason === "total_limit") return _L.error("Widget is unavailable (total_limit reached) — not rendering"), null;
 	if (!r.value) {
-		let e = yL(i.value), t = e === "right" ? "flex items-end gap-2 justify-end" : "flex items-end gap-2 flex-row-reverse justify-end", n = e === "right" ? "justify-end pr-2" : "justify-start pl-2";
+		let e = CL(i.value), t = e === "right" ? "flex items-end gap-2 justify-end" : "flex items-end gap-2 flex-row-reverse justify-end", n = e === "right" ? "justify-end pr-2" : "justify-start pl-2";
 		return /* @__PURE__ */ R("div", {
 			class: "flex flex-col",
 			children: [/* @__PURE__ */ R("div", {
 				class: t,
-				children: [/* @__PURE__ */ R(oL, { anchor: e }), /* @__PURE__ */ R(iL, { variant: a.value })]
+				children: [/* @__PURE__ */ R(uL, { anchor: e }), /* @__PURE__ */ R(cL, { variant: a.value })]
 			}), /* @__PURE__ */ R("div", {
 				class: `flex ${n} pt-1.5`,
-				children: /* @__PURE__ */ R(YI, {})
+				children: /* @__PURE__ */ R($I, {})
 			})]
 		});
 	}
-	return e.value.is_available === !1 ? /* @__PURE__ */ R(fL, {
+	return e.value.is_available === !1 ? /* @__PURE__ */ R(gL, {
 		variant: a.value,
 		fullscreen: l.value,
 		onClose: o,
@@ -30901,11 +31076,11 @@ function bL() {
 			canRetry: !1,
 			onRetry: () => {}
 		}) })
-	}) : /* @__PURE__ */ R(fL, {
+	}) : /* @__PURE__ */ R(gL, {
 		variant: a.value,
 		fullscreen: l.value,
 		onClose: o,
-		children: /* @__PURE__ */ R(sg, { children: /* @__PURE__ */ R(KI, {
+		children: /* @__PURE__ */ R(sg, { children: /* @__PURE__ */ R(XI, {
 			flow: c,
 			welcomeText: u,
 			onUnavailableCancel: () => c.restart()
@@ -30914,11 +31089,11 @@ function bL() {
 }
 //#endregion
 //#region ../core/src/widget/tavus-widget.tsx
-var xL = ":host {\n  display: block;\n  position: fixed;\n  z-index: 50;\n  background: transparent;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n}";
-function SL(e) {
+var TL = ":host {\n  display: block;\n  position: fixed;\n  z-index: 50;\n  background: transparent;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n}";
+function EL(e) {
 	return /* @__PURE__ */ R(E, { children: [
 		/* @__PURE__ */ R("style", { dangerouslySetInnerHTML: { __html: Ne } }),
-		/* @__PURE__ */ R("style", { dangerouslySetInnerHTML: { __html: xL } }),
+		/* @__PURE__ */ R("style", { dangerouslySetInnerHTML: { __html: TL } }),
 		/* @__PURE__ */ R(ct, {
 			surface: "widget",
 			"camera-on-start": e["camera-on-start"],
@@ -30929,13 +31104,13 @@ function SL(e) {
 			"memory-stores": e["memory-stores"],
 			"base-url": e["base-url"],
 			token: e.token,
-			children: /* @__PURE__ */ R(wr, { children: /* @__PURE__ */ R(Er, { children: /* @__PURE__ */ R(Jm, { children: /* @__PURE__ */ R(gh, { children: /* @__PURE__ */ R(Bh, { children: /* @__PURE__ */ R(JI, { children: /* @__PURE__ */ R(Gh, { children: /* @__PURE__ */ R(qh, { children: /* @__PURE__ */ R(bL, {}) }) }) }) }) }) }) }) })
+			children: /* @__PURE__ */ R(wr, { children: /* @__PURE__ */ R(Er, { children: /* @__PURE__ */ R(Jm, { children: /* @__PURE__ */ R(gh, { children: /* @__PURE__ */ R(Bh, { children: /* @__PURE__ */ R(QI, { children: /* @__PURE__ */ R(Gh, { children: /* @__PURE__ */ R(qh, { children: /* @__PURE__ */ R(wL, {}) }) }) }) }) }) }) }) })
 		})
 	] });
 }
-var CL;
-function wL() {
-	CL ||= Te(SL, "tavus-widget", [
+var DL;
+function OL() {
+	DL ||= Te(EL, "tavus-widget", [
 		"camera-on-start",
 		"deployment-id",
 		"override-config",
@@ -30951,7 +31126,7 @@ function wL() {
 }
 //#endregion
 //#region src/integration.ts
-var TL = [
+var kL = [
 	"tavus:chat-message",
 	"tavus:conversation-created",
 	"tavus:conversation-ended",
@@ -30963,7 +31138,7 @@ var TL = [
 	"tavus:ready",
 	"tavus:state-change",
 	"tavus:tool-call"
-], EL = class {
+], AL = class {
 	element = null;
 	tagName;
 	constructor(e = "tavus-widget") {
@@ -31014,6 +31189,6 @@ var TL = [
 };
 //#endregion
 //#region src/index.ts
-typeof window < "u" && wL();
+typeof window < "u" && OL();
 //#endregion
-export { TL as TAVUS_EVENT_NAMES, EL as TavusIntegration };
+export { kL as TAVUS_EVENT_NAMES, AL as TavusIntegration };