@flowengage/react-chatbot 5.0.41 → 5.0.43

package/dist/flowengage-react-chatbot.mjs

@@ -26268,7 +26268,43 @@ var _D = class extends HE {
 	static startSession(e) {
 		return e.textOnly ? aD.startSession(e) : uD.startSession(e);
 	}
-}, vD = ({ size: e = 18, color: t = "currentColor" }) => /* @__PURE__ */ _("svg", {
+}, vD = {
+	wordsSoFar: 0,
+	speechStartTime: 0,
+	isSpeaking: !1,
+	items: [],
+	timers: [],
+	lastHighlightId: null,
+	isVoiceMode: !1
+};
+function yD() {
+	vD.timers.forEach(clearTimeout), vD.wordsSoFar = 0, vD.speechStartTime = 0, vD.isSpeaking = !1, vD.items = [], vD.timers = [], vD.lastHighlightId = null;
+}
+//#endregion
+//#region src/utils/highlightEngine.js
+var bD = 80;
+function xD(e) {
+	requestAnimationFrame(() => {
+		let t = e.getBoundingClientRect(), n = t.top + t.height / 2, r = bD, i = r + (window.innerHeight - r) / 2, a = window.pageYOffset + n - i;
+		window.scrollTo({
+			top: Math.max(0, a),
+			behavior: "smooth"
+		});
+	});
+}
+function SD(e) {
+	if (!e || e.hasAttribute("data-fe-highlighted")) return;
+	CD(), e.classList?.remove("fe-highlight-section", "fe-highlight-speaking", "fe-highlight-exiting"), xD(e);
+	let t = e.style.cssText;
+	e.setAttribute("data-fe-highlighted", "true"), e.setAttribute("data-fe-orig-style", t), e.style.outline = "3px solid #2563eb", e.style.outlineOffset = "8px", e.style.background = "rgba(37, 99, 235, 0.08)", e.style.borderRadius = "8px", e.style.padding = "12px 16px", e.style.transition = "all 0.4s ease";
+}
+function CD() {
+	let e = document.querySelector("[data-fe-highlighted]");
+	e && (e.style.cssText = e.getAttribute("data-fe-orig-style") || "", e.removeAttribute("data-fe-highlighted"), e.removeAttribute("data-fe-orig-style"));
+}
+//#endregion
+//#region src/lib/svgIcons.jsx
+var wD = ({ size: e = 18, color: t = "currentColor" }) => /* @__PURE__ */ _("svg", {
 	width: e,
 	height: e,
 	viewBox: "0 0 24 24",
@@ -26284,7 +26320,7 @@ var _D = class extends HE {
 		strokeLinecap: "round",
 		strokeLinejoin: "round"
 	})]
-}), yD = ({ size: e = 20 }) => /* @__PURE__ */ _("svg", {
+}), TD = ({ size: e = 20 }) => /* @__PURE__ */ _("svg", {
 	width: e,
 	height: e,
 	viewBox: "0 0 24 24",
@@ -26299,7 +26335,7 @@ var _D = class extends HE {
 		x2: "1",
 		y2: "23"
 	})]
-}), bD = ({ size: e = 18 }) => /* @__PURE__ */ _("svg", {
+}), ED = ({ size: e = 18 }) => /* @__PURE__ */ _("svg", {
 	width: e,
 	height: e,
 	viewBox: "0 0 24 24",
@@ -26314,7 +26350,7 @@ var _D = class extends HE {
 		x2: "12",
 		y2: "5"
 	}), /* @__PURE__ */ g("polyline", { points: "5 12 12 5 19 12" })]
-}), xD = () => /* @__PURE__ */ _("svg", {
+}), DD = () => /* @__PURE__ */ _("svg", {
 	width: "14",
 	height: "14",
 	viewBox: "0 0 24 24",
@@ -26324,7 +26360,7 @@ var _D = class extends HE {
 	strokeLinecap: "round",
 	strokeLinejoin: "round",
 	children: [/* @__PURE__ */ g("polyline", { points: "9 17 4 12 9 7" }), /* @__PURE__ */ g("path", { d: "M20 18v-2a4 4 0 00-4-4H4" })]
-}), SD = () => /* @__PURE__ */ g("svg", {
+}), OD = () => /* @__PURE__ */ g("svg", {
 	width: "18",
 	height: "18",
 	viewBox: "0 0 24 24",
@@ -26334,7 +26370,7 @@ var _D = class extends HE {
 	strokeLinecap: "round",
 	strokeLinejoin: "round",
 	children: /* @__PURE__ */ g("path", { d: "M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.42 19.42 0 01-6.12-6.11A19.79 19.79 0 012 4.11 2 2 0 014.11 2h3a2 2 0 012 1.72c.13.96.37 1.91.71 2.81a2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.9.34 1.85.58 2.81.71A2 2 0 0122 16.92z" })
-}), CD = ({ className: e = "" }) => /* @__PURE__ */ _("svg", {
+}), kD = ({ className: e = "" }) => /* @__PURE__ */ _("svg", {
 	className: e,
 	width: "14",
 	height: "14",
@@ -26363,7 +26399,7 @@ var _D = class extends HE {
 			y2: "16"
 		})
 	]
-}), wD = ({ size: e = 14 }) => /* @__PURE__ */ _("svg", {
+}), AD = ({ size: e = 14 }) => /* @__PURE__ */ _("svg", {
 	width: e,
 	height: e,
 	viewBox: "0 0 24 24",
@@ -26386,7 +26422,7 @@ var _D = class extends HE {
 		/* @__PURE__ */ g("path", { d: "M15 13v2" }),
 		/* @__PURE__ */ g("path", { d: "M9 13v2" })
 	]
-}), TD = ({ size: e = 20, strokeWidth: t = 2, color: n = "currentColor" }) => /* @__PURE__ */ _("svg", {
+}), jD = ({ size: e = 20, strokeWidth: t = 2, color: n = "currentColor" }) => /* @__PURE__ */ _("svg", {
 	width: e,
 	height: e,
 	viewBox: "0 0 24 24",
@@ -26406,7 +26442,7 @@ var _D = class extends HE {
 		x2: "19",
 		y2: "12"
 	})]
-}), ED = ({ size: e = 20, color: t = "currentColor" }) => /* @__PURE__ */ _("svg", {
+}), MD = ({ size: e = 20, color: t = "currentColor" }) => /* @__PURE__ */ _("svg", {
 	width: e,
 	height: e,
 	viewBox: "0 0 24 24",
@@ -26432,7 +26468,7 @@ var _D = class extends HE {
 			fill: t
 		})
 	]
-}), DD = ({ size: e = 20, color: t = "currentColor" }) => /* @__PURE__ */ _("svg", {
+}), ND = ({ size: e = 20, color: t = "currentColor" }) => /* @__PURE__ */ _("svg", {
 	width: "24",
 	height: "24",
 	viewBox: "0 0 24 24",
@@ -26450,7 +26486,7 @@ var _D = class extends HE {
 		"stroke-linecap": "round",
 		"stroke-linejoin": "round"
 	})]
-}), OD = () => /* @__PURE__ */ g("svg", {
+}), PD = () => /* @__PURE__ */ g("svg", {
 	width: "24",
 	height: "24",
 	viewBox: "0 0 24 24",
@@ -26462,7 +26498,7 @@ var _D = class extends HE {
 		"stroke-width": "1.5",
 		"stroke-linejoin": "round"
 	})
-}), kD = ({ size: e = 24 }) => /* @__PURE__ */ _("svg", {
+}), FD = ({ size: e = 24 }) => /* @__PURE__ */ _("svg", {
 	xmlns: "http://www.w3.org/2000/svg",
 	width: e,
 	height: e,
@@ -26480,7 +26516,7 @@ var _D = class extends HE {
 		/* @__PURE__ */ g("path", { d: "m2 2 20 20" }),
 		/* @__PURE__ */ g("path", { d: "M9 9v3a3 3 0 0 0 5.12 2.12" })
 	]
-}), AD = (e = "") => String(e).replace(/<[^>]+>/g, "").replace(/\s+/g, " ").trim(), jD = (e = "") => String(e).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;"), MD = new Set([
+}), ID = (e = "") => String(e).replace(/<[^>]+>/g, "").replace(/\s+/g, " ").trim(), LD = (e = "") => String(e).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;"), RD = new Set([
 	"p",
 	"br",
 	"ul",
@@ -26491,30 +26527,30 @@ var _D = class extends HE {
 	"b",
 	"i",
 	"a"
-]), ND = /^https?:\/\//i;
-function PD(e) {
+]), zD = /^https?:\/\//i;
+function BD(e) {
 	let t = Array.from(e.childNodes);
 	for (let n of t) if (n.nodeType === Node.ELEMENT_NODE) {
 		let t = n.tagName.toLowerCase();
-		if (!MD.has(t)) {
+		if (!RD.has(t)) {
 			e.replaceChild(document.createTextNode(n.textContent), n);
 			continue;
 		}
 		let r = {};
 		if (t === "a") {
 			let e = n.getAttribute("href") || "";
-			ND.test(e) && (r.href = e), r.target = "_blank", r.rel = "noopener noreferrer";
+			zD.test(e) && (r.href = e), r.target = "_blank", r.rel = "noopener noreferrer";
 		}
 		for (; n.attributes.length > 0;) n.removeAttribute(n.attributes[0].name);
 		for (let [e, t] of Object.entries(r)) n.setAttribute(e, t);
-		PD(n);
+		BD(n);
 	} else n.nodeType !== Node.TEXT_NODE && e.removeChild(n);
 }
-function FD(e) {
+function VD(e) {
 	let t = document.createElement("div");
-	return t.innerHTML = e, PD(t), t.innerHTML;
+	return t.innerHTML = e, BD(t), t.innerHTML;
 }
-function ID(e) {
+function HD(e) {
 	let t = String(e || "").trim();
 	if (!t) return t;
 	let n = /^<p>\s*<strong>([\s\S]*?)<\/strong>\s*<\/p>$/i.exec(t);
@@ -26526,33 +26562,33 @@ function ID(e) {
 	}
 	return e;
 }
-var LD = (e = "") => {
+var UD = (e = "") => {
 	let t = String(e || "").trim();
 	if (!t) return "";
-	if (/<(p|br|ul|ol|li|strong|em|a)\b/i.test(t)) return ID(FD(t));
-	let n = t.replace(/\r\n/g, "\n").replace(/\n{3,}/g, "\n\n").split(/\n\s*\n/).map((e) => e.trim()).filter(Boolean), r = (e) => jD(e).replace(/\[([^\]]+)\]\((https?:\/\/[^\s)]+)\)/g, "<a href=\"$2\" target=\"_blank\" rel=\"noopener noreferrer\">$1</a>").replace(/\*\*([^*]+)\*\*/g, "<strong>$1</strong>").replace(/\*([^*\n]+)\*/g, "<em>$1</em>");
-	return ID(n.map((e) => {
+	if (/<(p|br|ul|ol|li|strong|em|a)\b/i.test(t)) return HD(VD(t));
+	let n = t.replace(/\r\n/g, "\n").replace(/\n{3,}/g, "\n\n").split(/\n\s*\n/).map((e) => e.trim()).filter(Boolean), r = (e) => LD(e).replace(/\[([^\]]+)\]\((https?:\/\/[^\s)]+)\)/g, "<a href=\"$2\" target=\"_blank\" rel=\"noopener noreferrer\">$1</a>").replace(/\*\*([^*]+)\*\*/g, "<strong>$1</strong>").replace(/\*([^*\n]+)\*/g, "<em>$1</em>");
+	return HD(n.map((e) => {
 		let t = e.split("\n").map((e) => e.trim()).filter(Boolean), n = t.filter((e) => /^[-*]\s+/.test(e));
 		if (n.length >= 2 && n.length === t.length) return `<ul>${n.map((e) => `<li>${r(e.replace(/^[-*]\s+/, ""))}</li>`).join("")}</ul>`;
 		let i = e.split(/\s+(?=[-*]\s+\*\*?)/).map((e) => e.trim()).filter(Boolean);
 		return i.length >= 2 && i.every((e) => /^[-*]\s+/.test(e)) ? `<ul>${i.map((e) => `<li>${r(e.replace(/^[-*]\s+/, ""))}</li>`).join("")}</ul>` : `<p>${r(e).replace(/\n/g, "<br />")}</p>`;
 	}).join(""));
-}, RD = new Set(["application/pdf", "application/vnd.openxmlformats-officedocument.wordprocessingml.document"]), zD = new Set([
+}, WD = new Set(["application/pdf", "application/vnd.openxmlformats-officedocument.wordprocessingml.document"]), GD = new Set([
 	".pdf",
 	".docx",
 	".png",
 	".jpg",
 	".jpeg"
-]), BD = "image/png,image/jpeg,.pdf,.docx";
-function VD(e) {
+]), KD = "image/png,image/jpeg,.pdf,.docx";
+function qD(e) {
 	if (!e) return !1;
 	let t = typeof e.name == "string" ? e.name.toLowerCase() : "", n = t.includes(".") ? `.${t.split(".").pop()}` : "", r = typeof e.type == "string" ? e.type.toLowerCase() : "";
-	return r === "image/png" || r === "image/jpeg" || RD.has(r) || zD.has(n);
+	return r === "image/png" || r === "image/jpeg" || WD.has(r) || GD.has(n);
 }
-function HD(e) {
-	return e ? VD(e) ? e.size > 2097152 ? "File must be 2 MB or smaller." : "" : "Only PNG, JPEG, PDF, and DOCX files are allowed." : "No file selected.";
+function JD(e) {
+	return e ? qD(e) ? e.size > 2097152 ? "File must be 2 MB or smaller." : "" : "Only PNG, JPEG, PDF, and DOCX files are allowed." : "No file selected.";
 }
-function UD(e = 0) {
+function YD(e = 0) {
 	if (!Number.isFinite(e) || e <= 0) return "";
 	let t = [
 		"B",
@@ -26564,12 +26600,12 @@ function UD(e = 0) {
 	let i = n >= 10 || r === 0 ? 0 : 1;
 	return `${n.toFixed(i)} ${t[r]}`;
 }
-function WD(e) {
+function XD(e) {
 	return e ? e.name || "Attachment" : "";
 }
 //#endregion
 //#region src/utils/avatarHelpers.js
-function GD(e) {
+function ZD(e) {
 	if (!e || typeof e != "string") return "?";
 	let t = e.trim();
 	if (!t) return "?";
@@ -26578,7 +26614,7 @@ function GD(e) {
 }
 //#endregion
 //#region src/components/AvatarImageOrInitials.jsx
-function KD({ src: e, name: t, imgStyle: n, initialsSpanStyle: r }) {
+function QD({ src: e, name: t, imgStyle: n, initialsSpanStyle: r }) {
 	let [i, a] = m(null), o = typeof e == "string" ? e.trim() : "";
 	return c(() => {
 		if (!o) {
@@ -26600,12 +26636,12 @@ function KD({ src: e, name: t, imgStyle: n, initialsSpanStyle: r }) {
 		style: n
 	}) : /* @__PURE__ */ g("span", {
 		style: r,
-		children: GD(t)
+		children: ZD(t)
 	});
 }
 //#endregion
 //#region src/components/MessageList.jsx
-function qD({ chatHistory: e, isAiTyping: t, isLoading: n, isAgentTyping: r, setReplyContext: i, primaryColor: a = "#3B82F6", agentHeadshot: s = null, agentDisplayName: l = "Agent", botAvatarNode: u = null }) {
+function $D({ chatHistory: e, isAiTyping: t, isLoading: n, isAgentTyping: r, setReplyContext: i, primaryColor: a = "#3B82F6", agentHeadshot: s = null, agentDisplayName: l = "Agent", botAvatarNode: u = null }) {
 	let { resolvedConfig: d } = Ln(), f = p(null), [v, y] = m(null), [b, x] = m(null), S = p(e.length), C = p(!0), w = p(null), T = o((e) => {
 		let t = e.target.closest("a[href]");
 		if (!t) return;
@@ -26660,7 +26696,7 @@ function qD({ chatHistory: e, isAiTyping: t, isLoading: n, isAgentTyping: r, set
 		children: [
 			e.map((e) => {
 				if (e.type === "call_recording" || typeof e.message == "string" && e.message.includes("AI chat recording")) return null;
-				let t = e.sender === "system", n = e.sender === "user", r = e.sender === "ai" || e.sender === "bot", o = e.sender === "agent", c = e.isPending, d = e.type === "file" && e.metadata?.fileUrl, f = e.agent_name || e.agentName || e.metadata?.agentName || l, p = typeof e.sender_headshot == "string" && e.sender_headshot.trim() || typeof s == "string" && s.trim() || null, m = AD(e.replyToContent || e.replyContext?.message || ""), v = e.replyToSender === "user" ? "You" : e.replyToSender === "agent" ? "Agent" : e.replyToSender === "ai" || e.replyToSender === "bot" ? "AI Assistant" : "Message";
+				let t = e.sender === "system", n = e.sender === "user", r = e.sender === "ai" || e.sender === "bot", o = e.sender === "agent", c = e.isPending, d = e.type === "file" && e.metadata?.fileUrl, f = e.agent_name || e.agentName || e.metadata?.agentName || l, p = typeof e.sender_headshot == "string" && e.sender_headshot.trim() || typeof s == "string" && s.trim() || null, m = ID(e.replyToContent || e.replyContext?.message || ""), v = e.replyToSender === "user" ? "You" : e.replyToSender === "agent" ? "Agent" : e.replyToSender === "ai" || e.replyToSender === "bot" ? "AI Assistant" : "Message";
 				return t ? /* @__PURE__ */ g("div", {
 					style: {
 						display: "flex",
@@ -26705,7 +26741,7 @@ function qD({ chatHistory: e, isAiTyping: t, isLoading: n, isAgentTyping: r, set
 							fontWeight: 800,
 							marginTop: !c && (r || o) ? "22px" : "0px"
 						},
-						children: r ? u || /* @__PURE__ */ g(wD, { size: 16 }) : /* @__PURE__ */ g(KD, {
+						children: r ? u || /* @__PURE__ */ g(AD, { size: 16 }) : /* @__PURE__ */ g(QD, {
 							src: p || "",
 							name: f,
 							imgStyle: {
@@ -26747,7 +26783,7 @@ function qD({ chatHistory: e, isAiTyping: t, isLoading: n, isAgentTyping: r, set
 								onMouseLeave: (e) => {
 									e.currentTarget.style.color = "#9ca3af";
 								},
-								children: [/* @__PURE__ */ g(xD, {}), "Reply"]
+								children: [/* @__PURE__ */ g(DD, {}), "Reply"]
 							}),
 							/* @__PURE__ */ _("div", {
 								style: {
@@ -26791,7 +26827,7 @@ function qD({ chatHistory: e, isAiTyping: t, isLoading: n, isAgentTyping: r, set
 										children: m
 									})]
 								}), d ? (() => {
-									let t = e.metadata.fileType || "", r = e.metadata.fileName || e.message || "File", i = UD(e.metadata.fileSize), a = t.startsWith("image/"), o = t === "application/pdf" ? {
+									let t = e.metadata.fileType || "", r = e.metadata.fileName || e.message || "File", i = YD(e.metadata.fileSize), a = t.startsWith("image/"), o = t === "application/pdf" ? {
 										color: "#ef4444",
 										label: "PDF"
 									} : t.includes("word") || t.includes("docx") ? {
@@ -26963,7 +26999,7 @@ function qD({ chatHistory: e, isAiTyping: t, isLoading: n, isAgentTyping: r, set
 									});
 								})() : r ? /* @__PURE__ */ g("div", {
 									className: "flowengage-message-content fe-bot-message",
-									dangerouslySetInnerHTML: { __html: LD(e.message) },
+									dangerouslySetInnerHTML: { __html: UD(e.message) },
 									onClick: T
 								}) : /* @__PURE__ */ g("div", {
 									style: { whiteSpace: n || o ? "normal" : "pre-wrap" },
@@ -27028,7 +27064,7 @@ function qD({ chatHistory: e, isAiTyping: t, isLoading: n, isAgentTyping: r, set
 						boxShadow: u ? "none" : "0 8px 20px rgba(59,130,246,0.24)",
 						overflow: "hidden"
 					},
-					children: u || /* @__PURE__ */ g(wD, { size: 16 })
+					children: u || /* @__PURE__ */ g(AD, { size: 16 })
 				}), /* @__PURE__ */ _("div", {
 					style: {
 						display: "flex",
@@ -27070,7 +27106,7 @@ function qD({ chatHistory: e, isAiTyping: t, isLoading: n, isAgentTyping: r, set
 						borderRadius: "50%",
 						overflow: "hidden"
 					},
-					children: /* @__PURE__ */ g(KD, {
+					children: /* @__PURE__ */ g(QD, {
 						src: s || "",
 						name: l,
 						imgStyle: {
@@ -27164,7 +27200,7 @@ function qD({ chatHistory: e, isAiTyping: t, isLoading: n, isAgentTyping: r, set
 }
 //#endregion
 //#region src/components/ChatInput.jsx
-function JD({ input: e, setInput: t, onSubmit: n, isConversationEnded: r, callUiActive: i, handleToggleVoice: a, activeScreen: o, inputDisabled: s, replyContext: c, clearReplyContext: l, requiresEmail: u, emailInput: d, setEmailInput: f, emailError: m, showVoiceToggle: v = !1, voiceEnabled: y = !0, onFileSelect: b, selectedFile: x = null, onRemoveSelectedFile: S, attachmentError: C = "", isUploadingAttachment: w = !1, inputPlaceholder: T = "Type your message" }) {
+function eO({ input: e, setInput: t, onSubmit: n, isConversationEnded: r, callUiActive: i, handleToggleVoice: a, activeScreen: o, inputDisabled: s, replyContext: c, clearReplyContext: l, requiresEmail: u, emailInput: d, setEmailInput: f, emailError: m, showVoiceToggle: v = !1, voiceEnabled: y = !0, onFileSelect: b, selectedFile: x = null, onRemoveSelectedFile: S, attachmentError: C = "", isUploadingAttachment: w = !1, inputPlaceholder: T = "Type your message" }) {
 	let ee = p(null), te = c?.sender === "user" ? "You" : c?.sender === "agent" ? "Agent" : "AI Assistant", ne = u ? !!d?.trim() : !!e?.trim() || !!x, re = s || w || !ne, E = !u && y && v;
 	return /* @__PURE__ */ _("div", {
 		style: {
@@ -27259,7 +27295,7 @@ function JD({ input: e, setInput: t, onSubmit: n, isConversationEnded: r, callUi
 							background: "rgba(59,130,246,0.08)",
 							color: "var(--flowengage-primary)"
 						},
-						children: /* @__PURE__ */ g(wD, { size: 13 })
+						children: /* @__PURE__ */ g(AD, { size: 13 })
 					}), /* @__PURE__ */ g("span", { children: "Please provide your email address so we can help you." })]
 				})
 			}),
@@ -27299,7 +27335,7 @@ function JD({ input: e, setInput: t, onSubmit: n, isConversationEnded: r, callUi
 								overflow: "hidden",
 								textOverflow: "ellipsis"
 							},
-							children: WD(x)
+							children: XD(x)
 						}),
 						/* @__PURE__ */ g("div", {
 							style: {
@@ -27307,7 +27343,7 @@ function JD({ input: e, setInput: t, onSubmit: n, isConversationEnded: r, callUi
 								color: "#6b7280",
 								marginTop: "2px"
 							},
-							children: UD(x.size)
+							children: YD(x.size)
 						})
 					]
 				}), /* @__PURE__ */ g("button", {
@@ -27352,7 +27388,7 @@ function JD({ input: e, setInput: t, onSubmit: n, isConversationEnded: r, callUi
 					E ? /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g("input", {
 						ref: ee,
 						type: "file",
-						accept: BD,
+						accept: KD,
 						style: { display: "none" },
 						onChange: (e) => {
 							let t = e.target.files?.[0];
@@ -27384,7 +27420,7 @@ function JD({ input: e, setInput: t, onSubmit: n, isConversationEnded: r, callUi
 						onMouseLeave: (e) => {
 							e.currentTarget.style.opacity = "1";
 						},
-						children: /* @__PURE__ */ g(TD, {
+						children: /* @__PURE__ */ g(jD, {
 							size: 16,
 							color: "currentColor"
 						})
@@ -27441,7 +27477,7 @@ function JD({ input: e, setInput: t, onSubmit: n, isConversationEnded: r, callUi
 						onMouseLeave: (e) => {
 							e.currentTarget.style.opacity = "1";
 						},
-						children: /* @__PURE__ */ g(bD, { size: 16 })
+						children: /* @__PURE__ */ g(ED, { size: 16 })
 					})
 				]
 			}),
@@ -27504,7 +27540,7 @@ function JD({ input: e, setInput: t, onSubmit: n, isConversationEnded: r, callUi
 }
 //#endregion
 //#region src/components/StatusBanners.jsx
-function YD({ webRTCError: e, micError: t, setMicError: n, dismissCallError: r, isRateLimited: i, rateLimitMessage: a }) {
+function tO({ webRTCError: e, micError: t, setMicError: n, dismissCallError: r, isRateLimited: i, rateLimitMessage: a }) {
 	return /* @__PURE__ */ _(h, { children: [(e || t) && /* @__PURE__ */ _("div", {
 		style: {
 			margin: "0 20px 10px",
@@ -27517,7 +27553,7 @@ function YD({ webRTCError: e, micError: t, setMicError: n, dismissCallError: r,
 			gap: "10px"
 		},
 		children: [
-			/* @__PURE__ */ g(CD, { className: "" }),
+			/* @__PURE__ */ g(kD, { className: "" }),
 			/* @__PURE__ */ g("span", {
 				style: {
 					fontSize: "12px",
@@ -27563,13 +27599,13 @@ function YD({ webRTCError: e, micError: t, setMicError: n, dismissCallError: r,
 }
 //#endregion
 //#region src/components/AnimatedOrb.jsx
-var XD = [
+var nO = [
 	"#135bd8",
 	"#ef334b",
 	"#ffbd2e"
 ];
-function ZD(e) {
-	return !Array.isArray(e) || e.length === 0 ? XD : e.length === 1 ? [
+function rO(e) {
+	return !Array.isArray(e) || e.length === 0 ? nO : e.length === 1 ? [
 		e[0],
 		e[0],
 		e[0]
@@ -27583,14 +27619,15 @@ function ZD(e) {
 		e[2]
 	];
 }
-var QD = {
+var iO = {
 	idle: 3,
 	listening: .75,
+	thinking: 1,
 	speaking: 1.4,
 	muted: .75,
 	error: .08
 };
-function $D(e) {
+function aO(e) {
 	if (!e || typeof e != "string") return [
 		0,
 		0,
@@ -27603,14 +27640,14 @@ function $D(e) {
 		parseInt(n.slice(4, 6), 16) / 255
 	];
 }
-function eO(e, t) {
+function oO(e, t) {
 	if (!e || typeof e != "string") return `rgba(0,0,0,${t})`;
 	if (e.startsWith("rgb")) return e.replace(/[\d.]+\)$/, `${t})`);
 	let n = e.replace("#", ""), r = n.length === 3 ? n.split("").map((e) => e + e).join("") : n;
 	return `rgba(${parseInt(r.slice(0, 2), 16)},${parseInt(r.slice(2, 4), 16)},${parseInt(r.slice(4, 6), 16)},${t})`;
 }
-var tO = "\n  attribute vec2 a_pos;\n  varying   vec2 v_uv;\n  void main() {\n    v_uv        = a_pos * 0.5 + 0.5;\n    gl_Position = vec4(a_pos, 0.0, 1.0);\n  }\n", nO = "\n  precision highp float;\n\n  varying vec2  v_uv;\n  uniform float u_time;\n  uniform float u_speed;\n  uniform vec3  u_c1;\n  uniform vec3  u_c2;\n  uniform vec3  u_c3;\n\n  // ── Gradient noise ─────────────────────────────────────────────────────────\n  vec2 hash2(vec2 p) {\n    p = vec2(dot(p, vec2(127.1, 311.7)), dot(p, vec2(269.5, 183.3)));\n    return -1.0 + 2.0 * fract(sin(p) * 43758.5453123);\n  }\n  float gnoise(vec2 p) {\n    vec2 i = floor(p), f = fract(p);\n    vec2 u = f*f*f*(f*(f*6.0-15.0)+10.0);\n    return mix(\n      mix(dot(hash2(i),           f),\n          dot(hash2(i+vec2(1,0)), f-vec2(1,0)), u.x),\n      mix(dot(hash2(i+vec2(0,1)), f-vec2(0,1)),\n          dot(hash2(i+vec2(1,1)), f-vec2(1,1)), u.x),\n      u.y\n    ) * 0.5 + 0.5;\n  }\n\n  // ── 3-octave FBM normalised to [0,1] — fewer octaves → larger, softer blobs\n  float fbm(vec2 p) {\n    float v = 0.0, a = 0.5;\n    for (int i = 0; i < 3; i++) {\n      v += a * gnoise(p);\n      p  = p * 2.1 + vec2(100.0);\n      a *= 0.5;\n    }\n    return v / 0.875;\n  }\n\n  // ── Scalar hash for grain ──────────────────────────────────────────────────\n  float hash1(vec2 p) {\n    return fract(sin(dot(p, vec2(127.1, 311.7))) * 43758.5453);\n  }\n\n  void main() {\n    vec2  uv = v_uv;\n    float t  = u_time * u_speed + 47.3;\n\n    // ── ① Two-level domain warp — deep organic folding and swirling ───────────\n    // First pass: large-scale sweep\n    vec2 q = vec2(\n      fbm(uv * 1.8 + vec2( t * 0.13,  t * 0.11)) * 2.0 - 1.0,\n      fbm(uv * 1.8 + vec2( t * 0.11 + 3.7, -t * 0.14 + 1.1)) * 2.0 - 1.0\n    );\n    // Second pass: warp the warp — creates curling, folding sub-currents\n    vec2 r = vec2(\n      fbm(uv * 1.8 + q * 0.55 + vec2( t * 0.09,  t * 0.07)) * 2.0 - 1.0,\n      fbm(uv * 1.8 + q * 0.55 + vec2(-t * 0.07 + 5.1, t * 0.10 + 2.3)) * 2.0 - 1.0\n    );\n    vec2 wp = uv + r * 0.38;\n\n    // ── ② Three independent fields — each drifts inward from its source edge ──\n    // Asymmetric velocities: dominant axis matches the inflow direction so the\n    // noise texture visually streams inward (left→right, right→left, bottom→top).\n    float f1 = fbm(wp * 0.85 + vec2(-t * 0.18,       t * 0.04));          // LEFT  → right\n    float f2 = fbm(wp * 0.85 + vec2( t * 0.18 + 5.3, t * 0.04 + 1.7));   // RIGHT → left\n    float f3 = fbm(wp * 0.85 + vec2( t * 0.04 - 3.2, -t * 0.18 + 6.4));  // BOTTOM → up\n\n    // ── ③ Breathing blobs — sin pulse makes each field expand and contract ────\n    float p1 = 0.88 + 0.12 * sin(t * 0.61);\n    float p2 = 0.88 + 0.12 * sin(t * 0.47 + 2.09);\n    float p3 = 0.88 + 0.12 * sin(t * 0.53 + 4.19);\n\n    // Wide smoothstep (0.26 → 0.70) → soft, diffused blob edges that dissolve\n    // gradually into each other, like dye spreading through water.\n    float b1 = smoothstep(0.26, 0.70, f1 * p1);\n    float b2 = smoothstep(0.26, 0.70, f2 * p2);\n    float b3 = smoothstep(0.26, 0.70, f3 * p3);\n\n    // ── ④ Directional origin gradients.\n    // Each color owns its home edge (value = 1.0) and smoothly fades to zero\n    // before reaching the opposite side. The transition windows are offset so\n    // they overlap only in the center third — that overlap zone is where the\n    // three colors meet and blend, while the edges stay uncontaminated.\n    float d1 = 1.0 - smoothstep(0.20, 0.74, uv.x);        // c1: LEFT  → full at x<0.20, zero by x=0.74\n    float d2 = 1.0 - smoothstep(0.20, 0.74, 1.0 - uv.x);  // c2: RIGHT → full at x>0.80, zero by x=0.26\n    float d3 = 1.0 - smoothstep(0.18, 0.68, uv.y);         // c3: BOTTOM → full at y<0.18, zero by y=0.68\n\n    float w1 = b1 * d1;\n    float w2 = b2 * d2;\n    float w3 = b3 * d3;\n\n    // ── ⑤ Dye-mixing colour blend ──────────────────────────────────────────────\n    // dyeColor is the weighted average of all active colours — exactly how dyes\n    // mix in water: overlapping streams blend smoothly, no hard edges.\n    float total    = w1 + w2 + w3;\n    vec3  dyeColor = (u_c1 * w1 + u_c2 * w2 + u_c3 * w3) / max(total, 0.001);\n\n    // Boost brightness of the dye to make colors pop and seem less dull\n    dyeColor *= 1.65;\n\n    // Exponential coverage: cores are rich and opaque; edges dissolve into the\n    // near-white base. White only shows through where dye concentration is thin.\n    float coverage = 1.0 - exp(-total * 5.0);\n    vec3  col      = mix(vec3(1.0, 1.0, 1.0), dyeColor, coverage);\n    col = clamp(col, 0.0, 1.0);\n\n    // ── ⑥ Sphere shading — subtle edge vignette only, no specular ─────────────\n    vec2 uvc = v_uv * 2.0 - 1.0;\n\n    // ── ⑦ Subtle grain — breaks gradient banding, adds filmic texture ──────────\n    float grain = hash1(v_uv * 437.3 + fract(t)) * 2.0 - 1.0;\n    col += grain * 0.018;\n\n    gl_FragColor = vec4(clamp(col, 0.0, 1.0), 1.0);\n  }\n";
-function rO(e, t, n) {
+var sO = "\n  attribute vec2 a_pos;\n  varying   vec2 v_uv;\n  void main() {\n    v_uv        = a_pos * 0.5 + 0.5;\n    gl_Position = vec4(a_pos, 0.0, 1.0);\n  }\n", cO = "\n  precision highp float;\n\n  varying vec2  v_uv;\n  uniform float u_time;\n  uniform float u_speed;\n  uniform vec3  u_c1;\n  uniform vec3  u_c2;\n  uniform vec3  u_c3;\n\n  // ── Gradient noise ─────────────────────────────────────────────────────────\n  vec2 hash2(vec2 p) {\n    p = vec2(dot(p, vec2(127.1, 311.7)), dot(p, vec2(269.5, 183.3)));\n    return -1.0 + 2.0 * fract(sin(p) * 43758.5453123);\n  }\n  float gnoise(vec2 p) {\n    vec2 i = floor(p), f = fract(p);\n    vec2 u = f*f*f*(f*(f*6.0-15.0)+10.0);\n    return mix(\n      mix(dot(hash2(i),           f),\n          dot(hash2(i+vec2(1,0)), f-vec2(1,0)), u.x),\n      mix(dot(hash2(i+vec2(0,1)), f-vec2(0,1)),\n          dot(hash2(i+vec2(1,1)), f-vec2(1,1)), u.x),\n      u.y\n    ) * 0.5 + 0.5;\n  }\n\n  // ── 3-octave FBM normalised to [0,1] — fewer octaves → larger, softer blobs\n  float fbm(vec2 p) {\n    float v = 0.0, a = 0.5;\n    for (int i = 0; i < 3; i++) {\n      v += a * gnoise(p);\n      p  = p * 2.1 + vec2(100.0);\n      a *= 0.5;\n    }\n    return v / 0.875;\n  }\n\n  // ── Scalar hash for grain ──────────────────────────────────────────────────\n  float hash1(vec2 p) {\n    return fract(sin(dot(p, vec2(127.1, 311.7))) * 43758.5453);\n  }\n\n  void main() {\n    vec2  uv = v_uv;\n    float t  = u_time * u_speed + 47.3;\n\n    // ── ① Two-level domain warp — deep organic folding and swirling ───────────\n    // First pass: large-scale sweep\n    vec2 q = vec2(\n      fbm(uv * 1.8 + vec2( t * 0.13,  t * 0.11)) * 2.0 - 1.0,\n      fbm(uv * 1.8 + vec2( t * 0.11 + 3.7, -t * 0.14 + 1.1)) * 2.0 - 1.0\n    );\n    // Second pass: warp the warp — creates curling, folding sub-currents\n    vec2 r = vec2(\n      fbm(uv * 1.8 + q * 0.55 + vec2( t * 0.09,  t * 0.07)) * 2.0 - 1.0,\n      fbm(uv * 1.8 + q * 0.55 + vec2(-t * 0.07 + 5.1, t * 0.10 + 2.3)) * 2.0 - 1.0\n    );\n    vec2 wp = uv + r * 0.38;\n\n    // ── ② Three independent fields — each drifts inward from its source edge ──\n    // Asymmetric velocities: dominant axis matches the inflow direction so the\n    // noise texture visually streams inward (left→right, right→left, bottom→top).\n    float f1 = fbm(wp * 0.85 + vec2(-t * 0.18,       t * 0.04));          // LEFT  → right\n    float f2 = fbm(wp * 0.85 + vec2( t * 0.18 + 5.3, t * 0.04 + 1.7));   // RIGHT → left\n    float f3 = fbm(wp * 0.85 + vec2( t * 0.04 - 3.2, -t * 0.18 + 6.4));  // BOTTOM → up\n\n    // ── ③ Breathing blobs — sin pulse makes each field expand and contract ────\n    float p1 = 0.88 + 0.12 * sin(t * 0.61);\n    float p2 = 0.88 + 0.12 * sin(t * 0.47 + 2.09);\n    float p3 = 0.88 + 0.12 * sin(t * 0.53 + 4.19);\n\n    // Wide smoothstep (0.26 → 0.70) → soft, diffused blob edges that dissolve\n    // gradually into each other, like dye spreading through water.\n    float b1 = smoothstep(0.26, 0.70, f1 * p1);\n    float b2 = smoothstep(0.26, 0.70, f2 * p2);\n    float b3 = smoothstep(0.26, 0.70, f3 * p3);\n\n    // ── ④ Directional origin gradients.\n    // Each color owns its home edge (value = 1.0) and smoothly fades to zero\n    // before reaching the opposite side. The transition windows are offset so\n    // they overlap only in the center third — that overlap zone is where the\n    // three colors meet and blend, while the edges stay uncontaminated.\n    float d1 = 1.0 - smoothstep(0.20, 0.74, uv.x);        // c1: LEFT  → full at x<0.20, zero by x=0.74\n    float d2 = 1.0 - smoothstep(0.20, 0.74, 1.0 - uv.x);  // c2: RIGHT → full at x>0.80, zero by x=0.26\n    float d3 = 1.0 - smoothstep(0.18, 0.68, uv.y);         // c3: BOTTOM → full at y<0.18, zero by y=0.68\n\n    float w1 = b1 * d1;\n    float w2 = b2 * d2;\n    float w3 = b3 * d3;\n\n    // ── ⑤ Dye-mixing colour blend ──────────────────────────────────────────────\n    // dyeColor is the weighted average of all active colours — exactly how dyes\n    // mix in water: overlapping streams blend smoothly, no hard edges.\n    float total    = w1 + w2 + w3;\n    vec3  dyeColor = (u_c1 * w1 + u_c2 * w2 + u_c3 * w3) / max(total, 0.001);\n\n    // Boost brightness of the dye to make colors pop and seem less dull\n    dyeColor *= 1.65;\n\n    // Exponential coverage: cores are rich and opaque; edges dissolve into the\n    // near-white base. White only shows through where dye concentration is thin.\n    float coverage = 1.0 - exp(-total * 5.0);\n    vec3  col      = mix(vec3(1.0, 1.0, 1.0), dyeColor, coverage);\n    col = clamp(col, 0.0, 1.0);\n\n    // ── ⑥ Sphere shading — subtle edge vignette only, no specular ─────────────\n    vec2 uvc = v_uv * 2.0 - 1.0;\n\n    // ── ⑦ Subtle grain — breaks gradient banding, adds filmic texture ──────────\n    float grain = hash1(v_uv * 437.3 + fract(t)) * 2.0 - 1.0;\n    col += grain * 0.018;\n\n    gl_FragColor = vec4(clamp(col, 0.0, 1.0), 1.0);\n  }\n";
+function lO(e, t, n) {
 	let r = (t, n) => {
 		let r = e.createShader(t);
 		return e.shaderSource(r, n), e.compileShader(r), e.getShaderParameter(r, e.COMPILE_STATUS) ? r : (console.error("[AnimatedOrb shader]", e.getShaderInfoLog(r)), null);
@@ -27619,10 +27656,10 @@ function rO(e, t, n) {
 	let o = e.createProgram();
 	return e.attachShader(o, i), e.attachShader(o, a), e.linkProgram(o), e.getProgramParameter(o, e.LINK_STATUS) ? o : (console.error("[AnimatedOrb link]", e.getProgramInfoLog(o)), null);
 }
-function iO({ size: e = 94, voiceState: t = "idle", isMuted: n = !1, colors: r, onClick: i, style: a, className: o }) {
-	let [s, l, u] = ZD(r), d = t === "speaking", f = e <= 50, m = p(null), h = p(QD[t] ?? .35);
+function uO({ size: e = 94, voiceState: t = "idle", isMuted: n = !1, colors: r, onClick: i, style: a, className: o }) {
+	let [s, l, u] = rO(r), d = t === "speaking", f = e <= 50, m = p(null), h = p(iO[t] ?? .35);
 	c(() => {
-		h.current = QD[t] ?? .35;
+		h.current = iO[t] ?? .35;
 	}, [t]), c(() => {
 		let t = m.current;
 		if (!t) return;
@@ -27639,7 +27676,7 @@ function iO({ size: e = 94, voiceState: t = "idle", isMuted: n = !1, colors: r,
 			console.warn("[AnimatedOrb] WebGL unavailable.");
 			return;
 		}
-		let i = rO(r, tO, nO);
+		let i = lO(r, sO, cO);
 		if (!i) {
 			console.error("[AnimatedOrb] WebGL program failed to compile/link");
 			return;
@@ -27669,7 +27706,7 @@ function iO({ size: e = 94, voiceState: t = "idle", isMuted: n = !1, colors: r,
 			c2: r.getUniformLocation(i, "u_c2"),
 			c3: r.getUniformLocation(i, "u_c3")
 		};
-		r.uniform3fv(c.c1, $D(s)), r.uniform3fv(c.c2, $D(l)), r.uniform3fv(c.c3, $D(u)), r.viewport(0, 0, t.width, t.height);
+		r.uniform3fv(c.c1, aO(s)), r.uniform3fv(c.c2, aO(l)), r.uniform3fv(c.c3, aO(u)), r.viewport(0, 0, t.width, t.height);
 		let d = performance.now(), f, p = (e) => {
 			r.uniform1f(c.time, (e - d) / 1e3), r.uniform1f(c.speed, h.current), r.drawArrays(r.TRIANGLES, 0, 6), f = requestAnimationFrame(p);
 		};
@@ -27700,7 +27737,7 @@ function iO({ size: e = 94, voiceState: t = "idle", isMuted: n = !1, colors: r,
 					position: "absolute",
 					inset: -10,
 					borderRadius: "50%",
-					background: `radial-gradient(circle, ${eO(s, .18)} 0%, transparent 70%)`,
+					background: `radial-gradient(circle, ${oO(s, .18)} 0%, transparent 70%)`,
 					pointerEvents: "none"
 				},
 				animate: { opacity: [.3, .75] },
@@ -27778,17 +27815,17 @@ function iO({ size: e = 94, voiceState: t = "idle", isMuted: n = !1, colors: r,
 }
 //#endregion
 //#region src/components/CallScreen.jsx
-var aO = "\n  @keyframes fe-call-ring-pulse {\n    0%   { transform: scale(1);   opacity: 0.55; }\n    70%  { transform: scale(1.85); opacity: 0;   }\n    100% { transform: scale(1.85); opacity: 0;   }\n  }\n  @keyframes fe-call-spin {\n    to { transform: rotate(360deg); }\n  }\n  @keyframes fe-call-slide-up {\n    from { opacity: 0; transform: translateY(24px); }\n    to   { opacity: 1; transform: translateY(0);    }\n  }\n  @keyframes fe-call-fade-in {\n    from { opacity: 0; }\n    to   { opacity: 1; }\n  }\n  @keyframes fe-call-bar-slide-in {\n    from { opacity: 0; transform: translateY(10px) scale(0.97); }\n    to   { opacity: 1; transform: translateY(0)    scale(1);    }\n  }\n  @keyframes fe-call-dot-blink {\n    0%, 100% { opacity: 1; }\n    50%      { opacity: 0.35; }\n  }\n  @keyframes fe-call-avatar-breathe {\n    0%, 100% { opacity: 0.5; transform: scale(1);    }\n    50%      { opacity: 0.9; transform: scale(1.12); }\n  }\n";
-function oO(e) {
+var dO = "\n  @keyframes fe-call-ring-pulse {\n    0%   { transform: scale(1);   opacity: 0.55; }\n    70%  { transform: scale(1.85); opacity: 0;   }\n    100% { transform: scale(1.85); opacity: 0;   }\n  }\n  @keyframes fe-call-spin {\n    to { transform: rotate(360deg); }\n  }\n  @keyframes fe-call-slide-up {\n    from { opacity: 0; transform: translateY(24px); }\n    to   { opacity: 1; transform: translateY(0);    }\n  }\n  @keyframes fe-call-fade-in {\n    from { opacity: 0; }\n    to   { opacity: 1; }\n  }\n  @keyframes fe-call-bar-slide-in {\n    from { opacity: 0; transform: translateY(10px) scale(0.97); }\n    to   { opacity: 1; transform: translateY(0)    scale(1);    }\n  }\n  @keyframes fe-call-dot-blink {\n    0%, 100% { opacity: 1; }\n    50%      { opacity: 0.35; }\n  }\n  @keyframes fe-call-avatar-breathe {\n    0%, 100% { opacity: 0.5; transform: scale(1);    }\n    50%      { opacity: 0.9; transform: scale(1.12); }\n  }\n";
+function fO(e) {
 	let t = (e || "").replace("#", ""), n = t.length === 3 ? t.split("").map((e) => e + e).join("") : t;
 	return `${parseInt(n.slice(0, 2), 16)},${parseInt(n.slice(2, 4), 16)},${parseInt(n.slice(4, 6), 16)}`;
 }
-function sO(e) {
+function pO(e) {
 	if (!e || typeof e != "string") return "#1a1a1a";
 	let t = e.replace("#", ""), n = t.length === 3 ? t.split("").map((e) => e + e).join("") : t, r = parseInt(n.slice(0, 2), 16) / 255, i = parseInt(n.slice(2, 4), 16) / 255, a = parseInt(n.slice(4, 6), 16) / 255, o = (e) => e <= .04045 ? e / 12.92 : ((e + .055) / 1.055) ** 2.4;
 	return .2126 * o(r) + .7152 * o(i) + .0722 * o(a) > .179 ? "#1a1a1a" : "#ffffff";
 }
-function cO(e, t) {
+function mO(e, t) {
 	let n = Array.isArray(e) && e.length > 0 ? e : [t || "#3B82F6"], [r, i, a] = n;
 	return n.length === 1 ? [
 		`radial-gradient(ellipse 110% 65% at 50% -5%, ${r}28 0%, transparent 68%)`,
@@ -27805,8 +27842,8 @@ function cO(e, t) {
 		"#f7f8fa"
 	].join(", ");
 }
-function lO({ headshot: e, name: t, size: n = 80, primaryColor: r = "#3B82F6" }) {
-	let i = (t || "A")[0].toUpperCase(), a = sO(r), o = n > 48 ? {
+function hO({ headshot: e, name: t, size: n = 80, primaryColor: r = "#3B82F6" }) {
+	let i = (t || "A")[0].toUpperCase(), a = pO(r), o = n > 48 ? {
 		boxShadow: `0 0 0 3px ${r}44`,
 		border: "3px solid rgba(255,255,255,0.15)"
 	} : { border: `1.5px solid ${r}55` };
@@ -27843,7 +27880,7 @@ function lO({ headshot: e, name: t, size: n = 80, primaryColor: r = "#3B82F6" })
 		children: i
 	});
 }
-function uO(e) {
+function gO(e) {
 	let t = p(null), n = o(() => {
 		if (!t.current) return;
 		let { audioContext: e, oscillator: n, interval: r, toneTimeout: i } = t.current;
@@ -27890,8 +27927,8 @@ function uO(e) {
 		n
 	]), c(() => () => n(), [n]), n;
 }
-function dO({ incomingCall: e, activeCallId: t, callConnectionState: n, callDurationSeconds: r, isCallMuted: i, agentName: a, agentHeadshot: o, fallbackAgentName: s, acceptCall: c, rejectCall: l, endWebRTCCall: u, toggleCallMute: d, formatCallDuration: f, onMinimize: p, primaryColor: m = "#3B82F6", orbColors: h, chatHistory: v = [] }) {
-	let y = a || s || "Agent", b = e ? "incoming" : n === "connecting" ? "connecting" : "ongoing", x = uO(!!e), S = async () => {
+function _O({ incomingCall: e, activeCallId: t, callConnectionState: n, callDurationSeconds: r, isCallMuted: i, agentName: a, agentHeadshot: o, fallbackAgentName: s, acceptCall: c, rejectCall: l, endWebRTCCall: u, toggleCallMute: d, formatCallDuration: f, onMinimize: p, primaryColor: m = "#3B82F6", orbColors: h, chatHistory: v = [] }) {
+	let y = a || s || "Agent", b = e ? "incoming" : n === "connecting" ? "connecting" : "ongoing", x = gO(!!e), S = async () => {
 		x(), await c();
 	}, C = async () => {
 		x(), await l();
@@ -27903,14 +27940,14 @@ function dO({ incomingCall: e, activeCallId: t, callConnectionState: n, callDura
 		flexDirection: "column",
 		borderRadius: "inherit",
 		overflow: "hidden",
-		background: cO(h, m),
+		background: mO(h, m),
 		animation: T ? "fe-call-slide-up 0.36s cubic-bezier(0.16,1,0.3,1)" : "fe-call-fade-in 0.32s ease"
 	};
 	if (b === "incoming") {
 		let e = Array.isArray(h) && h.length > 0 ? h : [m];
 		return /* @__PURE__ */ _("div", {
 			style: ee,
-			children: [/* @__PURE__ */ g("style", { children: aO }), /* @__PURE__ */ _("div", {
+			children: [/* @__PURE__ */ g("style", { children: dO }), /* @__PURE__ */ _("div", {
 				style: {
 					flex: 1,
 					display: "flex",
@@ -27941,7 +27978,7 @@ function dO({ incomingCall: e, activeCallId: t, callConnectionState: n, callDura
 								width: "96px",
 								height: "96px",
 								borderRadius: "50%",
-								background: `radial-gradient(circle, rgba(${oO(e[0])},0.2) 0%, transparent 70%)`,
+								background: `radial-gradient(circle, rgba(${fO(e[0])},0.2) 0%, transparent 70%)`,
 								filter: "blur(10px)",
 								zIndex: 0
 							} }),
@@ -27958,7 +27995,7 @@ function dO({ incomingCall: e, activeCallId: t, callConnectionState: n, callDura
 								animation: `fe-call-ring-pulse 2.6s cubic-bezier(0.215,0.61,0.355,1) ${t}s infinite`,
 								zIndex: 1
 							} }, n)),
-							/* @__PURE__ */ g(lO, {
+							/* @__PURE__ */ g(hO, {
 								headshot: o,
 								name: y,
 								size: 82,
@@ -28038,7 +28075,7 @@ function dO({ incomingCall: e, activeCallId: t, callConnectionState: n, callDura
 								e.currentTarget.style.transform = "scale(1)", e.currentTarget.style.boxShadow = "0 6px 24px rgba(239,68,68,0.5)";
 							},
 							"aria-label": "Decline call",
-							children: /* @__PURE__ */ g(yD, { size: 26 })
+							children: /* @__PURE__ */ g(TD, { size: 26 })
 						}), /* @__PURE__ */ g("span", {
 							style: {
 								fontSize: "12px",
@@ -28079,7 +28116,7 @@ function dO({ incomingCall: e, activeCallId: t, callConnectionState: n, callDura
 								e.currentTarget.style.transform = "scale(1)", e.currentTarget.style.boxShadow = "0 6px 24px rgba(34,197,94,0.5)";
 							},
 							"aria-label": "Accept call",
-							children: /* @__PURE__ */ g(SD, {})
+							children: /* @__PURE__ */ g(OD, {})
 						}), /* @__PURE__ */ g("span", {
 							style: {
 								fontSize: "12px",
@@ -28096,7 +28133,7 @@ function dO({ incomingCall: e, activeCallId: t, callConnectionState: n, callDura
 	}
 	return b === "connecting" ? /* @__PURE__ */ _("div", {
 		style: ee,
-		children: [/* @__PURE__ */ g("style", { children: aO }), /* @__PURE__ */ _("div", {
+		children: [/* @__PURE__ */ g("style", { children: dO }), /* @__PURE__ */ _("div", {
 			style: {
 				flex: 1,
 				display: "flex",
@@ -28106,7 +28143,7 @@ function dO({ incomingCall: e, activeCallId: t, callConnectionState: n, callDura
 				gap: "24px"
 			},
 			children: [
-				/* @__PURE__ */ g(lO, {
+				/* @__PURE__ */ g(hO, {
 					headshot: o,
 					name: y,
 					size: 64,
@@ -28133,7 +28170,7 @@ function dO({ incomingCall: e, activeCallId: t, callConnectionState: n, callDura
 	}) : /* @__PURE__ */ _("div", {
 		style: ee,
 		children: [
-			/* @__PURE__ */ g("style", { children: aO }),
+			/* @__PURE__ */ g("style", { children: dO }),
 			/* @__PURE__ */ _("div", {
 				style: {
 					display: "flex",
@@ -28179,7 +28216,7 @@ function dO({ incomingCall: e, activeCallId: t, callConnectionState: n, callDura
 							children: /* @__PURE__ */ g("polyline", { points: "15 18 9 12 15 6" })
 						})
 					}),
-					/* @__PURE__ */ g(iO, {
+					/* @__PURE__ */ g(uO, {
 						colors: h,
 						size: 36,
 						voiceState: w
@@ -28230,7 +28267,7 @@ function dO({ incomingCall: e, activeCallId: t, callConnectionState: n, callDura
 					gap: "16px",
 					padding: "0 24px 16px"
 				},
-				children: [/* @__PURE__ */ g(lO, {
+				children: [/* @__PURE__ */ g(hO, {
 					headshot: o,
 					name: y,
 					size: 116,
@@ -28285,7 +28322,7 @@ function dO({ incomingCall: e, activeCallId: t, callConnectionState: n, callDura
 						transition: "all 0.2s ease"
 					},
 					"aria-label": i ? "Unmute" : "Mute",
-					children: [g(i ? kD : vD, { size: 18 }), i ? "Unmute" : "Mute"]
+					children: [g(i ? FD : wD, { size: 18 }), i ? "Unmute" : "Mute"]
 				}), /* @__PURE__ */ _("button", {
 					type: "button",
 					onClick: u,
@@ -28313,15 +28350,15 @@ function dO({ incomingCall: e, activeCallId: t, callConnectionState: n, callDura
 						e.currentTarget.style.background = "rgba(239,68,68,0.9)", e.currentTarget.style.transform = "scale(1)";
 					},
 					"aria-label": "End call",
-					children: [/* @__PURE__ */ g(yD, { size: 18 }), "End Call"]
+					children: [/* @__PURE__ */ g(TD, { size: 18 }), "End Call"]
 				})]
 			})
 		]
 	});
 }
-function fO({ agentName: e, agentHeadshot: t, fallbackAgentName: n, callDurationSeconds: r, isCallMuted: i, formatCallDuration: a, toggleCallMute: o, endWebRTCCall: s, onExpand: c, primaryColor: l = "#3B82F6" }) {
+function vO({ agentName: e, agentHeadshot: t, fallbackAgentName: n, callDurationSeconds: r, isCallMuted: i, formatCallDuration: a, toggleCallMute: o, endWebRTCCall: s, onExpand: c, primaryColor: l = "#3B82F6" }) {
 	let u = e || n || "Agent";
-	return /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g("style", { children: aO }), /* @__PURE__ */ _("div", {
+	return /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g("style", { children: dO }), /* @__PURE__ */ _("div", {
 		role: "button",
 		tabIndex: 0,
 		onClick: c,
@@ -28378,7 +28415,7 @@ function fO({ agentName: e, agentHeadshot: t, fallbackAgentName: n, callDuration
 						borderRadius: "50%",
 						border: `1.5px solid ${l}55`
 					} }),
-					/* @__PURE__ */ g(lO, {
+					/* @__PURE__ */ g(hO, {
 						headshot: t,
 						name: u,
 						size: 38,
@@ -28462,7 +28499,7 @@ function fO({ agentName: e, agentHeadshot: t, fallbackAgentName: n, callDuration
 						boxShadow: i ? `0 0 0 3px ${l}12` : "none"
 					},
 					"aria-label": i ? "Unmute" : "Mute",
-					children: g(i ? kD : vD, { size: 15 })
+					children: g(i ? FD : wD, { size: 15 })
 				}), /* @__PURE__ */ g("button", {
 					type: "button",
 					onClick: (e) => {
@@ -28490,7 +28527,7 @@ function fO({ agentName: e, agentHeadshot: t, fallbackAgentName: n, callDuration
 						transition: "all 0.18s ease"
 					},
 					"aria-label": "End call",
-					children: /* @__PURE__ */ g(yD, { size: 16 })
+					children: /* @__PURE__ */ g(TD, { size: 16 })
 				})]
 			})
 		]
@@ -28498,7 +28535,7 @@ function fO({ agentName: e, agentHeadshot: t, fallbackAgentName: n, callDuration
 }
 //#endregion
 //#region src/utils/voicePriorContext.js
-function pO(e, t = {}) {
+function yO(e, t = {}) {
 	let n = t.maxChars ?? 4500;
 	if (!Array.isArray(e) || e.length === 0) return "";
 	let r = [];
@@ -28514,42 +28551,6 @@ function pO(e, t = {}) {
 	return i.length > n && (i = "…(earlier messages omitted)\n" + i.slice(-n)), i;
 }
 //#endregion
-//#region src/utils/actionQueue.js
-var mO = {
-	wordsSoFar: 0,
-	speechStartTime: 0,
-	isSpeaking: !1,
-	items: [],
-	timers: [],
-	lastHighlightId: null,
-	isVoiceMode: !1
-};
-function hO() {
-	mO.timers.forEach(clearTimeout), mO.wordsSoFar = 0, mO.speechStartTime = 0, mO.isSpeaking = !1, mO.items = [], mO.timers = [], mO.lastHighlightId = null;
-}
-//#endregion
-//#region src/utils/highlightEngine.js
-var gO = 80;
-function _O(e) {
-	requestAnimationFrame(() => {
-		let t = e.getBoundingClientRect(), n = t.top + t.height / 2, r = gO, i = r + (window.innerHeight - r) / 2, a = window.pageYOffset + n - i;
-		window.scrollTo({
-			top: Math.max(0, a),
-			behavior: "smooth"
-		});
-	});
-}
-function vO(e) {
-	if (!e || e.hasAttribute("data-fe-highlighted")) return;
-	yO(), e.classList?.remove("fe-highlight-section", "fe-highlight-speaking", "fe-highlight-exiting"), _O(e);
-	let t = e.style.cssText;
-	e.setAttribute("data-fe-highlighted", "true"), e.setAttribute("data-fe-orig-style", t), e.style.outline = "3px solid #2563eb", e.style.outlineOffset = "8px", e.style.background = "rgba(37, 99, 235, 0.08)", e.style.borderRadius = "8px", e.style.padding = "12px 16px", e.style.transition = "all 0.4s ease";
-}
-function yO() {
-	let e = document.querySelector("[data-fe-highlighted]");
-	e && (e.style.cssText = e.getAttribute("data-fe-orig-style") || "", e.removeAttribute("data-fe-highlighted"), e.removeAttribute("data-fe-orig-style"));
-}
-//#endregion
 //#region src/utils/voiceActionVisuals.js
 var Q = "fe-vv";
 function bO() {
@@ -29365,11 +29366,11 @@ function Ck(e) {
 				return $("flowengage_navigate ✖ blocked", e), e;
 			}
 			try {
-				wO(`Navigating to ${a}...`, { spinner: !0 }), kO(), hO(), yO();
+				wO(`Navigating to ${a}...`, { spinner: !0 }), kO(), yD(), CD();
 				try {
 					let e = r ? r() : "";
 					if (e && t) {
-						let n = pO([{
+						let n = yO([{
 							sender: "user",
 							message: e
 						}]);
@@ -29408,7 +29409,7 @@ function Ck(e) {
 			let t = hk(e), n = t?.section_id || t?.sectionId, r = t?.section_text || t?.sectionText;
 			Sk();
 			let i = hr(n || null, r || null);
-			return !i && r && (await new Promise((e) => setTimeout(e, 500)), Sk(), i = hr(null, r)), i ? (vO(i), $("flowengage_highlight ✓", r || n), `OK_HIGHLIGHT: "${r || n}". WALKTHROUGH: If you are mid-walkthrough and have more sections to cover, continue immediately to the next section — do NOT pause or wait for the visitor to speak between sections.`) : ($("flowengage_highlight ✖ no element for:", r || n), `Could not find "${r || n}" on the current page. Try a shorter phrase matching a visible heading.`);
+			return !i && r && (await new Promise((e) => setTimeout(e, 500)), Sk(), i = hr(null, r)), i ? (SD(i), $("flowengage_highlight ✓", r || n), `OK_HIGHLIGHT: "${r || n}". WALKTHROUGH: If you are mid-walkthrough and have more sections to cover, continue immediately to the next section — do NOT pause or wait for the visitor to speak between sections.`) : ($("flowengage_highlight ✖ no element for:", r || n), `Could not find "${r || n}" on the current page. Try a shorter phrase matching a visible heading.`);
 		},
 		flowengage_read_content: async (e) => {
 			$("flowengage_read_content ▶", e);
@@ -29686,7 +29687,7 @@ function Ak(e, t) {
 	return n ? !!(/\b(let'?s|let us)\s+(end|stop|finish|wrap up|close)\s+(the\s+)?(voice\s+)?(session|call|chat)\b/i.test(n) || /\bend\s+(this\s+)?(the\s+)?(voice\s+)?(session|call|chat)\b/i.test(n) || /\b(hang\s+up|disconnect)\b/i.test(n) || /\b(that'?s all|we'?re done)\b/i.test(n) || e === "bot" && (/\b(I'?ll|I will|Let me|I can|I'?m going to)\s+(end|close)\s+(the\s+)?(voice\s+)?(session|call)\b/i.test(n) || /\b(ending|closing)\s+(the\s+)?(voice\s+)?session\b|\bvoice\s+session\s+(is\s+)?(now\s+)?(ended|over|closing)\b/i.test(n) || /\b(session|call)\s+(is\s+)?(now\s+)?(ended|over)\b/i.test(n) || /\bwe\s+can\s+end\s+(the\s+)?(session|call)?\s*(here|now)\b/i.test(n) || /\b(wrapping\s+up|signing\s+off)\b/i.test(n)) || /^(goodbye|bye|that'?s all|we'?re done|hang up|disconnect)\b/i.test(n)) : !1;
 }
 function jk({ orbColors: e, ...t }) {
-	return /* @__PURE__ */ g(iO, {
+	return /* @__PURE__ */ g(uO, {
 		colors: e,
 		...t
 	});
@@ -29994,7 +29995,7 @@ function Pk({ orbColors: e, onEnterChat: t, onEndChat: n, agentId: r, voiceId: i
 	}, [u]), me = o(async (e) => {
 		re.current = !0;
 		try {
-			_r();
+			CD();
 		} catch {}
 		try {
 			await C.current?.endSession?.();
@@ -30039,7 +30040,7 @@ function Pk({ orbColors: e, onEnterChat: t, onEndChat: n, agentId: r, voiceId: i
 				if ((await navigator.mediaDevices.getUserMedia({ audio: !0 })).getTracks().forEach((e) => e.stop()), e) return;
 				u.current = [], w.current = "", ee.current = !1, ne.current = !1, re.current = !1, E.current = "minimized", Or({ onBeforeNavigate: () => {
 					if (a && u.current.length > 0) try {
-						let e = pO(u.current);
+						let e = yO(u.current);
 						e && Ae(a, e);
 					} catch {}
 					if (!er()) {
@@ -30098,40 +30099,40 @@ function Pk({ orbColors: e, onEnterChat: t, onEndChat: n, agentId: r, voiceId: i
 					},
 					onUnhandledClientToolCall: (e) => console.error("[FlowEngage] Unhandled tool:", e?.tool_name),
 					onModeChange: ({ mode: t }) => {
-						if (e) return;
-						if (t === "speaking") {
-							de.current &&= (clearTimeout(de.current), null), v("speaking"), ce.current = "speaking", le.current = !0, fe.current = !1, ue.current &&= (clearTimeout(ue.current), null);
-							return;
-						}
-						let n = ce.current;
-						if (ce.current = "listening", se.current) {
-							se.current = !1, pe();
-							return;
-						}
-						if (oe && !T) {
-							T = !0;
-							try {
-								C.current?.sendUserMessage?.("continue with the tour");
-							} catch {}
-						}
-						n === "speaking" && le.current && !te.current && (ce.current = "thinking", v("thinking")), de.current && clearTimeout(de.current), de.current = setTimeout(() => {
-							e || ce.current !== "speaking" && (fe.current || (de.current = null, ce.current = "listening", v("listening"), le.current && !te.current && (ue.current && clearTimeout(ue.current), ue.current = setTimeout(() => {
-								if (!e && ce.current === "listening" && !te.current) try {
-									C.current?.sendContextualUpdate?.("The visitor has been silent for a while. Ask one short, natural question to re-engage — for example: 'Is there anything specific you'd like to know more about?' or 'What else can I help you with today?' Keep it to one sentence.");
+						if (!e) {
+							if (t === "speaking") {
+								de.current &&= (clearTimeout(de.current), null), v("speaking"), ce.current = "speaking", le.current = !0, fe.current = !1, ue.current &&= (clearTimeout(ue.current), null);
+								return;
+							}
+							if (ce.current = "listening", se.current) {
+								se.current = !1, pe();
+								return;
+							}
+							if (oe && !T) {
+								T = !0;
+								try {
+									C.current?.sendUserMessage?.("continue with the tour");
 								} catch {}
-							}, 4e3))));
-						}, 1200);
+							}
+							de.current && clearTimeout(de.current), de.current = setTimeout(() => {
+								e || ce.current !== "speaking" && (fe.current || (de.current = null, ce.current = "listening", v("listening"), le.current && !te.current && (ue.current && clearTimeout(ue.current), ue.current = setTimeout(() => {
+									if (!e && ce.current === "listening" && !te.current) try {
+										C.current?.sendContextualUpdate?.("The visitor has been silent for a while. Ask one short, natural question to re-engage — for example: 'Is there anything specific you'd like to know more about?' or 'What else can I help you with today?' Keep it to one sentence.");
+									} catch {}
+								}, 4e3))));
+							}, 1200);
+						}
 					},
 					onMessage: (t) => {
 						if (e) return;
 						let n = t.role === "user" ? "user" : "bot", r = t.message || t.text || t.content || "";
 						if (r) {
-							if (n === "user" && (w.current = r, fe.current = !0, de.current &&= (clearTimeout(de.current), null), ce.current = "thinking", v("thinking"), ue.current &&= (clearTimeout(ue.current), null)), u.current = [...u.current, {
+							if (n === "user" && (w.current = r, fe.current = !0, de.current &&= (clearTimeout(de.current), null), ce.current = "thinking", ue.current &&= (clearTimeout(ue.current), null)), u.current = [...u.current, {
 								sender: n,
 								message: r,
 								timestamp: (/* @__PURE__ */ new Date()).toISOString()
 							}], a) try {
-								let e = pO(u.current);
+								let e = yO(u.current);
 								e && Ae(a, e);
 							} catch {}
 							if (Ak(n, r)) {
@@ -30377,7 +30378,7 @@ function Pk({ orbColors: e, onEnterChat: t, onEndChat: n, agentId: r, voiceId: i
 								y2: "23"
 							})
 						]
-					}) : /* @__PURE__ */ g(vD, {
+					}) : /* @__PURE__ */ g(wD, {
 						size: 16,
 						color: "currentColor"
 					})
@@ -30399,7 +30400,7 @@ function Pk({ orbColors: e, onEnterChat: t, onEndChat: n, agentId: r, voiceId: i
 						padding: 0,
 						flexShrink: 0
 					},
-					children: /* @__PURE__ */ g(ED, {
+					children: /* @__PURE__ */ g(MD, {
 						size: 16,
 						color: "currentColor"
 					})
@@ -30448,7 +30449,7 @@ function Pk({ orbColors: e, onEnterChat: t, onEndChat: n, agentId: r, voiceId: i
 						onMouseLeave: (e) => {
 							e.currentTarget.style.background = "none";
 						},
-						children: [/* @__PURE__ */ g(DD, {}), "Enter Chat Mode"]
+						children: [/* @__PURE__ */ g(ND, {}), "Enter Chat Mode"]
 					}),
 					/* @__PURE__ */ _("button", {
 						onClick: () => {
@@ -30477,7 +30478,7 @@ function Pk({ orbColors: e, onEnterChat: t, onEndChat: n, agentId: r, voiceId: i
 						onMouseLeave: (e) => {
 							e.currentTarget.style.background = "none";
 						},
-						children: [/* @__PURE__ */ g(OD, {}), "End Conversation"]
+						children: [/* @__PURE__ */ g(PD, {}), "End Conversation"]
 					}),
 					/* @__PURE__ */ g("button", {
 						onClick: () => S(!1),
@@ -30995,7 +30996,7 @@ function Lk({ copy: e, orbColors: t, primaryColor: n, chatBgGradient: r, logo: i
 					})
 				]
 			}),
-			/* @__PURE__ */ g(YD, {
+			/* @__PURE__ */ g(tO, {
 				webRTCError: fe,
 				micError: pe,
 				setMicError: me,
@@ -31003,7 +31004,7 @@ function Lk({ copy: e, orbColors: t, primaryColor: n, chatBgGradient: r, logo: i
 				isRateLimited: ee,
 				rateLimitMessage: te
 			}),
-			Se && /* @__PURE__ */ g(fO, {
+			Se && /* @__PURE__ */ g(vO, {
 				agentName: v,
 				agentHeadshot: y,
 				fallbackAgentName: b,
@@ -31195,7 +31196,7 @@ function Lk({ copy: e, orbColors: t, primaryColor: n, chatBgGradient: r, logo: i
 							children: "No previous chats found."
 						})
 					})]
-				}) : null, Ne ? /* @__PURE__ */ g(qD, {
+				}) : null, Ne ? /* @__PURE__ */ g($D, {
 					chatHistory: l,
 					isAiTyping: u,
 					isLoading: T,
@@ -31337,7 +31338,7 @@ function Lk({ copy: e, orbColors: t, primaryColor: n, chatBgGradient: r, logo: i
 					zIndex: 1,
 					padding: oe ? "6px 0 0" : "12px 0 0"
 				},
-				children: /* @__PURE__ */ g(JD, {
+				children: /* @__PURE__ */ g(eO, {
 					input: x,
 					setInput: S,
 					onSubmit: C,
@@ -31470,7 +31471,7 @@ function Rk() {
 	let Ft = o(() => {
 		St(null), wt("");
 	}, []), It = o((e) => {
-		let t = HD(e);
+		let t = JD(e);
 		if (t) {
 			St(null), wt(t);
 			return;
@@ -31576,7 +31577,7 @@ function Rk() {
 		if (xt) {
 			try {
 				Et(!0), wt("");
-				let e = await se(xt), n = e?.data || e, r = ct.trim() || `Shared file: ${WD(xt)}`;
+				let e = await se(xt), n = e?.data || e, r = ct.trim() || `Shared file: ${XD(xt)}`;
 				lt(""), dt(null), Ft(), await D(r, "", t, {
 					type: "file",
 					metadata: {
@@ -31781,7 +31782,7 @@ function Rk() {
 				onMessageSync: oe,
 				voiceEndCounter: Oe
 			}, "voice"),
-			A === "call_screen" && /* @__PURE__ */ g(dO, {
+			A === "call_screen" && /* @__PURE__ */ g(_O, {
 				incomingCall: w,
 				activeCallId: T,
 				callConnectionState: ee,
@@ -31880,4 +31881,4 @@ var zk = class extends e.Component {
 	}
 };
 //#endregion
-export { iO as AnimatedOrb, zk as ErrorBoundary, Lr as FlowEngageProvider, Rk as FlowEngageWidget, Ln as useFlowEngage };
+export { uO as AnimatedOrb, zk as ErrorBoundary, Lr as FlowEngageProvider, Rk as FlowEngageWidget, Ln as useFlowEngage };