@tavus/widget 0.0.1-beta.10 → 0.0.1-beta.12

package/dist/index.mjs

@@ -19092,20 +19092,20 @@ function Wy({ title: e, description: t, media: n, children: r, overlay: i }) {
 //#region ../core/src/utils/unavailable-copy.ts
 var Gy = {
 	daily_limit: {
-		title: "Agent is at today's limit",
-		description: "This Agent can take more conversations tomorrow."
+		title: "PAL is at today's limit",
+		description: "This PAL can take more conversations tomorrow."
 	},
 	total_limit: {
-		title: "Agent is unavailable",
-		description: "This Agent isn't available right now. Please check back later."
+		title: "PAL is unavailable",
+		description: "This PAL isn't available right now. Please check back later."
 	},
 	busy: {
-		title: "Agent is in another conversation",
+		title: "PAL is in another conversation",
 		description: "Please try again in a moment."
 	},
 	error: {
-		title: "Couldn't load this Agent",
-		description: "This Agent couldn't be loaded. Please try again later."
+		title: "Couldn't load this PAL",
+		description: "This PAL couldn't be loaded. Please try again later."
 	}
 };
 function Ky(e, t) {
@@ -19808,14 +19808,14 @@ var Lb = ba(() => {
 }), Rb = ba(() => {
 	let { isEnabled: e } = Ib(), { captionText: t, captionRole: n } = Nb(), r = t.value, i = n.value;
 	return !e || !r ? null : /* @__PURE__ */ A("div", {
-		class: "absolute bottom-24 left-1/2 -translate-x-1/2 max-w-[80%] px-4 py-2 rounded-box bg-black/60 text-white",
+		class: "absolute bottom-24 left-1/2 -translate-x-1/2 max-w-[80%] px-4 py-2 rounded-box bg-black/60 text-white z-10",
 		role: "status",
 		"aria-live": "polite",
 		children: /* @__PURE__ */ A("div", {
 			class: "text-sm leading-5 max-h-15 overflow-hidden flex flex-col justify-end text-center",
 			children: /* @__PURE__ */ A("div", { children: [/* @__PURE__ */ A("span", {
 				class: `text-xs ${i === "replica" ? "text-secondary" : "text-primary"} mr-2`,
-				children: i === "replica" ? "Replica" : "You"
+				children: i === "replica" ? "PAL" : "You"
 			}), r] })
 		})
 	});
@@ -19856,7 +19856,7 @@ var Hb = ba((e = {}) => {
 		class: `flex flex-col gap-1 ${t ? "items-end" : "items-start"}`,
 		children: [/* @__PURE__ */ A("span", {
 			class: `text-xs ${t ? "text-primary" : "text-secondary"}`,
-			children: t ? "You" : "Replica"
+			children: t ? "You" : "PAL"
 		}), /* @__PURE__ */ A("span", {
 			class: `px-3 py-2 rounded-field text-sm max-w-[80%] ${t ? "bg-primary text-primary-content" : "bg-base-200 text-base-content"}`,
 			children: e.text
@@ -25348,108 +25348,41 @@ function _j() {
 	return e;
 }
 //#endregion
-//#region ../core/src/magic-canvas/internal/bridge.ts
-async function vj(e) {
-	try {
-		await e.teardownResource({}, { timeout: 1e3 });
-	} catch {}
-	try {
-		await e.close();
-	} catch {}
-}
-//#endregion
-//#region ../core/src/magic-canvas/debug-panel.tsx
-function yj({ state: e }) {
-	return e.enabled ? /* @__PURE__ */ A("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__ */ A("summary", {
-			class: "cursor-pointer font-medium",
-			children: "Magic Canvas debug"
-		}), /* @__PURE__ */ A("dl", {
-			class: "mt-2 grid gap-2",
-			children: [
-				/* @__PURE__ */ A(bj, {
-					label: "iframe",
-					value: e.iframeLifecycleState
-				}),
-				/* @__PURE__ */ A(bj, {
-					label: "post",
-					value: e.lastInteractionPostResult
-				}),
-				/* @__PURE__ */ A(bj, {
-					label: "context",
-					value: e.lastModelContextUpdate
-				}),
-				/* @__PURE__ */ A(bj, {
-					label: "error",
-					value: e.lastError
-				}),
-				/* @__PURE__ */ A(xj, {
-					label: "tool_call",
-					value: e.lastToolCall
-				}),
-				/* @__PURE__ */ A(xj, {
-					label: "canvas_config",
-					value: e.parsedCanvasConfig
-				})
-			]
-		})]
-	}) : null;
-}
-function bj({ label: e, value: t }) {
-	return t ? /* @__PURE__ */ A("div", { children: [/* @__PURE__ */ A("dt", {
-		class: "font-semibold",
-		children: e
-	}), /* @__PURE__ */ A("dd", {
-		class: "break-words text-base-content/70",
-		children: t
-	})] }) : null;
-}
-function xj({ label: e, value: t }) {
-	return t === void 0 ? null : /* @__PURE__ */ A("div", { children: [/* @__PURE__ */ A("dt", {
-		class: "font-semibold",
-		children: e
-	}), /* @__PURE__ */ A("dd", { children: /* @__PURE__ */ A("pre", {
-		class: "max-h-40 overflow-auto rounded bg-base-200 p-2 text-[10px] leading-relaxed",
-		children: JSON.stringify(t, null, 2)
-	}) })] });
-}
-//#endregion
-//#region ../core/src/magic-canvas/internal/allowlists.ts
-var Sj = new Set(["mcp-ui.tavus.io", "mcp-ui.tavus-preview.io"]), Cj = [".sandbox-tavus.io"], wj = new Set(["tavusapi.com"]);
-function Tj(e) {
+//#region ../../node_modules/@tavus-engineering/magic-canvas-core/dist/allowlists.js
+var vj = new Set(["mcp-ui.tavus.io", "mcp-ui.tavus-preview.io"]), yj = [".sandbox-tavus.io"], bj = new Set(["tavusapi.com"]);
+function xj(e) {
 	let t;
 	try {
 		t = new URL(e);
 	} catch {
 		return !1;
 	}
-	return Oj(t) ? !0 : t.protocol === "https:" ? Sj.has(t.hostname) ? !0 : Cj.some((e) => t.hostname.endsWith(e)) : !1;
+	return wj(t) ? !0 : t.protocol === "https:" ? vj.has(t.hostname) ? !0 : yj.some((e) => t.hostname.endsWith(e)) : !1;
 }
-function Ej(e) {
-	return Tj(e);
+function Sj(e) {
+	return xj(e);
 }
-function Dj(e) {
+function Cj(e) {
 	let t;
 	try {
 		t = new URL(e);
 	} catch {
 		return !1;
 	}
-	return kj(t) ? !0 : t.protocol === "https:" && wj.has(t.hostname);
+	return Tj(t) ? !0 : t.protocol === "https:" && bj.has(t.hostname);
 }
-function Oj(e) {
-	return kj(e);
+function wj(e) {
+	return Tj(e);
 }
-function kj(e) {
-	return !Aj() || e.protocol !== "http:" && e.protocol !== "https:" ? !1 : [
+function Tj(e) {
+	return !Ej() || e.protocol !== "http:" && e.protocol !== "https:" ? !1 : [
 		"localhost",
 		"127.0.0.1",
 		"::1",
 		"[::1]"
 	].includes(e.hostname);
 }
-function Aj() {
+function Ej() {
 	try {
 		let e = globalThis.location?.hostname;
 		return typeof e == "string" && [
@@ -25463,44 +25396,54 @@ function Aj() {
 	}
 }
 //#endregion
-//#region ../core/src/magic-canvas/internal/runtime.ts
-var jj = "tavus.canvas.interaction", Mj = [
+//#region ../../node_modules/@tavus-engineering/magic-canvas-core/dist/bridge.js
+async function Dj(e) {
+	try {
+		await e.teardownResource({}, { timeout: 1e3 });
+	} catch {}
+	try {
+		await e.close?.();
+	} catch {}
+}
+//#endregion
+//#region ../../node_modules/@tavus-engineering/magic-canvas-core/dist/runtime.js
+var Oj = "tavus.canvas.interaction", kj = [
 	"safe-area-right",
 	"safe-area-left",
 	"safe-area-bottom",
 	"full"
-], Nj = "safe-area-right", Pj = {
+], Aj = "safe-area-right", jj = {
 	x: 275 / 1280,
 	y: 111 / 720,
 	width: 730 / 1280,
 	height: 609 / 720
-}, Fj = { type: "snapshot_mirror" };
-function Ij(e) {
-	return aM(e) ? e.message_type === "conversation" && e.event_type === "conversation.tool_call" && typeof e.conversation_id == "string" && aM(e.properties) : !1;
-}
-function Lj(e) {
-	if (!aM(e)) return null;
-	let t = yM(e, "component"), n = yM(e, "component_version"), r = yM(e, "sandbox_url"), i = SM(e, "mcp_server_url", Ej), a = SM(e, "api_base_url", Dj), o = SM(e, "interaction_url", Dj), s = lM(e.layout), c = e.version;
-	return c !== 1 || !t || !n || !r || !Tj(r) || i === null || a === null || o === null || s === null ? null : {
+}, Mj = { type: "snapshot_mirror" };
+function Nj(e) {
+	return tM(e) ? e.message_type === "conversation" && e.event_type === "conversation.tool_call" && typeof e.conversation_id == "string" && tM(e.properties) : !1;
+}
+function Pj(e) {
+	if (!tM(e)) return null;
+	let t = hM(e, "component"), n = hM(e, "component_version"), r = hM(e, "sandbox_url"), i = vM(e, "mcp_server_url", Sj), a = vM(e, "api_base_url", Cj), o = vM(e, "interaction_url", Cj), s = aM(e.layout), c = e.version;
+	return c !== 1 || !t || !n || !r || !xj(r) || i === null || a === null || o === null || s === null ? null : {
 		version: c,
 		component: t,
 		component_version: n,
-		resource_uri: yM(e, "resource_uri"),
+		resource_uri: hM(e, "resource_uri"),
 		sandbox_url: r,
 		mcp_server_url: i,
-		mcp_tool_name: yM(e, "mcp_tool_name"),
+		mcp_tool_name: hM(e, "mcp_tool_name"),
 		api_base_url: a,
 		interaction_url: o,
 		layout: s,
-		host_context: aM(e.host_context) ? e.host_context : void 0
+		host_context: tM(e.host_context) ? e.host_context : void 0
 	};
 }
-function Rj(e) {
+function Fj(e) {
 	if (e === void 0) return {
 		ok: !0,
 		value: {}
 	};
-	if (aM(e)) return {
+	if (tM(e)) return {
 		ok: !0,
 		value: e
 	};
@@ -25510,7 +25453,7 @@ function Rj(e) {
 	};
 	try {
 		let t = JSON.parse(e);
-		return aM(t) ? {
+		return tM(t) ? {
 			ok: !0,
 			value: t
 		} : {
@@ -25520,14 +25463,14 @@ function Rj(e) {
 	} catch (e) {
 		return {
 			ok: !1,
-			error: oM(e)
+			error: nM(e)
 		};
 	}
 }
-function zj(e) {
+function Ij(e) {
 	let t = e.properties.name;
 	if (t !== "canvas_clear" && t !== "update_component") return null;
-	let n = Rj(e.properties.arguments);
+	let n = Fj(e.properties.arguments);
 	if (!n.ok) throw n.error;
 	if (t === "canvas_clear") {
 		let t = n.value.tool_call_id, r = n.value.reason;
@@ -25542,7 +25485,7 @@ function zj(e) {
 	}
 	let r = n.value.tool_call_id, i = n.value.updates;
 	if (typeof r != "string" || r.length === 0) throw Error("Magic Canvas update_component requires a target tool_call_id.");
-	if (!aM(i)) throw Error("Magic Canvas update_component requires an object updates payload.");
+	if (!tM(i)) throw Error("Magic Canvas update_component requires an object updates payload.");
 	return {
 		kind: "update",
 		conversation_id: e.conversation_id,
@@ -25550,39 +25493,32 @@ function zj(e) {
 		updates: i
 	};
 }
-var Bj = ["safe-area-left", "safe-area-right"];
-function Vj(e) {
-	let t = Bj.includes(e.preferred_slot) ? e.preferred_slot : Nj;
+var Lj = ["safe-area-left", "safe-area-right"];
+function Rj(e) {
+	let t = Lj.includes(e.preferred_slot) ? e.preferred_slot : Aj;
 	return t === e.preferred_slot && e.display_mode === "inline" ? e : {
 		...e,
 		preferred_slot: t,
 		display_mode: "inline"
 	};
 }
-function Hj(e) {
+function zj(e) {
 	return e.display_mode === "fullscreen" ? "full" : e.preferred_slot;
 }
-function Uj(e) {
-	return e === "full" || e === "safe-area-bottom";
-}
-function Wj(e, t) {
-	let n = Hj(t.layout);
-	return Uj(n) ? [t] : [...e.filter((e) => {
-		let t = Hj(e.layout);
-		return !Uj(t) && t !== n;
-	}), t];
+function Bj(e, t) {
+	return [t];
 }
-function Gj(e, t) {
+function Vj(e, t) {
 	switch (t.kind) {
 		case "show": {
 			let n = e.find((e) => e.id === t.instance.id), r = n ? {
 				...t.instance,
 				revision: n.revision + 1
 			} : t.instance;
-			return Wj(e.filter((e) => e.id !== t.instance.id), r);
+			return Bj(e.filter((e) => e.id !== t.instance.id), r);
 		}
 		case "update": {
-			let n = (e) => e.conversation_id === t.conversation_id && e.tool_call_id === t.tool_call_id, r = tM(t.updates), i, a = e.map((e) => {
+			let n = (e) => e.conversation_id === t.conversation_id && e.tool_call_id === t.tool_call_id, r = Zj(t.updates), i, a = e.map((e) => {
 				if (!n(e)) return e;
 				let t = {
 					...e,
@@ -25590,7 +25526,7 @@ function Gj(e, t) {
 						...e.arguments,
 						...r.componentArguments
 					},
-					layout: Vj({
+					layout: Rj({
 						preferred_slot: r.preferredSlot ?? e.layout.preferred_slot,
 						display_mode: r.displayMode ?? e.layout.display_mode,
 						avoid_safe_area: r.avoidSafeArea ?? e.layout.avoid_safe_area,
@@ -25603,86 +25539,86 @@ function Gj(e, t) {
 			});
 			if (i === void 0) return a;
 			let o = e.find(n);
-			return o && Hj(o.layout) === Hj(i.layout) ? a : Wj(a.filter((e) => !n(e)), i);
+			return o && zj(o.layout) === zj(i.layout) ? a : Bj(a.filter((e) => !n(e)), i);
 		}
 		case "clear": return t.tool_call_id ? e.filter((e) => !(e.conversation_id === t.conversation_id && e.tool_call_id === t.tool_call_id)) : e.filter((e) => e.conversation_id !== t.conversation_id);
 	}
 }
-function Kj(e) {
-	if (!aM(e) || !Array.isArray(e.content)) return null;
+function Hj(e) {
+	if (!tM(e) || !Array.isArray(e.content)) return null;
 	for (let t of e.content) {
-		if (!aM(t)) continue;
-		let e = (aM(t._meta) ? t._meta : null)?.[jj];
-		if (aM(e)) return CM(e);
+		if (!tM(t)) continue;
+		let e = (tM(t._meta) ? t._meta : null)?.[Oj];
+		if (tM(e)) return yM(e);
 	}
 	return null;
 }
-function qj(e, t) {
+function Uj(e, t) {
 	let n = t.type, r = t.value;
 	if (!n) throw Error("Magic Canvas interaction is missing type.");
 	if (r === void 0) throw Error("Magic Canvas interaction is missing value.");
 	return {
-		interaction_id: t.interaction_id ?? iM(e.tool_call_id, n),
+		interaction_id: t.interaction_id ?? eM(e.tool_call_id, n),
 		conversation_id: e.conversation_id,
 		tool_call_id: e.tool_call_id,
 		component: t.component ?? e.canvas_config.component,
 		component_version: t.component_version ?? e.canvas_config.component_version,
 		type: n,
 		value: r,
-		metadata: aM(t.metadata) ? t.metadata : {}
+		metadata: tM(t.metadata) ? t.metadata : {}
 	};
 }
-function Jj(e) {
+function Wj(e) {
 	return e.type === "dismiss" || e.type === "clear" ? !0 : e.type !== "submit" && e.type !== "skip" ? !1 : e.component === "canvas.question" || e.component === "canvas.input" || e.component === "canvas.calendar";
 }
-function Yj(e) {
-	return !aM(e) || !Array.isArray(e.content) ? "" : e.content.map((e) => aM(e) && e.type === "text" && typeof e.text == "string" ? e.text : "").filter(Boolean).join("\n").trim();
+function Gj(e) {
+	return !tM(e) || !Array.isArray(e.content) ? "" : e.content.map((e) => tM(e) && e.type === "text" && typeof e.text == "string" ? e.text : "").filter(Boolean).join("\n").trim();
 }
-function Xj(e, t) {
-	let n = aM(t.structuredContent) ? t.structuredContent : void 0, r = sM(t.content), i = typeof n?.state == "string" ? n.state : "updated", a = typeof n?.summary == "string" ? n.summary : r, o = [`Magic Canvas state update for ${e.canvas_config.component} (${e.tool_call_id}).`, `State: ${i}.`];
-	return a && o.push(`Summary: ${a}`), n && o.push(`Structured state: ${cM(n)}`), r && r !== a && o.push(r), o.join("\n");
+function Kj(e, t) {
+	let n = tM(t.structuredContent) ? t.structuredContent : void 0, r = rM(t.content), i = typeof n?.state == "string" ? n.state : "updated", a = typeof n?.summary == "string" ? n.summary : r, o = [`Magic Canvas state update for ${e.canvas_config.component} (${e.tool_call_id}).`, `State: ${i}.`];
+	return a && o.push(`Summary: ${a}`), n && o.push(`Structured state: ${iM(n)}`), r && r !== a && o.push(r), o.join("\n");
 }
-function Zj({ conversationId: e, toolCallId: t, args: n, canvasConfig: r }) {
-	let i = tM(n);
+function qj({ conversationId: e, toolCallId: t, args: n, canvasConfig: r }) {
+	let i = Zj(n);
 	return {
 		id: t,
 		conversation_id: e,
 		tool_call_id: t,
 		arguments: i.componentArguments,
 		canvas_config: r,
-		layout: Vj({
-			preferred_slot: i.preferredSlot ?? r.layout?.preferred_slot ?? nM(r.component),
+		layout: Rj({
+			preferred_slot: i.preferredSlot ?? r.layout?.preferred_slot ?? Qj(r.component),
 			display_mode: i.displayMode ?? "inline",
 			avoid_safe_area: i.avoidSafeArea ?? r.layout?.avoid_safe_area ?? !0,
-			safe_area: i.safeArea ?? r.layout?.safe_area ?? Pj,
-			backdrop: i.backdrop ?? r.layout?.backdrop ?? Fj
+			safe_area: i.safeArea ?? r.layout?.safe_area ?? jj,
+			backdrop: i.backdrop ?? r.layout?.backdrop ?? Mj
 		}),
 		revision: 0
 	};
 }
-function Qj(e, t) {
+function Jj(e, t) {
 	let n = e.layout.display_mode;
 	return {
 		...e.layout,
 		display_mode: n,
-		viable_slot: n === "fullscreen" ? "full" : eM(e.layout.preferred_slot, t)
+		viable_slot: n === "fullscreen" ? "full" : Xj(e.layout.preferred_slot, t)
 	};
 }
-function $j(e, t) {
+function Yj(e, t) {
 	let n = e.filter((e) => !e.avoid_safe_area || e.display_mode === "fullscreen" ? !1 : e.viable_slot === "safe-area-left" || e.viable_slot === "safe-area-right"), r = n.some((e) => e.viable_slot === "safe-area-left"), i = n.some((e) => e.viable_slot === "safe-area-right");
 	if (r && i) return {
 		active: !1,
 		video_shift_x: 0,
-		backdrop: Fj
+		backdrop: Mj
 	};
 	let a = [...n].reverse()[0];
 	if (!a || t.width < 900) return {
 		active: !1,
 		video_shift_x: 0,
-		backdrop: Fj
+		backdrop: Mj
 	};
 	let o = Math.min(448, Math.max(0, t.width - 32)), s = a.safe_area, c = s.x * t.width, l = (s.x + s.width) * t.width, u = Math.min(360, t.width * .3), d = 0;
-	return d = a.viable_slot === "safe-area-left" ? xM(16 + o + 24 - c, 0, u) : -xM(l - (t.width - 16 - o - 24), 0, u), {
+	return d = a.viable_slot === "safe-area-left" ? _M(16 + o + 24 - c, 0, u) : -_M(l - (t.width - 16 - o - 24), 0, u), {
 		active: !0,
 		side: a.viable_slot === "safe-area-left" ? "left" : "right",
 		video_shift_x: Math.round(d),
@@ -25690,31 +25626,31 @@ function $j(e, t) {
 		backdrop: a.backdrop
 	};
 }
-function eM(e, t) {
+function Xj(e, t) {
 	return e === "full" || e === "safe-area-bottom" && t.visualViewportHeight !== void 0 && t.visualViewportHeight < t.height * .75 ? "full" : (e === "safe-area-left" || e === "safe-area-right") && t.width < 768 && t.height >= t.width ? "safe-area-bottom" : e;
 }
-function tM(e) {
+function Zj(e) {
 	let t = {};
 	for (let [n, r] of Object.entries(e)) n === "layout" || n === "preferred_slot" || n === "preferredSlot" || n === "display_mode" || n === "displayMode" || n === "presentation" || n === "fullscreen" || n === "avoid_safe_area" || n === "avoidSafeArea" || n === "safe_area" || n === "safeArea" || n === "backdrop" || (t[n] = r);
 	return {
 		componentArguments: t,
-		preferredSlot: uM(e.layout) ?? uM(e.preferred_slot) ?? uM(e.preferredSlot),
-		displayMode: dM(e),
-		avoidSafeArea: fM(e),
-		safeArea: pM(e),
-		backdrop: mM(e)
+		preferredSlot: oM(e.layout) ?? oM(e.preferred_slot) ?? oM(e.preferredSlot),
+		displayMode: sM(e),
+		avoidSafeArea: cM(e),
+		safeArea: lM(e),
+		backdrop: uM(e)
 	};
 }
-function nM(e) {
+function Qj(e) {
 	switch (e) {
 		case "canvas.alert": return "safe-area-bottom";
 		case "canvas.chart":
 		case "canvas.image":
 		case "canvas.video": return "full";
-		default: return Nj;
+		default: return Aj;
 	}
 }
-function rM(e, t) {
+function $j(e, t) {
 	let n = t?.displayScale ?? 1;
 	if (e.display_mode === "fullscreen" || e.viable_slot === "full") return {
 		maxWidth: void 0,
@@ -25732,128 +25668,185 @@ function rM(e, t) {
 		displayScale: n
 	};
 }
-function iM(e, t) {
+function eM(e, t) {
 	return `ci_${e.replace(/[^a-zA-Z0-9_-]/g, "_")}_${t}_${globalThis.crypto?.randomUUID?.() ?? Math.random().toString(36).slice(2, 10)}`;
 }
-function aM(e) {
+function tM(e) {
 	return typeof e == "object" && !!e && !Array.isArray(e);
 }
-function oM(e) {
+function nM(e) {
 	return e instanceof Error ? e : Error(String(e));
 }
-function sM(e) {
-	return Array.isArray(e) ? e.map((e) => aM(e) && e.type === "text" && typeof e.text == "string" ? e.text : "").filter(Boolean).join("\n").trim() : "";
+function rM(e) {
+	return Array.isArray(e) ? e.map((e) => tM(e) && e.type === "text" && typeof e.text == "string" ? e.text : "").filter(Boolean).join("\n").trim() : "";
 }
-function cM(e) {
+function iM(e) {
 	let t = JSON.stringify(e);
 	return t ? t.length <= 2e3 ? t : `${t.slice(0, 2e3)}...` : "{}";
 }
-function lM(e) {
+function aM(e) {
 	if (e === void 0) return;
-	if (!aM(e)) return null;
-	let t = uM(e), n = hM(e.safe_area ?? e.safeArea), r = gM(e.backdrop);
+	if (!tM(e)) return null;
+	let t = oM(e), n = dM(e.safe_area ?? e.safeArea), r = fM(e.backdrop);
 	return n === null || r === null ? null : {
 		...t ? { preferred_slot: t } : {},
-		..._M(e.avoid_safe_area ?? e.avoidSafeArea, "avoid_safe_area"),
+		...pM(e.avoid_safe_area ?? e.avoidSafeArea, "avoid_safe_area"),
 		...n ? { safe_area: n } : {},
 		...r ? { backdrop: r } : {}
 	};
 }
-function uM(e) {
-	if (typeof e == "string" && vM(e)) return e;
-	if (!aM(e)) return;
+function oM(e) {
+	if (typeof e == "string" && mM(e)) return e;
+	if (!tM(e)) return;
 	let t = e.preferred_slot ?? e.preferredSlot ?? e.slot;
-	return typeof t == "string" && vM(t) ? t : void 0;
+	return typeof t == "string" && mM(t) ? t : void 0;
 }
-function dM(e) {
+function sM(e) {
 	if (e.presentation === !0 || e.fullscreen === !0) return "fullscreen";
 	if (e.presentation === !1 || e.fullscreen === !1) return "inline";
 	let t = e.display_mode ?? e.displayMode;
 	return t === "fullscreen" || t === "inline" ? t : void 0;
 }
-function fM(e) {
-	let t = aM(e.layout) ? e.layout : void 0, n = e.avoid_safe_area ?? e.avoidSafeArea ?? t?.avoid_safe_area ?? t?.avoidSafeArea;
+function cM(e) {
+	let t = tM(e.layout) ? e.layout : void 0, n = e.avoid_safe_area ?? e.avoidSafeArea ?? t?.avoid_safe_area ?? t?.avoidSafeArea;
 	return typeof n == "boolean" ? n : void 0;
 }
-function pM(e) {
-	let t = aM(e.layout) ? e.layout : void 0;
-	return hM(e.safe_area ?? e.safeArea ?? t?.safe_area ?? t?.safeArea) ?? void 0;
+function lM(e) {
+	let t = tM(e.layout) ? e.layout : void 0;
+	return dM(e.safe_area ?? e.safeArea ?? t?.safe_area ?? t?.safeArea) ?? void 0;
 }
-function mM(e) {
-	let t = aM(e.layout) ? e.layout : void 0;
-	return gM(e.backdrop ?? t?.backdrop) ?? void 0;
+function uM(e) {
+	let t = tM(e.layout) ? e.layout : void 0;
+	return fM(e.backdrop ?? t?.backdrop) ?? void 0;
 }
-function hM(e) {
+function dM(e) {
 	if (e === void 0) return;
-	if (!aM(e)) return null;
-	let t = bM(e, "x"), n = bM(e, "y"), r = bM(e, "width"), i = bM(e, "height");
+	if (!tM(e)) return null;
+	let t = gM(e, "x"), n = gM(e, "y"), r = gM(e, "width"), i = gM(e, "height");
 	return t === void 0 || n === void 0 || r === void 0 || i === void 0 || t < 0 || n < 0 || r <= 0 || i <= 0 || t + r > 1.001 || n + i > 1.001 ? null : {
-		x: xM(t, 0, 1),
-		y: xM(n, 0, 1),
-		width: xM(r, 0, 1),
-		height: xM(i, 0, 1)
+		x: _M(t, 0, 1),
+		y: _M(n, 0, 1),
+		width: _M(r, 0, 1),
+		height: _M(i, 0, 1)
 	};
 }
-function gM(e) {
+function fM(e) {
 	if (e === void 0) return;
 	if (e === "snapshot_mirror" || e === "none") return { type: e };
-	if (!aM(e)) return null;
+	if (!tM(e)) return null;
 	let t = e.type;
 	return t === "snapshot_mirror" || t === "none" ? { type: t } : null;
 }
-function _M(e, t) {
+function pM(e, t) {
 	return typeof e == "boolean" ? { [t]: e } : {};
 }
-function vM(e) {
-	return Mj.includes(e);
+function mM(e) {
+	return kj.includes(e);
 }
-function yM(e, t) {
+function hM(e, t) {
 	let n = e[t];
 	return typeof n == "string" && n.length > 0 ? n : void 0;
 }
-function bM(e, t) {
+function gM(e, t) {
 	let n = e[t];
 	return typeof n == "number" && Number.isFinite(n) ? n : void 0;
 }
-function xM(e, t, n) {
+function _M(e, t, n) {
 	return Math.min(Math.max(e, t), n);
 }
-function SM(e, t, n) {
-	let r = yM(e, t);
+function vM(e, t, n) {
+	let r = hM(e, t);
 	if (r) return n(r) ? r : null;
 }
-function CM(e) {
-	return e.interaction_id !== void 0 && typeof e.interaction_id != "string" || e.component !== void 0 && typeof e.component != "string" || e.component_version !== void 0 && typeof e.component_version != "string" || e.type !== void 0 && typeof e.type != "string" || e.metadata !== void 0 && !aM(e.metadata) ? null : e;
+function yM(e) {
+	return e.interaction_id !== void 0 && typeof e.interaction_id != "string" || e.component !== void 0 && typeof e.component != "string" || e.component_version !== void 0 && typeof e.component_version != "string" || e.type !== void 0 && typeof e.type != "string" || e.metadata !== void 0 && !tM(e.metadata) ? null : e;
+}
+//#endregion
+//#region ../core/src/magic-canvas/debug-panel.tsx
+function bM({ state: e }) {
+	return e.enabled ? /* @__PURE__ */ A("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__ */ A("summary", {
+			class: "cursor-pointer font-medium",
+			children: "Magic Canvas debug"
+		}), /* @__PURE__ */ A("dl", {
+			class: "mt-2 grid gap-2",
+			children: [
+				/* @__PURE__ */ A(xM, {
+					label: "iframe",
+					value: e.iframeLifecycleState
+				}),
+				/* @__PURE__ */ A(xM, {
+					label: "post",
+					value: e.lastInteractionPostResult
+				}),
+				/* @__PURE__ */ A(xM, {
+					label: "context",
+					value: e.lastModelContextUpdate
+				}),
+				/* @__PURE__ */ A(xM, {
+					label: "error",
+					value: e.lastError
+				}),
+				/* @__PURE__ */ A(SM, {
+					label: "tool_call",
+					value: e.lastToolCall
+				}),
+				/* @__PURE__ */ A(SM, {
+					label: "canvas_config",
+					value: e.parsedCanvasConfig
+				})
+			]
+		})]
+	}) : null;
+}
+function xM({ label: e, value: t }) {
+	return t ? /* @__PURE__ */ A("div", { children: [/* @__PURE__ */ A("dt", {
+		class: "font-semibold",
+		children: e
+	}), /* @__PURE__ */ A("dd", {
+		class: "break-words text-base-content/70",
+		children: t
+	})] }) : null;
+}
+function SM({ label: e, value: t }) {
+	return t === void 0 ? null : /* @__PURE__ */ A("div", { children: [/* @__PURE__ */ A("dt", {
+		class: "font-semibold",
+		children: e
+	}), /* @__PURE__ */ A("dd", { children: /* @__PURE__ */ A("pre", {
+		class: "max-h-40 overflow-auto rounded bg-base-200 p-2 text-[10px] leading-relaxed",
+		children: JSON.stringify(t, null, 2)
+	}) })] });
 }
 //#endregion
 //#region ../core/src/magic-canvas/runtime.ts
-var wM = "tavus-deployment magic-canvas/0.0.0";
-function TM(e) {
-	if (!Ij(e) || e.canvas_config === void 0 || e.canvas_config === null) return null;
-	let t = Lj(e.canvas_config), n = e.properties.tool_call_id;
+var CM = "tavus-deployment magic-canvas/0.0.0";
+function wM(e) {
+	if (!Nj(e) || e.canvas_config === void 0 || e.canvas_config === null) return null;
+	let t = Pj(e.canvas_config), n = e.properties.tool_call_id;
 	if (!t) return null;
 	if (!n) throw Error("Received Magic Canvas tool call without tool_call_id.");
-	let r = Rj(e.properties.arguments);
+	let r = Fj(e.properties.arguments);
 	if (!r.ok) throw r.error;
-	return Zj({
+	return qj({
 		conversationId: e.conversation_id,
 		toolCallId: n,
 		args: r.value,
 		canvasConfig: t
 	});
 }
-function EM(e) {
-	if (!Ij(e)) return null;
+function TM(e) {
+	if (!Nj(e)) return null;
 	if (e.canvas_config !== void 0 && e.canvas_config !== null) {
-		let t = TM(e);
+		let t = wM(e);
 		return t ? {
 			kind: "show",
 			instance: t
 		} : null;
 	}
-	return zj(e);
+	return Ij(e);
 }
-function DM(e) {
+function EM(e) {
 	return { body: {
 		interaction_id: e.interaction_id,
 		tool_call_id: e.tool_call_id,
@@ -25864,13 +25857,13 @@ function DM(e) {
 		metadata: e.metadata
 	} };
 }
-function OM(e, t) {
+function DM(e, t) {
 	return {
 		theme: e.theme,
 		displayMode: t?.display_mode ?? "inline",
 		availableDisplayModes: ["inline", "fullscreen"],
 		...t ? {
-			containerDimensions: rM(t),
+			containerDimensions: $j(t),
 			layout: {
 				preferred_slot: t.preferred_slot,
 				viable_slot: t.viable_slot,
@@ -25880,11 +25873,11 @@ function OM(e, t) {
 			}
 		} : {},
 		platform: "web",
-		userAgent: wM,
-		styles: { variables: kM(e.cssVars) }
+		userAgent: CM,
+		styles: { variables: OM(e.cssVars) }
 	};
 }
-function kM(e) {
+function OM(e) {
 	return {
 		"--border-radius-md": e["--radius-box"] ?? e["--tavus-boxes-radius"] ?? "0.5rem",
 		"--border-radius-sm": e["--radius-field"] ?? e["--tavus-field-radius"] ?? "0.375rem",
@@ -25893,10 +25886,10 @@ function kM(e) {
 		"--border-width-regular": e["--border"] ?? e["--tavus-border-width"] ?? "1px",
 		"--font-text-sm-size": "0.875rem",
 		"--font-text-md-size": "1rem",
-		...AM(e)
+		...kM(e)
 	};
 }
-function AM(e) {
+function kM(e) {
 	let t = e["--color-base-content"], n = e["--color-base-100"], r = e["--color-base-200"], i = e["--color-base-300"], a = e["--color-error"], o = {}, s = (e, t) => {
 		t && (o[e] = t);
 	}, c = (e, t, n) => e && n ? `color-mix(in oklch, ${e} ${t}%, ${n})` : void 0;
@@ -25904,13 +25897,13 @@ function AM(e) {
 }
 //#endregion
 //#region ../core/src/magic-canvas/magic-canvas.tsx
-var jM = 1e3, MM = 5e3, NM = 1200, PM = 48, FM = "allow-scripts", IM = { "canvas.scheduling_embed": "allow-scripts allow-same-origin allow-popups allow-forms" };
-function LM(e, t) {
+var AM = 1e3, jM = 5e3, MM = 1200, NM = 48, PM = "allow-scripts", FM = { "canvas.scheduling_embed": "allow-scripts allow-same-origin allow-popups allow-forms" };
+function IM(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 RM = class {
+var LM = class {
 	onmessage;
 	onerror;
 	onclose;
@@ -25921,7 +25914,7 @@ var RM = class {
 	}
 	start() {
 		let e = (e) => {
-			LM(e, this.#e) && this.onmessage?.(e.data);
+			IM(e, this.#e) && this.onmessage?.(e.data);
 		};
 		return this.#t = e, globalThis.addEventListener("message", e), Promise.resolve();
 	}
@@ -25932,12 +25925,12 @@ var RM = class {
 		return this.#t && globalThis.removeEventListener("message", this.#t), this.#t = void 0, this.onclose?.(), Promise.resolve();
 	}
 };
-function zM(e) {
-	for (let t of Mj) if (e.some((e) => eN(e) === t)) return t;
+function RM(e) {
+	for (let t of kj) if (e.some((e) => $M(e) === t)) return t;
 	return null;
 }
-function BM({ onLayoutEffectChange: e, onRenderedSlotChange: t, debugEnabled: n = tN() } = {}) {
-	let { client: r } = K_(), { dataTheme: i, cssVars: a } = _j(), o = oh(), s = Mg(), [c, l] = T([]), [u, d] = YM(), [f, p] = T(() => ({
+function zM({ onLayoutEffectChange: e, onRenderedSlotChange: t, debugEnabled: n = eN() } = {}) {
+	let { client: r } = K_(), { dataTheme: i, cssVars: a } = _j(), o = oh(), s = Mg(), [c, l] = T([]), [u, d] = JM(), [f, p] = T(() => ({
 		enabled: n,
 		iframeLifecycleState: "idle"
 	})), m = k((e) => {
@@ -25974,9 +25967,9 @@ function BM({ onLayoutEffectChange: e, onRenderedSlotChange: t, debugEnabled: n
 			return;
 		}
 		try {
-			let t = EM(e.data);
+			let t = TM(e.data);
 			if (!t) return;
-			l((e) => Gj(e, t)), m({
+			l((e) => Vj(e, t)), m({
 				lastToolCall: e.data,
 				parsedCanvasConfig: t.kind === "show" ? t.instance.canvas_config : void 0,
 				iframeLifecycleState: t.kind === "clear" ? "closed" : "received",
@@ -25985,14 +25978,14 @@ function BM({ onLayoutEffectChange: e, onRenderedSlotChange: t, debugEnabled: n
 		} catch (e) {
 			m({
 				iframeLifecycleState: "error",
-				lastError: iN(e).message
+				lastError: rN(e).message
 			});
 		}
 	}, [s, m]) });
 	let _ = c.map((e) => ({
 		instance: e,
-		layout: Qj(e, d)
-	})), v = $j(_.map(({ layout: e }) => e), d), y = [..._].reverse().find(({ layout: e }) => e.display_mode === "fullscreen")?.instance.tool_call_id;
+		layout: Jj(e, d)
+	})), v = Yj(_.map(({ layout: e }) => e), d), y = [..._].reverse().find(({ layout: e }) => e.display_mode === "fullscreen")?.instance.tool_call_id;
 	E(() => {
 		e?.(v);
 	}, [
@@ -26006,7 +25999,7 @@ function BM({ onLayoutEffectChange: e, onRenderedSlotChange: t, debugEnabled: n
 		v.safe_area?.width,
 		v.safe_area?.height
 	]);
-	let b = zM(_.map(({ layout: e }) => e));
+	let b = RM(_.map(({ layout: e }) => e));
 	E(() => {
 		t?.(b);
 	}, [t, b]);
@@ -26017,13 +26010,13 @@ function BM({ onLayoutEffectChange: e, onRenderedSlotChange: t, debugEnabled: n
 		class: "pointer-events-none absolute inset-0 z-30",
 		children: [
 			x && y && /* @__PURE__ */ A("div", { class: "absolute inset-0 bg-black/45" }),
-			x && Mj.map((e) => {
-				let t = _.filter(({ layout: t }) => eN(t) === e);
-				return t.length === 0 ? null : /* @__PURE__ */ A(HM, {
+			x && kj.map((e) => {
+				let t = _.filter(({ layout: t }) => $M(t) === e);
+				return t.length === 0 ? null : /* @__PURE__ */ A(VM, {
 					slot: e,
 					safeAreaTop: v.safe_area?.y,
 					frameWidth: d.width,
-					children: (e) => t.map(({ instance: t, layout: n }) => /* @__PURE__ */ A(UM, {
+					children: (e) => t.map(({ instance: t, layout: n }) => /* @__PURE__ */ A(HM, {
 						availableHeight: e,
 						client: r,
 						hostTheme: g,
@@ -26049,22 +26042,22 @@ function BM({ onLayoutEffectChange: e, onRenderedSlotChange: t, debugEnabled: n
 			}),
 			x && /* @__PURE__ */ A("div", {
 				class: "absolute right-4 bottom-24 @max-mobile:right-3 @max-mobile:bottom-20",
-				children: /* @__PURE__ */ A(yj, { state: f })
+				children: /* @__PURE__ */ A(bM, { state: f })
 			})
 		]
 	});
 }
-var VM = 16;
-function HM({ slot: e, safeAreaTop: t, frameWidth: n, children: r }) {
-	let [i, a] = XM(), o = r(e === "full" ? void 0 : a);
+var BM = 16;
+function VM({ slot: e, safeAreaTop: t, frameWidth: n, children: r }) {
+	let [i, a] = YM(), o = r(e === "full" ? void 0 : a);
 	if (e === "safe-area-left" || e === "safe-area-right") {
-		let r = t == null ? "1rem" : `${t * 100}%`, a = n != null && n > 0 ? Math.max(0, n - VM * 2) : void 0;
+		let r = t == null ? "1rem" : `${t * 100}%`, a = n != null && n > 0 ? Math.max(0, n - BM * 2) : void 0;
 		return /* @__PURE__ */ A("div", {
 			ref: i,
-			class: $M(e),
+			class: QM(e),
 			style: {
 				top: r,
-				bottom: `${QM}px`,
+				bottom: `${ZM}px`,
 				maxWidth: a
 			},
 			"data-canvas-slot": e,
@@ -26076,23 +26069,23 @@ function HM({ slot: e, safeAreaTop: t, frameWidth: n, children: r }) {
 	}
 	return /* @__PURE__ */ A("div", {
 		ref: i,
-		class: $M(e),
+		class: QM(e),
 		"data-canvas-slot": e,
 		children: o
 	});
 }
-function UM({ availableHeight: e, client: t, hostTheme: n, instance: r, layout: i, dimmed: a, onDebug: o, onComplete: s, onDisplayModeChange: c, sendAppMessage: l }) {
+function HM({ availableHeight: e, client: t, hostTheme: n, instance: r, layout: i, dimmed: a, onDebug: o, onComplete: s, onDisplayModeChange: c, sendAppMessage: l }) {
 	let u = D(null), d = D(null), f = D(e), p = D(320), m = D(n), h = D(r), g = D(i), _ = D(-1), v = D(s), y = D(c), b = D(l), [x, S] = T(320);
 	E(() => {
 		h.current = r;
 	}, [r]), E(() => {
-		p.current = x, d.current?.setHostContext(qM(h.current, m.current, g.current, f.current, x));
+		p.current = x, d.current?.setHostContext(KM(h.current, m.current, g.current, f.current, x));
 	}, [x]), E(() => {
 		f.current = e;
-		let t = KM(n, u.current);
-		m.current = t, d.current?.setHostContext(qM(h.current, t, g.current, e, p.current));
+		let t = GM(n, u.current);
+		m.current = t, d.current?.setHostContext(KM(h.current, t, g.current, e, p.current));
 	}, [e, n]), E(() => {
-		g.current = i, d.current?.setHostContext(qM(h.current, m.current, i, e, p.current));
+		g.current = i, d.current?.setHostContext(KM(h.current, m.current, i, e, p.current));
 	}, [e, i]), E(() => {
 		v.current = s, y.current = c, b.current = l;
 	}, [
@@ -26105,11 +26098,11 @@ function UM({ availableHeight: e, client: t, hostTheme: n, instance: r, layout:
 		let n = !1, i = null, a = null, s = null, c = null, l = new URL(r.canvas_config.sandbox_url, globalThis.location.href).href, x = (e) => {
 			n || o({
 				iframeLifecycleState: "error",
-				lastError: iN(e).message
+				lastError: rN(e).message
 			});
 		}, C = () => {
 			if (n || !a) return;
-			let e = h.current, t = Xj(e, a);
+			let e = h.current, t = Kj(e, a);
 			a = null, b.current({
 				message_type: "conversation",
 				event_type: "conversation.append_llm_context",
@@ -26139,13 +26132,13 @@ function UM({ availableHeight: e, client: t, hostTheme: n, instance: r, layout:
 					text: {},
 					structuredContent: {}
 				}
-			}, { hostContext: qM(r, KM(m.current, e), g.current, f.current, p.current) });
+			}, { hostContext: KM(r, GM(m.current, e), g.current, f.current, p.current) });
 			i = u, d.current = u, u.oninitialized = () => {
 				n || (o({ iframeLifecycleState: "ready" }), _.current = h.current.revision, u.sendToolInput({ arguments: h.current.arguments }).catch(x));
 			}, u.onsizechange = ({ height: e }) => {
-				!n && typeof e == "number" && Number.isFinite(e) && S(Math.min(Math.max(e, PM), 720));
+				!n && typeof e == "number" && Number.isFinite(e) && S(Math.min(Math.max(e, NM), 720));
 			}, u.onmessage = async (e) => {
-				let r = Kj(e), i = Yj(e);
+				let r = Hj(e), i = Gj(e);
 				if (!r) {
 					if (i) {
 						let e = "Magic Canvas message included text without interaction metadata; no interaction row was recorded.";
@@ -26161,7 +26154,7 @@ function UM({ availableHeight: e, client: t, hostTheme: n, instance: r, layout:
 					return {};
 				}
 				try {
-					let e = h.current, a = qj(e, r), s = DM(a), l = new AbortController(), u = globalThis.setTimeout(() => l.abort(), MM);
+					let e = h.current, a = Uj(e, r), s = EM(a), l = new AbortController(), u = globalThis.setTimeout(() => l.abort(), jM);
 					try {
 						await En(t, a.conversation_id, s.body, { signal: l.signal });
 					} finally {
@@ -26176,11 +26169,11 @@ function UM({ availableHeight: e, client: t, hostTheme: n, instance: r, layout:
 					}), o({
 						lastInteractionPostResult: "success",
 						lastError: void 0
-					}), Jj(a) && (a.type === "submit" ? (c && clearTimeout(c), c = setTimeout(() => {
+					}), Wj(a) && (a.type === "submit" ? (c && clearTimeout(c), c = setTimeout(() => {
 						c = null, n || v.current();
-					}, NM)) : v.current());
+					}, MM)) : v.current());
 				} catch (e) {
-					let t = iN(e).message;
+					let t = rN(e).message;
 					return o({
 						lastInteractionPostResult: "error",
 						lastError: t
@@ -26193,14 +26186,14 @@ function UM({ availableHeight: e, client: t, hostTheme: n, instance: r, layout:
 				return {};
 			}, u.onupdatemodelcontext = async (e) => (a = e, s ||= setTimeout(() => {
 				s = null, C();
-			}, jM), {}), u.onrequestdisplaymode = async ({ mode: e }) => {
+			}, AM), {}), u.onrequestdisplaymode = async ({ mode: e }) => {
 				let t = e === "fullscreen" ? "fullscreen" : "inline";
 				return y.current(t), g.current = {
 					...g.current,
 					display_mode: t,
 					viable_slot: t === "fullscreen" ? "full" : g.current.viable_slot
-				}, u.setHostContext(qM(h.current, m.current, g.current, f.current, p.current)), { mode: t };
-			}, u.connect(new RM(e)).then(() => void 0).catch(x);
+				}, u.setHostContext(KM(h.current, m.current, g.current, f.current, p.current)), { mode: t };
+			}, u.connect(new LM(e)).then(() => void 0).catch(x);
 		};
 		o({
 			iframeLifecycleState: "mounting",
@@ -26210,7 +26203,7 @@ function UM({ availableHeight: e, client: t, hostTheme: n, instance: r, layout:
 			w();
 		};
 		return e.addEventListener("load", ee), w(), () => {
-			s &&= (clearTimeout(s), null), c &&= (clearTimeout(c), null), C(), n = !0, e.removeEventListener("load", ee), d.current = null, o({ iframeLifecycleState: "closed" }), i && vj(i);
+			s &&= (clearTimeout(s), null), c &&= (clearTimeout(c), null), C(), n = !0, e.removeEventListener("load", ee), d.current = null, o({ iframeLifecycleState: "closed" }), i && Dj(i);
 		};
 	}, [
 		t,
@@ -26221,7 +26214,7 @@ function UM({ availableHeight: e, client: t, hostTheme: n, instance: r, layout:
 		r.revision !== 0 && (r.revision <= _.current || (_.current = r.revision, d.current?.sendToolInput({ arguments: r.arguments }).catch((e) => {
 			o({
 				iframeLifecycleState: "error",
-				lastError: iN(e).message
+				lastError: rN(e).message
 			});
 		})));
 	}, [
@@ -26229,11 +26222,11 @@ function UM({ availableHeight: e, client: t, hostTheme: n, instance: r, layout:
 		r.revision,
 		o
 	]);
-	let C = i.viable_slot === "full" || i.display_mode === "fullscreen", w = C ? null : JM(x, e), ee = w?.placeholderStyle, te = w?.cardStyle, ne = C ? { height: "100%" } : w?.iframeStyle ?? { height: `${x}px` }, re = [
+	let C = i.viable_slot === "full" || i.display_mode === "fullscreen", w = C ? null : qM(x, e), ee = w?.placeholderStyle, te = w?.cardStyle, ne = C ? { height: "100%" } : w?.iframeStyle ?? { height: `${x}px` }, re = [
 		"pointer-events-auto w-full overflow-hidden rounded-lg border border-base-300 bg-base-100 shadow-xl transition-[opacity,transform]",
 		C ? "fixed inset-4 z-10 max-w-none" : "max-w-md",
 		a ? "scale-[0.98] opacity-40" : ""
-	].filter(Boolean).join(" "), ie = IM[r.canvas_config.component] ?? FM, ae = /* @__PURE__ */ A("div", {
+	].filter(Boolean).join(" "), ie = FM[r.canvas_config.component] ?? PM, ae = /* @__PURE__ */ A("div", {
 		class: re,
 		style: te,
 		"data-canvas-card": i.viable_slot,
@@ -26251,7 +26244,7 @@ function UM({ availableHeight: e, client: t, hostTheme: n, instance: r, layout:
 		children: ae
 	});
 }
-var WM = [
+var UM = [
 	"--color-base-100",
 	"--color-base-200",
 	"--color-base-300",
@@ -26259,17 +26252,17 @@ var WM = [
 	"--color-primary",
 	"--color-error"
 ];
-function GM(e) {
+function WM(e) {
 	if (!e || typeof getComputedStyle != "function") return {};
 	let t = getComputedStyle(e), n = {};
-	for (let e of WM) {
+	for (let e of UM) {
 		let r = t.getPropertyValue(e).trim();
 		r && (n[e] = r);
 	}
 	return n;
 }
-function KM(e, t) {
-	let n = GM(t);
+function GM(e, t) {
+	let n = WM(t);
 	return Object.keys(n).length === 0 ? e : {
 		...e,
 		cssVars: {
@@ -26278,19 +26271,19 @@ function KM(e, t) {
 		}
 	};
 }
-function qM(e, t, n, r, i) {
-	let a = OM(t, n), o = n.viable_slot === "full" || n.display_mode === "fullscreen", s = o ? void 0 : nN(r), c = o ? 1 : JM(i ?? 0, r)?.displayScale ?? 1;
+function KM(e, t, n, r, i) {
+	let a = DM(t, n), o = n.viable_slot === "full" || n.display_mode === "fullscreen", s = o ? void 0 : tN(r), c = o ? 1 : qM(i ?? 0, r)?.displayScale ?? 1;
 	return {
 		...e.canvas_config.host_context,
 		...a,
 		containerDimensions: {
-			...rN(a.containerDimensions) ? a.containerDimensions : {},
+			...nN(a.containerDimensions) ? a.containerDimensions : {},
 			...s === void 0 ? {} : { maxHeight: s },
 			displayScale: c
 		}
 	};
 }
-function JM(e, t) {
+function qM(e, t) {
 	if (t === void 0 || !Number.isFinite(t) || t <= 0) return null;
 	let n = Math.min(e, 720);
 	if (n <= t) return {
@@ -26329,11 +26322,11 @@ function JM(e, t) {
 		}
 	};
 }
-function YM() {
-	let e = D(null), [t, n] = T(() => ZM(null));
+function JM() {
+	let e = D(null), [t, n] = T(() => XM(null));
 	return E(() => {
 		let t = () => n((t) => {
-			let n = ZM(e.current);
+			let n = XM(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);
@@ -26343,7 +26336,7 @@ function YM() {
 		};
 	}, []), [e, t];
 }
-function XM() {
+function YM() {
 	let e = D(null), [t, n] = T();
 	return E(() => {
 		let t = e.current;
@@ -26359,7 +26352,7 @@ function XM() {
 		return a.observe(t), () => a.disconnect();
 	}, []), [e, t];
 }
-function ZM(e) {
+function XM(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);
@@ -26375,8 +26368,8 @@ function ZM(e) {
 		visualViewportHeight: t
 	};
 }
-var QM = 72;
-function $M(e) {
+var ZM = 72;
+function QM(e) {
 	let t = "absolute flex gap-2";
 	switch (e) {
 		case "safe-area-left": return `${t} left-4 w-[28rem] flex-col overflow-y-auto`;
@@ -26385,25 +26378,25 @@ function $M(e) {
 		case "full": return `${t} inset-4 flex-col items-stretch justify-stretch`;
 	}
 }
-function eN(e) {
+function $M(e) {
 	return e.display_mode === "fullscreen" && e.preferred_slot !== "full" ? e.preferred_slot : e.viable_slot;
 }
-function tN() {
+function eN() {
 	return !1;
 }
-function nN(e) {
+function tN(e) {
 	return e === void 0 || !Number.isFinite(e) || e <= 0 ? 720 : Math.min(Math.floor(e), 720);
 }
-function rN(e) {
+function nN(e) {
 	return typeof e == "object" && !!e && !Array.isArray(e);
 }
-function iN(e) {
+function rN(e) {
 	return e instanceof Error ? e : Error(String(e));
 }
 //#endregion
 //#region ../core/src/magic-canvas/persona-presentation.tsx
-var aN = 24, oN = 96;
-function sN(e = document) {
+var iN = 24, aN = 96;
+function oN(e = document) {
 	let t = Array.from(e.querySelectorAll("[data-canvas-card]")).map((e) => e.getBoundingClientRect());
 	return t.length === 0 ? null : {
 		left: Math.min(...t.map((e) => e.left)),
@@ -26412,11 +26405,11 @@ function sN(e = document) {
 		bottom: Math.max(...t.map((e) => e.bottom))
 	};
 }
-function cN(e) {
+function sN(e) {
 	let t = e?.getRootNode();
 	return t instanceof ShadowRoot ? t : document;
 }
-function lN(e) {
+function cN(e) {
 	if (!e) return null;
 	let t = e.getBoundingClientRect();
 	return t.width <= 0 || t.height <= 0 ? null : {
@@ -26426,19 +26419,19 @@ function lN(e) {
 		bottom: t.bottom
 	};
 }
-function uN(e, t, n, r) {
+function lN(e, t, n, r) {
 	if (!t) return !1;
-	let i = r ? r.left : 0, a = r ? r.top : 0, o = r ? r.right - r.left : globalThis.innerWidth, s = r ? r.bottom - r.top : globalThis.innerHeight, c = e?.safe_area ?? Pj, l = i + c.x * o + n, u = i + (c.x + c.width) * o + n, d = a + c.y * s, f = a + (c.y + c.height) * s;
+	let i = r ? r.left : 0, a = r ? r.top : 0, o = r ? r.right - r.left : globalThis.innerWidth, s = r ? r.bottom - r.top : globalThis.innerHeight, c = e?.safe_area ?? jj, l = i + c.x * o + n, u = i + (c.x + c.width) * o + n, d = a + c.y * s, f = a + (c.y + c.height) * s;
 	return l < t.right && u > t.left && d < t.bottom && f > t.top;
 }
-function dN(e, t, n) {
-	let [r, i] = T(() => e ? sN(cN(n?.current)) : null);
+function uN(e, t, n) {
+	let [r, i] = T(() => e ? oN(sN(n?.current)) : null);
 	return dt(() => {
 		if (!e) {
 			i(null);
 			return;
 		}
-		let t = cN(n?.current), r = () => i(sN(t)), a = new ResizeObserver(r), o = () => {
+		let t = sN(n?.current), r = () => i(oN(t)), a = new ResizeObserver(r), o = () => {
 			for (let e of t.querySelectorAll("[data-canvas-card]")) a.observe(e);
 		};
 		r(), o(), a.observe(document.documentElement);
@@ -26454,14 +26447,14 @@ function dN(e, t, n) {
 		n
 	]), e ? r : null;
 }
-function fN(e, t, n) {
-	let [r, i] = T(() => t ? lN(e.current) : null);
+function dN(e, t, n) {
+	let [r, i] = T(() => t ? cN(e.current) : null);
 	return dt(() => {
 		if (!t) {
 			i(null);
 			return;
 		}
-		let n = () => i(lN(e.current)), r = new ResizeObserver(n);
+		let n = () => i(cN(e.current)), r = new ResizeObserver(n);
 		n(), e.current && r.observe(e.current), r.observe(document.documentElement);
 		let a = globalThis.requestAnimationFrame(n);
 		return globalThis.addEventListener("resize", n), () => {
@@ -26473,14 +26466,14 @@ function fN(e, t, n) {
 		e
 	]), t ? r : null;
 }
-function pN(e, t, n, r, i, a) {
+function fN(e, t, n, r, i, a) {
 	let o = e?.side ?? (n === "safe-area-left" ? "left" : n === "safe-area-right" ? "right" : null);
 	return {
-		usePip: o != null && (t === "pip" || t === "auto" && uN(e, r, i, a)),
+		usePip: o != null && (t === "pip" || t === "auto" && lN(e, r, i, a)),
 		side: o
 	};
 }
-function mN(e, t = document, n) {
+function pN(e, t = document, n) {
 	let r = n ? n.left : 0, i = n ? n.right : globalThis.innerWidth, a = n ? n.top : 0, o = n ? n.bottom : globalThis.innerHeight, s = i - r, c = o - a, l = Array.from(t.querySelectorAll("[data-canvas-card]")).map((e) => e.getBoundingClientRect()), u, d, f, p;
 	if (l.length > 0) {
 		let t = Math.min(...l.map((e) => e.left)), n = Math.max(...l.map((e) => e.right));
@@ -26489,31 +26482,31 @@ function mN(e, t = document, n) {
 		let t = Math.min(448, Math.max(0, s - 32));
 		[u, d] = e === "right" ? [r, i - 16 - t] : [r + 16 + t, i], f = a, p = o;
 	}
-	let m = d - u >= 144 && p - f >= oN && u >= r && d <= i;
+	let m = d - u >= 144 && p - f >= aN && u >= r && d <= i;
 	if (l.length > 0 && !m) {
 		let t = Math.min(448, Math.max(0, s - 32));
 		[u, d] = e === "right" ? [r, i - 16 - t] : [r + 16 + t, i], f = a, p = o;
 	}
-	let h = Math.max(0, d - u - aN * 2), g = Math.max(oN, Math.min(h, c - aN * 2));
+	let h = Math.max(0, d - u - iN * 2), g = Math.max(aN, Math.min(h, c - iN * 2));
 	return {
 		centerX: (u + d) / 2 - r,
 		centerY: (f + p) / 2 - a,
 		diameter: g
 	};
 }
-var hN = "560ms linear(0, 0, .0001, .0002, .0003, .0005, .0007, .001, .0013, .0016, .002, .0024, .0029, .0033, .0039, .0044, .005, .0057, .0063, .007, .0079, .0086, .0094, .0103, .0112, .0121, .0132 1.84%, .0153, .0175, .0201, .0226, .0253, .0283, .0313, .0345, .038, .0416, .0454, .0493, .0535, .0576, .0621, .0667, .0714, .0764, .0816 5.04%, .0897, .098 5.62%, .1071, .1165, .1263 6.56%, .137, .1481 7.25%, .1601 7.62%, .1706 7.94%, .1819 8.28%, .194, .2068 9.02%, .2331 9.79%, .2898 11.44%, .3151 12.18%, .3412 12.95%, .3533, .365 13.66%, .3786, .3918, .4045, .4167, .4288, .4405, .452, .4631 16.72%, .4759, .4884, .5005, .5124, .5242, .5354, .5467, .5576, .5686, .5791, .5894, .5995, .6094, .6194, .6289, .6385, .6477, .6569, .6659 24.45%, .6702, .6747, .6789, .6833, .6877, .6919, .696, .7002, .7043, .7084, .7125, .7165, .7205, .7244, .7283, .7321, .7358, .7396, .7433, .7471, .7507, .7544, .7579, .7615, .7649, .7685, .7718, .7752, .7786, .782, .7853, .7885, .7918, .7951, .7982, .8013, .8043, .8075, .8104, .8135, .8165, .8195, .8224, .8253, .8281, .8309, .8336, .8365, .8391, .8419, .8446, .8472, .8499, .8524, .855, .8575, .8599, .8625 37.27%, .8651, .8678, .8703, .8729, .8754, .8779, .8803, .8827, .8851, .8875, .8898, .892, .8942, .8965, .8987, .9009, .903, .9051, .9071, .9092, .9112, .9132, .9151, .9171, .919, .9209, .9227, .9245, .9262, .928, .9297, .9314, .9331, .9347, .9364, .9379, .9395, .941, .9425, .944, .9454, .9469, .9483, .9497, .951, .9524, .9537, .955, .9562, .9574, .9586, .9599, .961, .9622, .9633, .9644, .9655, .9665, .9676, .9686, .9696, .9705, .9715, .9724, .9733, .9742, .975, .9758, .9766, .9774, .9782, .9789, .9796, .9804, .9811, .9817, .9824, .9831, .9837, .9843, .9849, .9855, .986, .9866, .9871, .9877, .9882, .9887, .9892, .9896 70.56%, .9905 71.67%, .9914 72.82%, .9922, .9929 75.2%, .9936 76.43%, .9942 77.71%, .9948 79.03%, .9954 80.39%, .9959 81.81%, .9963 83.28%, .9968 84.82%, .9972 86.41%, .9975 88.07%, .9979 89.81%, .9982 91.64%, .9984 93.56%, .9987 95.58%, .9989 97.72%, .9991)";
-function gN(e, t) {
+var mN = "560ms linear(0, 0, .0001, .0002, .0003, .0005, .0007, .001, .0013, .0016, .002, .0024, .0029, .0033, .0039, .0044, .005, .0057, .0063, .007, .0079, .0086, .0094, .0103, .0112, .0121, .0132 1.84%, .0153, .0175, .0201, .0226, .0253, .0283, .0313, .0345, .038, .0416, .0454, .0493, .0535, .0576, .0621, .0667, .0714, .0764, .0816 5.04%, .0897, .098 5.62%, .1071, .1165, .1263 6.56%, .137, .1481 7.25%, .1601 7.62%, .1706 7.94%, .1819 8.28%, .194, .2068 9.02%, .2331 9.79%, .2898 11.44%, .3151 12.18%, .3412 12.95%, .3533, .365 13.66%, .3786, .3918, .4045, .4167, .4288, .4405, .452, .4631 16.72%, .4759, .4884, .5005, .5124, .5242, .5354, .5467, .5576, .5686, .5791, .5894, .5995, .6094, .6194, .6289, .6385, .6477, .6569, .6659 24.45%, .6702, .6747, .6789, .6833, .6877, .6919, .696, .7002, .7043, .7084, .7125, .7165, .7205, .7244, .7283, .7321, .7358, .7396, .7433, .7471, .7507, .7544, .7579, .7615, .7649, .7685, .7718, .7752, .7786, .782, .7853, .7885, .7918, .7951, .7982, .8013, .8043, .8075, .8104, .8135, .8165, .8195, .8224, .8253, .8281, .8309, .8336, .8365, .8391, .8419, .8446, .8472, .8499, .8524, .855, .8575, .8599, .8625 37.27%, .8651, .8678, .8703, .8729, .8754, .8779, .8803, .8827, .8851, .8875, .8898, .892, .8942, .8965, .8987, .9009, .903, .9051, .9071, .9092, .9112, .9132, .9151, .9171, .919, .9209, .9227, .9245, .9262, .928, .9297, .9314, .9331, .9347, .9364, .9379, .9395, .941, .9425, .944, .9454, .9469, .9483, .9497, .951, .9524, .9537, .955, .9562, .9574, .9586, .9599, .961, .9622, .9633, .9644, .9655, .9665, .9676, .9686, .9696, .9705, .9715, .9724, .9733, .9742, .975, .9758, .9766, .9774, .9782, .9789, .9796, .9804, .9811, .9817, .9824, .9831, .9837, .9843, .9849, .9855, .986, .9866, .9871, .9877, .9882, .9887, .9892, .9896 70.56%, .9905 71.67%, .9914 72.82%, .9922, .9929 75.2%, .9936 76.43%, .9942 77.71%, .9948 79.03%, .9954 80.39%, .9959 81.81%, .9963 83.28%, .9968 84.82%, .9972 86.41%, .9975 88.07%, .9979 89.81%, .9982 91.64%, .9984 93.56%, .9987 95.58%, .9989 97.72%, .9991)";
+function hN(e, t) {
 	let n = Math.abs(t) / 2;
 	return e === "left" ? `${n}px center` : `calc(100% - ${n}px) center`;
 }
-function _N(e, t, n) {
-	let [r, i] = T(() => e && t ? mN(t, cN(n?.current), lN(n?.current)) : null);
+function gN(e, t, n) {
+	let [r, i] = T(() => e && t ? pN(t, sN(n?.current), cN(n?.current)) : null);
 	return dt(() => {
 		if (!e || !t) {
 			i(null);
 			return;
 		}
-		let r = cN(n?.current), a = () => i(mN(t, r, lN(n?.current))), o = new ResizeObserver(a), s = () => {
+		let r = sN(n?.current), a = () => i(pN(t, r, cN(n?.current))), o = new ResizeObserver(a), s = () => {
 			for (let e of r.querySelectorAll("[data-canvas-card]")) o.observe(e);
 		};
 		a(), s(), n?.current && o.observe(n.current), o.observe(document.documentElement);
@@ -26529,7 +26522,7 @@ function _N(e, t, n) {
 		n
 	]), e && t ? r : null;
 }
-function vN(e, t) {
+function _N(e, t) {
 	let [n, r] = T(null);
 	return dt(() => {
 		if (!t) {
@@ -26548,19 +26541,19 @@ function vN(e, t) {
 		return a.observe(n), i(), () => a.disconnect();
 	}, [t, e]), t ? n : null;
 }
-var yN = 1;
-function bN(e, t, n) {
+var vN = 1;
+function yN(e, t, n) {
 	return Math.min(Math.max(e, t), n);
 }
-function xN(e, t, n, r) {
-	let i = Math.min(e.diameter / t.height, 1), a = r?.safe_area ?? Pj, o = ((a.x + a.width / 2) * t.width + n) * i, s = (a.y + a.height / 2) * t.height * i, c = e.diameter / 2;
+function bN(e, t, n, r) {
+	let i = Math.min(e.diameter / t.height, 1), a = r?.safe_area ?? jj, o = ((a.x + a.width / 2) * t.width + n) * i, s = (a.y + a.height / 2) * t.height * i, c = e.diameter / 2;
 	return {
 		scale: i,
-		tx: bN(e.centerX - o, e.centerX + c - t.width * i, e.centerX - c),
-		ty: bN(e.centerY - s, e.centerY + c - t.height * i, e.centerY - c)
+		tx: yN(e.centerX - o, e.centerX + c - t.width * i, e.centerX - c),
+		ty: yN(e.centerY - s, e.centerY + c - t.height * i, e.centerY - c)
 	};
 }
-var SN = [
+var xN = [
 	"cx",
 	"cy",
 	"r",
@@ -26569,13 +26562,13 @@ var SN = [
 	"s",
 	"shift"
 ];
-function CN(e, t, n, r, i) {
+function SN(e, t, n, r, i) {
 	if (!n) return null;
 	let { width: a, height: o } = n, s = {
 		x: a / 2,
 		y: o / 2
 	}, c = null;
-	if (e && (c = xN(e, n, r, i), s = {
+	if (e && (c = bN(e, n, r, i), s = {
 		x: (e.centerX - c.tx) / c.scale,
 		y: (e.centerY - c.ty) / c.scale
 	}), t && c && e) return {
@@ -26598,12 +26591,12 @@ function CN(e, t, n, r, i) {
 		shift: r
 	};
 }
-function wN(e, t, n) {
+function CN(e, t, n) {
 	let r = D(null), i = D(e), a = D(n), o = D(0), s = D(0);
 	i.current = e, a.current = n, E(() => {
 		let e = i.current;
 		if (!e) return;
-		if (!r.current || TN()) {
+		if (!r.current || wN()) {
 			r.current = {
 				values: { ...e },
 				velocity: {
@@ -26628,21 +26621,21 @@ function wN(e, t, n) {
 			let u = Math.min((e - s.current) / 1e3, 1 / 30);
 			s.current = e;
 			let d = !0;
-			for (let e of SN) {
+			for (let e of xN) {
 				let r = (t[e] - l.values[e]) / (n * n) - 2 / n * l.velocity[e], i = l.velocity[e] + r * u, a = l.values[e] + i * u, o = e === "s" ? .001 : .25;
 				Math.abs(t[e] - a) < o && Math.abs(i) * n < o ? (l.values[e] = t[e], l.velocity[e] = 0) : (l.values[e] = a, l.velocity[e] = i, d = !1);
 			}
 			a.current(l.values, d), d || (o.current = globalThis.requestAnimationFrame(c));
 		};
 		o.current = globalThis.requestAnimationFrame(c);
-	}, [e ? SN.map((t) => Math.round(e[t] * 100)).join() : "", t]), E(() => () => {
+	}, [e ? xN.map((t) => Math.round(e[t] * 100)).join() : "", t]), E(() => () => {
 		o.current && globalThis.cancelAnimationFrame(o.current);
 	}, []);
 }
-function TN() {
+function wN() {
 	return globalThis.matchMedia?.("(prefers-reduced-motion: reduce)").matches ?? !1;
 }
-function EN({ geom: e, visible: t }) {
+function TN({ geom: e, visible: t }) {
 	return /* @__PURE__ */ A("div", {
 		"aria-hidden": "true",
 		"data-morph": "ring",
@@ -26658,7 +26651,7 @@ function EN({ geom: e, visible: t }) {
 		}
 	});
 }
-function DN(e, t) {
+function EN(e, t) {
 	let n = t >= 0 ? "left" : "right", r = D({
 		side: n,
 		shift: t
@@ -26676,14 +26669,14 @@ function DN(e, t) {
 	let i = e ? n : r.current.side;
 	return {
 		side: i,
-		transformOrigin: gN(i, e ? t : r.current.shift),
+		transformOrigin: hN(i, e ? t : r.current.shift),
 		translateX: e ? 0 : -r.current.shift
 	};
 }
-function ON(e, t, n) {
+function DN(e, t, n) {
 	return `${e.side ?? ""}:${e.active}:${t}:${n ?? ""}`;
 }
-function kN({ snapshotUrl: e, transformOrigin: t }) {
+function ON({ snapshotUrl: e, transformOrigin: t }) {
 	return /* @__PURE__ */ A("div", {
 		class: "absolute inset-0 bg-cover bg-center",
 		style: {
@@ -26693,7 +26686,7 @@ function kN({ snapshotUrl: e, transformOrigin: t }) {
 		}
 	});
 }
-function AN({ snapshotUrl: e, translateX: t, transition: n, transformOrigin: r }) {
+function kN({ snapshotUrl: e, translateX: t, transition: n, transformOrigin: r }) {
 	return /* @__PURE__ */ A("div", {
 		"aria-hidden": "true",
 		"data-morph": "mirror",
@@ -26704,13 +26697,13 @@ function AN({ snapshotUrl: e, translateX: t, transition: n, transformOrigin: r }
 			transition: `transform ${n}`,
 			willChange: "transform"
 		},
-		children: /* @__PURE__ */ A(kN, {
+		children: /* @__PURE__ */ A(ON, {
 			snapshotUrl: e,
 			transformOrigin: r
 		})
 	});
 }
-function jN({ ambient: e, usePip: t, transition: n }) {
+function AN({ ambient: e, usePip: t, transition: n }) {
 	return e === "none" ? null : /* @__PURE__ */ A("div", {
 		"aria-hidden": "true",
 		"data-morph": "ambient",
@@ -26722,7 +26715,7 @@ function jN({ ambient: e, usePip: t, transition: n }) {
 		}
 	});
 }
-function MN({ morphCapable: e, snapshotUrl: t, mirrorSide: n, videoShiftX: r, transition: i, sceneRef: a, videoWrapRef: o, fill: s, videoRef: c }) {
+function jN({ morphCapable: e, snapshotUrl: t, mirrorSide: n, videoShiftX: r, transition: i, sceneRef: a, videoWrapRef: o, fill: s, videoRef: c }) {
 	return /* @__PURE__ */ A("div", {
 		ref: a,
 		"data-morph": "scene",
@@ -26739,8 +26732,8 @@ function MN({ morphCapable: e, snapshotUrl: t, mirrorSide: n, videoShiftX: r, tr
 				"aria-hidden": "true",
 				"data-morph": "window-mirror",
 				class: "absolute top-0 bottom-0 w-full",
-				style: n === "right" ? { left: `calc(100% - ${yN}px)` } : { right: `calc(100% - ${yN}px)` },
-				children: /* @__PURE__ */ A(kN, {
+				style: n === "right" ? { left: `calc(100% - ${vN}px)` } : { right: `calc(100% - ${vN}px)` },
+				children: /* @__PURE__ */ A(ON, {
 					snapshotUrl: t,
 					transformOrigin: "center"
 				})
@@ -26748,8 +26741,8 @@ function MN({ morphCapable: e, snapshotUrl: t, mirrorSide: n, videoShiftX: r, tr
 		})
 	});
 }
-function NN({ canvasLayoutEffect: e, smartSidecarActive: t, isScreenSharing: n, fill: r, captureSnapshot: i, transition: a = hN, transitionMs: o = 560, personaMode: s = "shift", renderedSlot: c = null, ambient: l = "default", children: u }) {
-	let d = D(null), [f, p] = T(null), m = t && e.backdrop.type === "snapshot_mirror", h = t ? e.video_shift_x : 0, g = D(null), _ = ON(e, h, c), { usePip: v, side: y } = pN(e, s, c, dN(s !== "shift", _, g), h, fN(g, s !== "shift", _)), b = _N(s !== "shift", y, g), x = DN(m, h);
+function MN({ canvasLayoutEffect: e, smartSidecarActive: t, isScreenSharing: n, fill: r, captureSnapshot: i, transition: a = mN, transitionMs: o = 560, personaMode: s = "shift", renderedSlot: c = null, ambient: l = "default", children: u }) {
+	let d = D(null), [f, p] = T(null), m = t && e.backdrop.type === "snapshot_mirror", h = t ? e.video_shift_x : 0, g = D(null), _ = DN(e, h, c), { usePip: v, side: y } = fN(e, s, c, uN(s !== "shift", _, g), h, dN(g, s !== "shift", _)), b = gN(s !== "shift", y, g), x = EN(m, h);
 	E(() => {
 		if (!m) return;
 		let e = !1, t = 0, n, r = 0, a = () => {
@@ -26780,23 +26773,23 @@ function NN({ canvasLayoutEffect: e, smartSidecarActive: t, isScreenSharing: n,
 		f,
 		o
 	]);
-	let S = v && y != null && b != null, C = s !== "shift", w = vN(g, C), ee = f !== null && !C, te = C && y != null, ne = D(null), re = D(null), [ie, ae] = T(!0), oe = D(!0), se = k((e, t) => {
+	let S = v && y != null && b != null, C = s !== "shift", w = _N(g, C), ee = f !== null && !C, te = C && y != null, ne = D(null), re = D(null), [ie, ae] = T(!0), oe = D(!0), se = k((e, t) => {
 		let n = ne.current;
 		n && (n.style.clipPath = `circle(${e.r}px at ${e.cx}px ${e.cy}px)`, n.style.transform = `translate(${e.tx}px, ${e.ty}px) scale(${e.s})`);
 		let r = re.current;
 		r && (r.style.transform = `translate3d(${e.shift}px, 0, 0)`), oe.current !== t && (oe.current = t, ae(t));
 	}, []);
-	return wN(C ? CN(b, S, w, h, e) : null, o, se), /* @__PURE__ */ A("div", {
+	return CN(C ? SN(b, S, w, h, e) : null, o, se), /* @__PURE__ */ A("div", {
 		ref: g,
 		class: `relative w-full h-full overflow-hidden ${n ? "flex items-center justify-center" : ""}`,
 		children: [
-			ee && f !== null && /* @__PURE__ */ A(AN, {
+			ee && f !== null && /* @__PURE__ */ A(kN, {
 				snapshotUrl: f,
 				translateX: x.translateX,
 				transition: a,
 				transformOrigin: x.transformOrigin
 			}),
-			te && /* @__PURE__ */ A(jN, {
+			te && /* @__PURE__ */ A(AN, {
 				ambient: l,
 				usePip: v,
 				transition: a
@@ -26804,7 +26797,7 @@ function NN({ canvasLayoutEffect: e, smartSidecarActive: t, isScreenSharing: n,
 			/* @__PURE__ */ A("div", {
 				"data-morph": "fg",
 				class: "absolute inset-0 z-10",
-				children: /* @__PURE__ */ A(MN, {
+				children: /* @__PURE__ */ A(jN, {
 					morphCapable: C,
 					snapshotUrl: f,
 					mirrorSide: x.side,
@@ -26816,7 +26809,7 @@ function NN({ canvasLayoutEffect: e, smartSidecarActive: t, isScreenSharing: n,
 					videoRef: d
 				})
 			}),
-			C && b && /* @__PURE__ */ A(EN, {
+			C && b && /* @__PURE__ */ A(TN, {
 				geom: b,
 				visible: S && ie
 			}),
@@ -26826,8 +26819,8 @@ function NN({ canvasLayoutEffect: e, smartSidecarActive: t, isScreenSharing: n,
 }
 //#endregion
 //#region ../core/src/hooks/use-replica-join-timeout.ts
-var PN = 1e4;
-function FN({ onTimeout: e, timeoutMs: t = PN, active: n = !0 }) {
+var NN = 1e4;
+function PN({ onTimeout: e, timeoutMs: t = NN, active: n = !0 }) {
 	let r = $b().length > 0, [i, a] = T(!1), o = D(e);
 	return E(() => {
 		o.current = e;
@@ -26851,22 +26844,22 @@ function FN({ onTimeout: e, timeoutMs: t = PN, active: n = !0 }) {
 }
 //#endregion
 //#region ../core/src/hooks/use-system-shutdown.ts
-function IN(e) {
+function FN(e) {
 	if (typeof e != "object" || !e) return !1;
 	let t = e;
 	return t.message_type === "system" && t.event_type === "system.shutdown";
 }
-function LN({ onShutdown: e }) {
+function IN({ onShutdown: e }) {
 	let t = D(e);
 	E(() => {
 		t.current = e;
 	}, [e]), Wg({ onAppMessage: k((e) => {
-		IN(e?.data) && t.current();
+		FN(e?.data) && t.current();
 	}, []) });
 }
 //#endregion
 //#region ../core/src/hooks/use-cvi-call.ts
-function RN() {
+function LN() {
 	let e = oh();
 	return {
 		joinCall: k(({ url: t, micOnly: n = !1 }) => {
@@ -26882,24 +26875,24 @@ function RN() {
 }
 //#endregion
 //#region ../core/src/hooks/use-picture-in-picture.ts
-var zN = yn("PiP"), BN = 360, VN = 280;
-function HN() {
+var RN = yn("PiP"), zN = 360, BN = 280;
+function VN() {
 	return globalThis.window !== void 0 && "documentPictureInPicture" in globalThis.window;
 }
-function UN(e) {
-	let { enabled: t, active: n } = e, [r, i] = T(null), a = HN(), o = pt(hv), s = k(() => {
+function HN(e) {
+	let { enabled: t, active: n } = e, [r, i] = T(null), a = VN(), o = pt(hv), s = k(() => {
 		i((e) => (e && !e.closed && e.close(), null));
 	}, []), c = k(async () => {
 		if (a && !(!t || !n) && !(r && !r.closed)) try {
 			let e = await globalThis.window.documentPictureInPicture.requestWindow({
-				width: BN,
-				height: VN
+				width: zN,
+				height: BN
 			}), t = Ye.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) {
-			zN.warn("Failed to open PiP window", e);
+			RN.warn("Failed to open PiP window", e);
 		}
 	}, [
 		a,
@@ -26920,13 +26913,13 @@ function UN(e) {
 			try {
 				e.metadata = new MediaMetadata({ title: "Tavus conversation" }), e.playbackState = "playing", l = !0;
 			} catch (e) {
-				zN.warn("mediaSession metadata setup failed", e);
+				RN.warn("mediaSession metadata setup failed", e);
 			}
 			let t = (t, n) => {
 				try {
 					e.setActionHandler(t, n), r.push(t);
 				} catch (e) {
-					zN.warn(`mediaSession.${t} not supported`, e);
+					RN.warn(`mediaSession.${t} not supported`, e);
 				}
 			};
 			t("enterpictureinpicture", () => {
@@ -26980,11 +26973,11 @@ function UN(e) {
 }
 //#endregion
 //#region ../core/src/utils/device-preferences.ts
-var WN = Wt(null), GN = {
+var UN = Wt(null), WN = {
 	active: !1,
 	video_shift_x: 0,
 	backdrop: { type: "snapshot_mirror" }
-}, KN = ba(({ id: e, showAudioWave: t = !0 }) => {
+}, GN = ba(({ id: e, showAudioWave: t = !0 }) => {
 	let n = r_(e).isOff;
 	return /* @__PURE__ */ A("div", {
 		class: `relative aspect-square w-32 @max-mobile:w-24 rounded-box overflow-hidden bg-black/30 z-10 ${n ? "hidden" : ""}`,
@@ -26999,28 +26992,28 @@ var WN = Wt(null), GN = {
 			children: /* @__PURE__ */ A(Yb, { id: e })
 		})]
 	});
-}), qN = ba(() => {
+}), KN = ba(() => {
 	let e = Uh(), { isScreenSharing: t } = ib(), n = $b()[0];
-	return /* @__PURE__ */ A(ue, { children: [t && n && /* @__PURE__ */ A(KN, { id: n }), e && /* @__PURE__ */ A(KN, {
+	return /* @__PURE__ */ A(ue, { children: [t && n && /* @__PURE__ */ A(GN, { id: n }), e && /* @__PURE__ */ A(GN, {
 		id: e,
 		showAudioWave: !1
 	})] });
-}), JN = ba(() => /* @__PURE__ */ A("div", {
+}), qN = ba(() => /* @__PURE__ */ A("div", {
 	class: "absolute top-4 left-4 flex flex-col items-end gap-2 z-20",
-	children: /* @__PURE__ */ A(qN, {})
-})), YN = ba(({ isAudioOnly: e, canvasLayoutEffect: t, canvasRenderedSlot: n }) => {
+	children: /* @__PURE__ */ A(KN, {})
+})), JN = ba(({ isAudioOnly: e, canvasLayoutEffect: t, canvasRenderedSlot: n }) => {
 	let r = Uh(), i = !t_(r ?? "").isOff, a = ex(e), o = t_(a.phase === "ready" ? a.replicaId : ""), s = !i && (o.state === "playable" || o.state === "loading"), c = t.active && !i && (!e || s);
 	return a.phase === "left" ? /* @__PURE__ */ A(qb, {}) : a.phase === "connecting" ? /* @__PURE__ */ A(Kb, {}) : e && !s ? /* @__PURE__ */ A("div", {
 		class: "absolute inset-0 flex items-center justify-center",
 		children: [/* @__PURE__ */ A(Xb, { sessionId: a.replicaId }), /* @__PURE__ */ A(tg, { sessionId: a.replicaId })]
-	}) : /* @__PURE__ */ A(NN, {
+	}) : /* @__PURE__ */ A(MN, {
 		canvasLayoutEffect: s ? {
 			...t,
 			backdrop: { type: "none" }
 		} : t,
 		smartSidecarActive: c,
 		isScreenSharing: i,
-		captureSnapshot: $N,
+		captureSnapshot: QN,
 		personaMode: s ? "shift" : "auto",
 		renderedSlot: n,
 		fill: (t) => /* @__PURE__ */ A(rx, {
@@ -27034,7 +27027,7 @@ var WN = Wt(null), GN = {
 		}),
 		children: /* @__PURE__ */ A(tg, { sessionId: a.replicaId })
 	});
-}), XN = ba(({ items: e }) => {
+}), YN = ba(({ items: e }) => {
 	let [t, n] = T(!1), r = D(null);
 	return E(() => {
 		if (!t) return;
@@ -27064,8 +27057,8 @@ var WN = Wt(null), GN = {
 			children: e
 		})]
 	});
-}), ZN = ba(({ items: e }) => e.length <= 1 ? /* @__PURE__ */ A(ue, { children: e }) : /* @__PURE__ */ A(XN, { items: e })), QN = ba(({ onLeave: e }) => {
-	let { joinCall: t, leaveCall: n } = RN(), r = Mg(), { config: i } = K_(), { session: a, end: o } = Nb(), s = Uh(), c = D(null), l = pt(Tv)?.frameRef ?? c, [u, d] = T(!1), [f, p] = T(!1), [m, h] = T(GN), [g, _] = T(null), v = a.value?.conversationUrl, y = i.value.customization.conversation, b = y.modality === "audio", x = y.enable_chat, S = y.enable_closed_captions, C = y.enable_picture_in_picture, { pipWindow: w } = UN({
+}), XN = ba(({ items: e }) => e.length <= 1 ? /* @__PURE__ */ A(ue, { children: e }) : /* @__PURE__ */ A(YN, { items: e })), ZN = ba(({ onLeave: e }) => {
+	let { joinCall: t, leaveCall: n } = LN(), r = Mg(), { config: i } = K_(), { session: a, end: o } = Nb(), s = Uh(), c = D(null), l = pt(Tv)?.frameRef ?? c, [u, d] = T(!1), [f, p] = T(!1), [m, h] = T(WN), [g, _] = T(null), v = a.value?.conversationUrl, y = i.value.customization.conversation, b = y.modality === "audio", x = y.enable_chat, S = y.enable_closed_captions, C = y.enable_picture_in_picture, { pipWindow: w } = HN({
 		enabled: C,
 		active: r === "joined-meeting"
 	});
@@ -27077,13 +27070,13 @@ var WN = Wt(null), GN = {
 	}), []);
 	let { camera: ee, requestCamera: te } = lb(), { isCamMuted: ne } = nb(), re = ee.isGranted && !ne;
 	E(() => {
-		!b && r === "joined-meeting" && (WN.value = re);
+		!b && r === "joined-meeting" && (UN.value = re);
 	}, [
 		b,
 		r,
 		re
 	]);
-	let ie = D(!b && !s && WN.value === !0);
+	let ie = D(!b && !s && UN.value === !0);
 	E(() => {
 		r === "joined-meeting" && ie.current && (ie.current = !1, te());
 	}, [r, te]), E(() => {
@@ -27107,10 +27100,10 @@ var WN = Wt(null), GN = {
 	let oe = k(() => {
 		o(), n();
 	}, [o]);
-	if (FN({
+	if (PN({
 		active: r === "joined-meeting",
 		onTimeout: oe
-	}), LN({ onShutdown: oe }), !v) return null;
+	}), IN({ onShutdown: oe }), !v) return null;
 	let se = [/* @__PURE__ */ A(Mb, { compact: !0 }, "screen-share")];
 	return x && se.push(/* @__PURE__ */ A(Hb, { compact: !0 }, "chat")), /* @__PURE__ */ A(Fb, { children: /* @__PURE__ */ A(Bb, { children: /* @__PURE__ */ A(gb, { children: [/* @__PURE__ */ A("div", {
 		class: "absolute inset-0",
@@ -27118,14 +27111,14 @@ var WN = Wt(null), GN = {
 			/* @__PURE__ */ A("div", {
 				class: "relative w-full h-full z-[5]",
 				children: [
-					/* @__PURE__ */ A(YN, {
+					/* @__PURE__ */ A(JN, {
 						isAudioOnly: b,
 						canvasLayoutEffect: m,
 						canvasRenderedSlot: g
 					}),
-					!b && /* @__PURE__ */ A(JN, {}),
+					!b && /* @__PURE__ */ A(qN, {}),
 					/* @__PURE__ */ A(Rb, {}),
-					/* @__PURE__ */ A(BM, {
+					/* @__PURE__ */ A(zM, {
 						debugEnabled: f,
 						onLayoutEffectChange: h,
 						onRenderedSlotChange: _
@@ -27150,7 +27143,7 @@ var WN = Wt(null), GN = {
 						/* @__PURE__ */ A(Db, {}),
 						!b && /* @__PURE__ */ A(kb, {}),
 						S && /* @__PURE__ */ A(Lb, {}),
-						/* @__PURE__ */ A(ZN, { items: se }),
+						/* @__PURE__ */ A(XN, { items: se }),
 						/* @__PURE__ */ A("button", {
 							type: "button",
 							class: "btn btn-control btn-error",
@@ -27167,7 +27160,7 @@ var WN = Wt(null), GN = {
 		]
 	}), w && La(/* @__PURE__ */ A(nx, { onLeave: oe }), w.document.body)] }) }) });
 });
-function $N(e) {
+function QN(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;
@@ -27182,7 +27175,7 @@ function $N(e) {
 }
 //#endregion
 //#region ../core/src/components/ui/loading-button.tsx
-function eP({ loading: e = !1, disabled: t, class: n, children: r, ...i }) {
+function $N({ loading: e = !1, disabled: t, class: n, children: r, ...i }) {
 	return /* @__PURE__ */ A("button", {
 		type: "button",
 		class: `btn relative ${n ? ` ${n}` : ""}`,
@@ -27198,7 +27191,7 @@ function eP({ loading: e = !1, disabled: t, class: n, children: r, ...i }) {
 }
 //#endregion
 //#region ../core/src/components/hair-check/index.tsx
-function tP(e, t, n) {
+function eP(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.";
@@ -27209,7 +27202,7 @@ function tP(e, t, n) {
 		default: return e?.loading ?? "Getting your microphone ready...";
 	}
 }
-function nP({ message: e }) {
+function tP({ message: e }) {
 	return /* @__PURE__ */ A("div", {
 		class: "relative max-w-[min(20rem,90%)]",
 		children: [/* @__PURE__ */ A("div", {
@@ -27230,7 +27223,7 @@ function nP({ message: e }) {
 		})]
 	});
 }
-var rP = ba(({ text: e, isJoining: t = !1, onJoin: n, onCancel: r }) => {
+var nP = ba(({ text: e, isJoining: t = !1, onJoin: n, onCancel: r }) => {
 	let i = oh(), { config: a } = K_(), { localSessionId: o, isCamMuted: s } = nb(), { mic: c, camera: l, requestMic: u, requestCamera: d } = lb(), f = a.value.customization.conversation.modality === "video";
 	E(() => {
 		u();
@@ -27245,7 +27238,7 @@ var rP = ba(({ text: e, isJoining: t = !1, onJoin: n, onCancel: r }) => {
 		l.isBlocked,
 		d
 	]);
-	let h = f && p && !l.isGranted, g = tP(e, c.status, h);
+	let h = f && p && !l.isGranted, g = eP(e, c.status, h);
 	return /* @__PURE__ */ A(gb, { children: /* @__PURE__ */ A("div", {
 		class: "absolute inset-0 motion-safe:animate-[tavusFadeUp_280ms_ease-out]",
 		children: [l.isGranted && !s ? /* @__PURE__ */ A("div", {
@@ -27266,14 +27259,14 @@ var rP = ba(({ text: e, isJoining: t = !1, onJoin: n, onCancel: r }) => {
 			})
 		}), /* @__PURE__ */ A("div", {
 			class: "absolute bottom-6 left-1/2 -translate-x-1/2 z-10 flex flex-col items-center gap-2 max-w-[90%]",
-			children: [g && /* @__PURE__ */ A(nP, { message: g }), /* @__PURE__ */ A("div", {
+			children: [g && /* @__PURE__ */ A(tP, { message: g }), /* @__PURE__ */ A("div", {
 				class: "flex flex-wrap items-center justify-center gap-1.5 @max-mobile:gap-1",
 				children: [
 					/* @__PURE__ */ A("div", {
 						class: "flex items-center justify-center gap-1.5 shrink-0 @max-mobile:gap-1",
 						children: [/* @__PURE__ */ A(Db, {}), f && /* @__PURE__ */ A(kb, {})]
 					}),
-					/* @__PURE__ */ A(eP, {
+					/* @__PURE__ */ A($N, {
 						class: "btn-accent ",
 						loading: t,
 						disabled: !p,
@@ -27292,8 +27285,8 @@ var rP = ba(({ text: e, isJoining: t = !1, onJoin: n, onCancel: r }) => {
 			})]
 		})]
 	}) });
-}), iP = "Password required", aP = "Enter the password to start this conversation.", oP = "Password", sP = "Continue";
-function cP({ onSubmit: e, text: t, isSubmitting: n = !1, errorMessage: r }) {
+}), rP = "Password required", iP = "Enter the password to start this conversation.", aP = "Password", oP = "Continue";
+function sP({ onSubmit: e, text: t, isSubmitting: n = !1, errorMessage: r }) {
 	let [i, a] = T(""), o = ht();
 	return /* @__PURE__ */ A("div", {
 		class: "absolute inset-0 z-30 flex items-center justify-center bg-black/50 backdrop-blur-sm p-4",
@@ -27313,18 +27306,18 @@ function cP({ onSubmit: e, text: t, isSubmitting: n = !1, errorMessage: r }) {
 					/* @__PURE__ */ A("h3", {
 						id: `${o}-title`,
 						class: "card-title text-base-content",
-						children: t?.title ?? iP
+						children: t?.title ?? rP
 					}),
 					/* @__PURE__ */ A("p", {
 						class: "text-sm text-base-content/70",
-						children: t?.description ?? aP
+						children: t?.description ?? iP
 					}),
 					/* @__PURE__ */ A("input", {
 						id: o,
 						type: "password",
 						autocomplete: "current-password",
 						class: "input input-bordered w-full",
-						placeholder: t?.placeholder ?? oP,
+						placeholder: t?.placeholder ?? aP,
 						value: i,
 						disabled: n,
 						onInput: (e) => a(e.target.value),
@@ -27335,12 +27328,12 @@ function cP({ onSubmit: e, text: t, isSubmitting: n = !1, errorMessage: r }) {
 						role: "alert",
 						children: r
 					}),
-					/* @__PURE__ */ A(eP, {
+					/* @__PURE__ */ A($N, {
 						class: "btn-primary",
 						type: "submit",
 						disabled: !i.trim(),
 						loading: n,
-						children: t?.submit ?? sP
+						children: t?.submit ?? oP
 					})
 				]
 			})
@@ -27349,11 +27342,11 @@ function cP({ onSubmit: e, text: t, isSubmitting: n = !1, errorMessage: r }) {
 }
 //#endregion
 //#region ../core/src/components/captcha-challenge/index.tsx
-var lP = yn("CaptchaChallenge"), uP = 1;
-function dP(e) {
+var cP = yn("CaptchaChallenge"), lP = 1;
+function uP(e) {
 	return typeof e == "object" && !!e && e.source === "tavus-captcha" && typeof e.type == "string";
 }
-function fP({ captcha: e, deploymentId: t, onToken: n, onFallback: r }) {
+function dP({ captcha: e, deploymentId: t, onToken: n, onFallback: r }) {
 	let i = (pt(wt).baseUrl ?? "https://tavusapi.com").replace(/\/+$/, "").split("/").slice(0, 3).join("/"), [a, o] = T(0), [s, c] = T(0), [l, u] = T(!1), [d, f] = T(!1), p = `${i}${e.challenge_path}?deployment_uuid=${encodeURIComponent(t)}&action=${encodeURIComponent(e.action)}&parent_origin=${encodeURIComponent(window.location.origin)}`, m = k(() => {
 		f(!1), o((e) => e + 1);
 	}, []);
@@ -27361,20 +27354,20 @@ function fP({ captcha: e, deploymentId: t, onToken: n, onFallback: r }) {
 		function e(e) {
 			if (l || e.origin !== i) return;
 			let a = e.data;
-			if (dP(a) && a.deployment_uuid === t) {
+			if (uP(a) && a.deployment_uuid === t) {
 				if (a.type === "interactive") {
 					f(!0);
 					return;
 				}
 				if (a.type === "token" && a.token) {
-					lP.info("Captcha token received"), f(!1), n(a.token);
+					cP.info("Captcha token received"), f(!1), n(a.token);
 					return;
 				}
 				if (a.type === "expired") {
-					lP.info("Captcha token expired, reloading iframe"), m();
+					cP.info("Captcha token expired, reloading iframe"), m();
 					return;
 				}
-				a.type === "error" && (lP.warn("Captcha error received", a.code), s < uP ? (c((e) => e + 1), m()) : (lP.warn("Captcha error retries exhausted, falling back to no-token mode"), u(!0), r()));
+				a.type === "error" && (cP.warn("Captcha error received", a.code), s < lP ? (c((e) => e + 1), m()) : (cP.warn("Captcha error retries exhausted, falling back to no-token mode"), u(!0), r()));
 			}
 		}
 		return window.addEventListener("message", e), () => window.removeEventListener("message", e);
@@ -27404,7 +27397,7 @@ function fP({ captcha: e, deploymentId: t, onToken: n, onFallback: r }) {
 }
 //#endregion
 //#region ../core/src/components/welcome/index.tsx
-function pP({ text: e, onStart: t, isStarting: n }) {
+function fP({ text: e, onStart: t, isStarting: n }) {
 	let { config: r, deploymentId: i } = K_(), a = pt(L_), o = Ry(r.value), s = o.btn_title ?? e?.fallback_button ?? "Start the conversation", c = r.value.customization.terms_content?.trim() ?? "", l = r.value.customization.terms_enabled === !0, u = c.length > 0, d = u && l, f = O(() => d && m_(i, c), [
 		d,
 		i,
@@ -27413,13 +27406,13 @@ function pP({ text: e, onStart: t, isStarting: n }) {
 	return /* @__PURE__ */ A(Wy, {
 		title: o.title,
 		description: o.description,
-		overlay: /* @__PURE__ */ A(ue, { children: [ee && /* @__PURE__ */ A(fP, {
+		overlay: /* @__PURE__ */ A(ue, { children: [ee && /* @__PURE__ */ A(dP, {
 			captcha: _,
 			deploymentId: i,
 			onToken: b,
 			onFallback: x
-		}, y), g && a ? /* @__PURE__ */ A(cP, { onSubmit: a.setPassword }) : null] }),
-		children: [/* @__PURE__ */ A(eP, {
+		}, y), g && a ? /* @__PURE__ */ A(sP, { onSubmit: a.setPassword }) : null] }),
+		children: [/* @__PURE__ */ A($N, {
 			class: "btn-neutral rounded-box",
 			onClick: () => {
 				d && C && !f && __(i, c), t();
@@ -27451,23 +27444,23 @@ function pP({ text: e, onStart: t, isStarting: n }) {
 }
 //#endregion
 //#region ../core/src/shells/flow-state-body.tsx
-function mP({ flow: e, welcomeText: t, onUnavailableCancel: n }) {
+function pP({ flow: e, welcomeText: t, onUnavailableCancel: n }) {
 	switch (e.state) {
-		case "idle": return /* @__PURE__ */ A(pP, {
+		case "idle": return /* @__PURE__ */ A(fP, {
 			text: t,
 			onStart: () => {
 				e.start();
 			},
 			isStarting: e.isStarting
 		});
-		case "haircheck": return /* @__PURE__ */ A(rP, {
+		case "haircheck": return /* @__PURE__ */ A(nP, {
 			onJoin: () => {
 				e.join();
 			},
 			onCancel: () => e.cancel(),
 			isJoining: e.isStarting
 		});
-		case "call": return /* @__PURE__ */ A(QN, { onLeave: () => e.leave() });
+		case "call": return /* @__PURE__ */ A(ZN, { onLeave: () => e.leave() });
 		case "ended": return /* @__PURE__ */ A(tb, { onRestart: () => e.restart() });
 		case "unavailable": return /* @__PURE__ */ A(Yy, {
 			cause: e.unavailableCause ?? "busy",
@@ -27485,8 +27478,8 @@ function mP({ flow: e, welcomeText: t, onUnavailableCancel: n }) {
 }
 //#endregion
 //#region ../core/src/providers/widget-ui-provider.tsx
-var hP = Ie(null);
-function gP({ children: e }) {
+var mP = Ie(null);
+function hP({ children: e }) {
 	let { config: t } = pt(bi), n = t.peek().customization?.widget, r = n?.expandable ?? "default", i = dn(r === "start-expanded" || r === "always"), a = dn(n?.variant ?? "full"), o = dn(n?.position ?? "bottom-right"), s = dn(r), c = dn(n?.avatar?.type ?? "orb"), l = D(r);
 	vn(() => {
 		let e = t.value.customization?.widget, n = e?.expandable ?? "default";
@@ -27517,21 +27510,21 @@ function gP({ children: e }) {
 		d,
 		f
 	]);
-	return /* @__PURE__ */ A(hP.Provider, {
+	return /* @__PURE__ */ A(mP.Provider, {
 		value: p,
 		children: e
 	});
 }
 //#endregion
 //#region ../core/src/components/powered-by/index.tsx
-function _P() {
+function gP() {
 	let { config: e } = K_(), t = e.value.customization.branding;
-	return e.value.show_tavus_branding !== !1 && !t?.hide_tavus_badge ? /* @__PURE__ */ A(vP, {}) : t?.logo || t?.text ? /* @__PURE__ */ A(yP, {
+	return e.value.show_tavus_branding !== !1 && !t?.hide_tavus_badge ? /* @__PURE__ */ A(_P, {}) : t?.logo || t?.text ? /* @__PURE__ */ A(vP, {
 		logo: t.logo,
 		text: t.text
 	}) : null;
 }
-function vP() {
+function _P() {
 	let { isDark: e } = _j(), t = e.value ? "white" : "#140206";
 	return /* @__PURE__ */ A("a", {
 		href: "https://tavus.io",
@@ -27558,7 +27551,7 @@ function vP() {
 		})] })]
 	});
 }
-function yP({ logo: e, text: t }) {
+function vP({ logo: e, text: t }) {
 	return /* @__PURE__ */ A("div", {
 		class: "inline-flex items-center gap-1 text-xs text-base-content/50",
 		children: [e ? /* @__PURE__ */ A("img", {
@@ -27570,41 +27563,41 @@ function yP({ logo: e, text: t }) {
 }
 //#endregion
 //#region ../core/src/hooks/use-widget-text.ts
-var bP = {
+var yP = {
 	title: "Hi! Want to chat?",
 	btn_title: "Start conversation"
 };
-function xP() {
+function bP() {
 	let { config: e } = K_(), t = e.value.customization.widget?.text;
 	return O(() => ({
-		title: t?.title || bP.title,
-		btn_title: t?.btn_title || bP.btn_title
+		title: t?.title || yP.title,
+		btn_title: t?.btn_title || yP.btn_title
 	}), [t]);
 }
 //#endregion
 //#region ../core/src/hooks/use-widget-ui.ts
-function SP() {
-	let e = pt(hP);
+function xP() {
+	let e = pt(mP);
 	if (!e) throw Error("useWidgetUI must be used within WidgetUIProvider");
 	return e;
 }
 //#endregion
 //#region ../core/src/components/widget-launcher/widget-avatar.tsx
-var CP = {
+var SP = {
 	xs: "w-6 h-6",
 	sm: "w-8 h-8",
 	md: "w-10 h-10",
 	lg: "w-16 h-16"
-}, wP = {
+}, CP = {
 	xs: "w-3 h-3",
 	sm: "w-4 h-4",
 	md: "w-5 h-5",
 	lg: "w-8 h-8"
 };
-function TP({ size: e = "md", className: t = "" }) {
-	let { avatarType: n } = SP(), { config: r } = K_(), i = Ly(r.value);
+function wP({ size: e = "md", className: t = "" }) {
+	let { avatarType: n } = xP(), { config: r } = K_(), i = Ly(r.value);
 	return (Ry(r.value).background.type === "replica" || n.value === "image") && i ? /* @__PURE__ */ A("div", {
-		class: `relative ${CP[e]} rounded-box overflow-hidden bg-base-300 ${t}`,
+		class: `relative ${SP[e]} rounded-box overflow-hidden bg-base-300 ${t}`,
 		children: i.kind === "image" ? /* @__PURE__ */ A("img", {
 			src: i.url,
 			class: "absolute inset-0 w-full h-full object-cover",
@@ -27619,26 +27612,26 @@ function TP({ size: e = "md", className: t = "" }) {
 			playsinline: !0
 		})
 	}) : /* @__PURE__ */ A("div", {
-		class: `relative ${CP[e]} rounded-box bg-primary/15 flex items-center justify-center ${t}`,
-		children: /* @__PURE__ */ A("span", { class: `${wP[e]} rounded-full bg-primary animate-pulse` })
+		class: `relative ${SP[e]} rounded-box bg-primary/15 flex items-center justify-center ${t}`,
+		children: /* @__PURE__ */ A("span", { class: `${CP[e]} rounded-full bg-primary animate-pulse` })
 	});
 }
 //#endregion
 //#region ../core/src/components/widget-launcher/widget-launcher.tsx
-function EP({ variant: e }) {
-	let { toggle: t } = SP(), n = xP();
+function TP({ variant: e }) {
+	let { toggle: t } = xP(), n = bP();
 	return e === "tiny" ? /* @__PURE__ */ A("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__ */ A(TP, { size: "lg" })
+		children: /* @__PURE__ */ A(wP, { size: "lg" })
 	}) : e === "compact" ? /* @__PURE__ */ A("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__ */ A(TP, { size: "md" }), /* @__PURE__ */ A("span", {
+		children: [/* @__PURE__ */ A(wP, { size: "md" }), /* @__PURE__ */ A("span", {
 			class: "flex flex-col gap-0.5",
 			children: [/* @__PURE__ */ A("span", {
 				class: "text-base font-medium leading-tight",
@@ -27655,7 +27648,7 @@ function EP({ 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__ */ A("div", {
 			class: "flex items-center gap-2.5",
-			children: [/* @__PURE__ */ A(TP, { size: "md" }), /* @__PURE__ */ A("span", {
+			children: [/* @__PURE__ */ A(wP, { size: "md" }), /* @__PURE__ */ A("span", {
 				class: "text-sm font-medium leading-snug",
 				children: n.title
 			})]
@@ -27673,13 +27666,13 @@ function EP({ variant: e }) {
 }
 //#endregion
 //#region ../core/src/components/widget-launcher/widget-greeting-bubble.tsx
-var DP = "tavus:widget:greeting-dismissed";
-function OP({ anchor: e }) {
-	let t = xP(), { variant: n, expand: r } = SP(), [i, a] = T(!1);
+var EP = "tavus:widget:greeting-dismissed";
+function DP({ anchor: e }) {
+	let t = bP(), { variant: n, expand: r } = xP(), [i, a] = T(!1);
 	E(() => {
 		if (n.value === "tiny") {
 			try {
-				if (sessionStorage.getItem(DP) === "1") return;
+				if (sessionStorage.getItem(EP) === "1") return;
 			} catch {}
 			a(!0);
 		}
@@ -27687,7 +27680,7 @@ function OP({ anchor: e }) {
 	let o = k((e) => {
 		e.stopPropagation();
 		try {
-			sessionStorage.setItem(DP, "1");
+			sessionStorage.setItem(EP, "1");
 		} catch {}
 		a(!1);
 	}, []);
@@ -27719,18 +27712,18 @@ function OP({ anchor: e }) {
 }
 //#endregion
 //#region ../core/src/hooks/use-host-bridge.ts
-function kP() {
+function OP() {
 	let e = pt(fv);
 	if (!e) throw Error("useHostBridge must be used within HostBridgeProvider");
 	return e;
 }
 //#endregion
 //#region ../core/src/shells/widget/widget-popup.tsx
-var AP = "bg-base-100 text-base-content rounded-box border border-base-300 shadow-xl w-[22rem] flex flex-col animate-[tavusPopIn_180ms_ease-out]", jP = "bg-base-100 text-base-content w-[100vw] h-[100dvh] flex flex-col animate-[tavusFadeUp_180ms_ease-out]", MP = "p-1 flex-1 min-h-0", NP = "p-1 flex-1 min-h-0";
-function PP({ variant: e, children: t, fullscreen: n }) {
-	let { collapse: r, expandable: i } = SP(), a = i.value !== "always";
+var kP = "bg-base-100 text-base-content rounded-box border border-base-300 shadow-xl w-[22rem] flex flex-col animate-[tavusPopIn_180ms_ease-out]", AP = "bg-base-100 text-base-content w-[100vw] h-[100dvh] flex flex-col animate-[tavusFadeUp_180ms_ease-out]", jP = "p-1 flex-1 min-h-0", MP = "p-1 flex-1 min-h-0";
+function NP({ variant: e, children: t, fullscreen: n }) {
+	let { collapse: r, expandable: i } = xP(), a = i.value !== "always";
 	return n ? /* @__PURE__ */ A("div", {
-		class: jP,
+		class: AP,
 		children: [
 			/* @__PURE__ */ A("div", {
 				class: "flex items-center justify-end gap-2 px-2.5 py-1.5 border-b border-base-300",
@@ -27746,18 +27739,18 @@ function PP({ variant: e, children: t, fullscreen: n }) {
 				})
 			}),
 			/* @__PURE__ */ A("div", {
-				class: NP,
+				class: MP,
 				children: t
 			}),
 			/* @__PURE__ */ A("div", {
 				class: "flex justify-end px-2.5",
-				children: /* @__PURE__ */ A(_P, {})
+				children: /* @__PURE__ */ A(gP, {})
 			})
 		]
 	}) : /* @__PURE__ */ A("div", {
 		class: "flex flex-col h-[min(34rem,calc(100dvh-3rem))]",
 		children: [/* @__PURE__ */ A("div", {
-			class: `${AP} flex-1 overflow-hidden`,
+			class: `${kP} flex-1 overflow-hidden`,
 			children: [/* @__PURE__ */ A("div", {
 				class: "flex items-center justify-end gap-2 px-2.5 pt-1.5 shrink-0",
 				children: a && /* @__PURE__ */ A("button", {
@@ -27771,68 +27764,68 @@ function PP({ variant: e, children: t, fullscreen: n }) {
 					})
 				})
 			}), /* @__PURE__ */ A("div", {
-				class: MP,
+				class: jP,
 				children: t
 			})]
 		}), /* @__PURE__ */ A("div", {
 			class: "flex justify-end pr-2 pt-1.5 shrink-0",
-			children: /* @__PURE__ */ A(_P, {})
+			children: /* @__PURE__ */ A(gP, {})
 		})]
 	});
 }
 //#endregion
 //#region ../core/src/shells/widget/widget-shell.tsx
-var FP = yn("Widget"), IP = "1rem", LP = 480;
-function RP() {
-	return typeof window > "u" ? !1 : window.innerWidth <= LP;
+var PP = yn("Widget"), FP = "1rem", IP = 480;
+function LP() {
+	return typeof window > "u" ? !1 : window.innerWidth <= IP;
 }
-function zP(e) {
+function RP(e) {
 	switch (e) {
 		case "bottom-right": return {
-			bottom: IP,
-			right: IP
+			bottom: FP,
+			right: FP
 		};
 		case "bottom-left": return {
-			bottom: IP,
-			left: IP
+			bottom: FP,
+			left: FP
 		};
 		case "top-right": return {
-			top: IP,
-			right: IP
+			top: FP,
+			right: FP
 		};
 		case "top-left": return {
-			top: IP,
-			left: IP
+			top: FP,
+			left: FP
 		};
 		case "top": return {
-			top: IP,
+			top: FP,
 			left: "50%",
 			transform: "translateX(-50%)"
 		};
 		case "bottom": return {
-			bottom: IP,
+			bottom: FP,
 			left: "50%",
 			transform: "translateX(-50%)"
 		};
 	}
 }
-var BP = [
+var zP = [
 	"top",
 	"bottom",
 	"left",
 	"right",
 	"transform"
 ];
-function VP(e) {
+function BP(e) {
 	return e === "bottom-left" || e === "top-left" ? "left" : "right";
 }
-function HP() {
-	let { config: e, initError: t } = K_(), n = xP(), { expanded: r, position: i, variant: a } = SP(), { shadowHost: o } = kP(), s = Xy(), c = dn(RP());
+function VP() {
+	let { config: e, initError: t } = K_(), n = bP(), { expanded: r, position: i, variant: a } = xP(), { shadowHost: o } = OP(), s = Xy(), c = dn(LP());
 	E(() => {
 		if (typeof window > "u") return;
-		c.value = RP();
+		c.value = LP();
 		let e = () => {
-			c.value = RP();
+			c.value = LP();
 		};
 		return window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
 	}, [c]);
@@ -27842,27 +27835,27 @@ function HP() {
 		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 = zP(t);
-				for (let t of BP) e.style[t] = n[t] ?? "";
+				let n = RP(t);
+				for (let t of zP) e.style[t] = n[t] ?? "";
 			}
 			e.dataset.tavusWidgetPosition = t, e.dataset.tavusWidgetExpanded = n ? "true" : "false", e.dataset.tavusWidgetFullscreen = a ? "true" : "false", e.dataset.tavusWidgetSmall = c.value ? "true" : "false";
 		}
-	}), t.value) return FP.error("Widget cannot initialize (init request failed):", t.value), null;
-	if (e.value.is_available === !1 && e.value.unavailable_reason === "total_limit") return FP.error("Widget is unavailable (total_limit reached) — not rendering"), null;
+	}), t.value) return PP.error("Widget cannot initialize (init request failed):", t.value), null;
+	if (e.value.is_available === !1 && e.value.unavailable_reason === "total_limit") return PP.error("Widget is unavailable (total_limit reached) — not rendering"), null;
 	if (!r.value) {
-		let e = VP(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 = BP(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__ */ A("div", {
 			class: "flex flex-col",
 			children: [/* @__PURE__ */ A("div", {
 				class: t,
-				children: [/* @__PURE__ */ A(OP, { anchor: e }), /* @__PURE__ */ A(EP, { variant: a.value })]
+				children: [/* @__PURE__ */ A(DP, { anchor: e }), /* @__PURE__ */ A(TP, { variant: a.value })]
 			}), /* @__PURE__ */ A("div", {
 				class: `flex ${n} pt-1.5`,
-				children: /* @__PURE__ */ A(_P, {})
+				children: /* @__PURE__ */ A(gP, {})
 			})]
 		});
 	}
-	return e.value.is_available === !1 ? /* @__PURE__ */ A(PP, {
+	return e.value.is_available === !1 ? /* @__PURE__ */ A(NP, {
 		variant: a.value,
 		fullscreen: c.value,
 		children: /* @__PURE__ */ A(Ev, { children: /* @__PURE__ */ A(Yy, {
@@ -27870,10 +27863,10 @@ function HP() {
 			canRetry: !1,
 			onRetry: () => {}
 		}) })
-	}) : /* @__PURE__ */ A(PP, {
+	}) : /* @__PURE__ */ A(NP, {
 		variant: a.value,
 		fullscreen: c.value,
-		children: /* @__PURE__ */ A(Ev, { children: /* @__PURE__ */ A(mP, {
+		children: /* @__PURE__ */ A(Ev, { children: /* @__PURE__ */ A(pP, {
 			flow: s,
 			welcomeText: l,
 			onUnavailableCancel: () => s.restart()
@@ -27882,11 +27875,11 @@ function HP() {
 }
 //#endregion
 //#region ../core/src/widget/tavus-widget.tsx
-var UP = ":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 WP(e) {
+var HP = ":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 UP(e) {
 	return /* @__PURE__ */ A(ue, { children: [
 		/* @__PURE__ */ A("style", { dangerouslySetInnerHTML: { __html: Ye } }),
-		/* @__PURE__ */ A("style", { dangerouslySetInnerHTML: { __html: UP } }),
+		/* @__PURE__ */ A("style", { dangerouslySetInnerHTML: { __html: HP } }),
 		/* @__PURE__ */ A(Et, {
 			"deployment-id": e["deployment-id"],
 			"override-config": e["override-config"],
@@ -27895,13 +27888,13 @@ function WP(e) {
 			"memory-stores": e["memory-stores"],
 			"base-url": e["base-url"],
 			token: e.token,
-			children: /* @__PURE__ */ A(xi, { children: /* @__PURE__ */ A(Ci, { children: /* @__PURE__ */ A(R_, { children: /* @__PURE__ */ A(uv, { children: /* @__PURE__ */ A(mv, { children: /* @__PURE__ */ A(gv, { children: /* @__PURE__ */ A(gP, { children: /* @__PURE__ */ A(HP, {}) }) }) }) }) }) }) })
+			children: /* @__PURE__ */ A(xi, { children: /* @__PURE__ */ A(Ci, { children: /* @__PURE__ */ A(R_, { children: /* @__PURE__ */ A(uv, { children: /* @__PURE__ */ A(mv, { children: /* @__PURE__ */ A(gv, { children: /* @__PURE__ */ A(hP, { children: /* @__PURE__ */ A(VP, {}) }) }) }) }) }) }) })
 		})
 	] });
 }
-var GP;
-function KP() {
-	GP ||= Ve(WP, "tavus-widget", [
+var WP;
+function GP() {
+	WP ||= Ve(UP, "tavus-widget", [
 		"deployment-id",
 		"override-config",
 		"conversational-context",
@@ -27916,7 +27909,7 @@ function KP() {
 }
 //#endregion
 //#region src/integration.ts
-var qP = [
+var KP = [
 	"tavus:chat-message",
 	"tavus:conversation-ended",
 	"tavus:conversation-started",
@@ -27927,7 +27920,7 @@ var qP = [
 	"tavus:ready",
 	"tavus:state-change",
 	"tavus:tool-call"
-], JP = class {
+], qP = class {
 	element = null;
 	tagName;
 	constructor(e = "tavus-widget") {
@@ -27974,6 +27967,6 @@ var qP = [
 };
 //#endregion
 //#region src/index.ts
-typeof window < "u" && KP();
+typeof window < "u" && GP();
 //#endregion
-export { qP as TAVUS_EVENT_NAMES, JP as TavusIntegration };
+export { KP as TAVUS_EVENT_NAMES, qP as TavusIntegration };