@flowengage/react-chatbot 6.0.33 → 6.0.35

package/dist/flowengage-react-chatbot.mjs

@@ -29400,8 +29400,8 @@ function Sk(e) {
 					let s = [], c = Date.now() + 8e3;
 					for (; Date.now() < c && (await new Promise((e) => setTimeout(e, 250)), s = xk(), !(s.length >= 1)););
 					bk(), $("flowengage_navigate → page headings collected:", s);
-					let l = s.length ? s.join(" | ") : "none", u = s.length ? "Use ONLY these exact heading strings for flowengage_highlight." : "No headings were collected from the live DOM — use your knowledge base heading strings for this page to call flowengage_highlight. Follow RULE 1: call each highlight BEFORE describing its section (transition → highlight → content).";
-					return i ? (wr(), `OK_NAVIGATE_SPA. Visitor is now on: ${r} (page: "${o}") | Section headings: ${l}. ${u} MANDATORY: call flowengage_highlight for EVERY section before describing it — never give a plain summary. Do NOT say "I have navigated you" or "I've taken you to" — start the highlighted walkthrough immediately.`) : (wr(), `OK_NAVIGATE_SPA. CURRENT PAGE IS: ${r} (page: "${o}") | Section headings: ${l}. ${u} MANDATORY: call flowengage_highlight for EVERY section before describing it — never give a plain summary. Describe THIS page only — do not mention the page you tried to navigate to.`);
+					let l = s.length ? s.join(" | ") : "none", u = s.length ? "These exact heading strings are available for flowengage_highlight once the visitor approves a walkthrough." : "No DOM headings collected — if the visitor approves a walkthrough, call flowengage_get_current_page first to get fresh headings.";
+					return i ? (wr(), `OK_NAVIGATE_SPA. Visitor is now on: ${r} (page: "${o}") | Section headings: ${l}. ${u} REQUIRED: (1) Speak 2-3 natural sentences introducing the ${o} page — what it is and what the visitor will find here. (2) Ask: "Would you like me to walk you through this page in detail?" (3) Wait for their answer. ONLY call flowengage_highlight if they say yes. DO NOT highlight sections before the visitor approves.`) : (wr(), `OK_NAVIGATE_SPA. CURRENT PAGE IS: ${r} (page: "${o}") | Section headings: ${l}. ${u} REQUIRED: (1) Speak 2-3 natural sentences introducing the ${o} page. (2) Ask: "Would you like me to walk you through this page?" (3) Wait for the visitor's answer before calling flowengage_highlight.`);
 				} catch {}
 				return "OK_NAVIGATE_RELOADING. Navigating to the page now; the voice session will resume automatically on the new page. When the session resumes, immediately introduce the new page and continue guiding the visitor — do not wait for the user to speak first.";
 			} catch (e) {
@@ -29596,19 +29596,21 @@ function Sk(e) {
 }
 //#endregion
 //#region src/utils/wrapVoiceToolsForLogging.js
-function Ck(e) {
-	return !e || typeof e != "object" ? e : Object.fromEntries(Object.entries(e).map(([e, t]) => [e, async (n) => {
-		let r = Rn();
-		r ? console.log("[FlowEngage:voice-tool] ▶", e, n) : console.info(`[FlowEngage] voice tool » ${e}`);
-		let i;
+function Ck(e, { onToolStart: t, onToolEnd: n } = {}) {
+	return !e || typeof e != "object" ? e : Object.fromEntries(Object.entries(e).map(([e, r]) => [e, async (i) => {
+		let a = Rn();
+		a ? console.log("[FlowEngage:voice-tool] ▶", e, i) : console.info(`[FlowEngage] voice tool » ${e}`), t?.();
+		let o;
 		try {
-			i = await t(n);
+			o = await r(i);
 		} catch (t) {
 			let n = `Tool error: ${t?.message || String(t)}`;
 			return console.error(`[FlowEngage] voice tool ${e} threw:`, t), n;
+		} finally {
+			n?.();
 		}
-		let a = typeof i == "string" ? i.length > 220 ? `${i.slice(0, 220)}…` : i : String(i);
-		return r ? console.log("[FlowEngage:voice-tool] ◀", e, a) : console.info(`[FlowEngage] voice tool « ${e}:`, a), i;
+		let s = typeof o == "string" ? o.length > 220 ? `${o.slice(0, 220)}…` : o : String(o);
+		return a ? console.log("[FlowEngage:voice-tool] ◀", e, s) : console.info(`[FlowEngage] voice tool « ${e}:`, s), o;
 	}]));
 }
 //#endregion
@@ -30009,14 +30011,14 @@ function Nk({ copy: e, orbColors: t, primaryColor: n, onVoice: r, onText: i, onC
 }
 function Pk({ orbColors: e, onEnterChat: t, onEndChat: n, agentId: r, siteId: i, apiBaseUrl: a, chatId: s, historyRef: l, onMessageSync: u, voiceEndCounter: d }) {
 	c(() => (console.log("[FlowEngage:VoiceDebug] 🔵 VoiceMode MOUNTED"), () => console.log("[FlowEngage:VoiceDebug] 🔴 VoiceMode UNMOUNTED")), []);
-	let [f, h] = m("idle"), [v, y] = m(!1), [b, x] = m(!1), S = p(null), C = p(""), w = p(async () => {}), T = p(!1), ee = p(!1), te = p(!1), ne = p(!1), re = p("minimized"), E = p(null), ie = p(null), ae = p(null), oe = p(0), D = p(!1), se = p("idle"), ce = p(!1), le = p(null), ue = p(null), de = p(!1), fe = o((e = "minimized") => {
+	let [f, h] = m("idle"), [v, y] = m(!1), [b, x] = m(!1), S = p(null), C = p(""), w = p(async () => {}), T = p(!1), ee = p(!1), te = p(!1), ne = p(!1), re = p("minimized"), E = p(null), ie = p(null), ae = p(null), oe = p(0), D = p(!1), se = p("idle"), ce = p(!1), le = p(null), ue = p(null), de = p(!1), fe = p(!1), pe = o((e = "minimized") => {
 		console.warn("[FlowEngage:VoiceDebug] 🛑 requestSessionShutdown called", {
 			destination: e,
 			stack: (/* @__PURE__ */ Error()).stack?.split("\n").slice(1, 4).join(" | ")
 		}), re.current = e, ne.current = !0, queueMicrotask(() => {
 			T.current || (T.current = !0, w.current?.());
 		});
-	}, [l]), pe = o(async (e) => {
+	}, [l]), me = o(async (e) => {
 		ne.current = !0;
 		try {
 			SD();
@@ -30052,10 +30054,10 @@ function Pk({ orbColors: e, onEnterChat: t, onEndChat: n, agentId: r, siteId: i,
 		s,
 		a
 	]);
-	return w.current = () => pe(re.current === "chat" ? t : n), c(() => {
+	return w.current = () => me(re.current === "chat" ? t : n), c(() => {
 		ee.current = v;
 	}, [v]), c(() => {
-		d && fe("chat");
+		d && pe("chat");
 	}, [d]), c(() => {
 		let e = !1, o = null, c = null, d = null;
 		return (async () => {
@@ -30096,7 +30098,14 @@ function Pk({ orbColors: e, onEnterChat: t, onEndChat: n, agentId: r, siteId: i,
 					requestEndSession: () => {
 						D.current = !0;
 					}
-				})), n = i ? je(i) : null, u = !!n?.transcript, f = !!(i && He(i)), p = typeof window < "u" ? window.location.pathname : "/", m = typeof document < "u" ? document.title : "", g = p === "/" || p === "", _ = null;
+				}), {
+					onToolStart: () => {
+						e || (de.current = !0, ue.current &&= (clearTimeout(ue.current), null), se.current = "thinking", h("thinking"));
+					},
+					onToolEnd: () => {
+						e || (de.current = !1, se.current = "listening", h("listening"));
+					}
+				}), n = i ? je(i) : null, u = !!n?.transcript, f = !!(i && He(i)), p = typeof window < "u" ? window.location.pathname : "/", m = typeof document < "u" ? document.title : "", g = p === "/" || p === "", _ = null;
 				try {
 					let e = await fetch(`${a}/api/voice/signed-url?siteId=${encodeURIComponent(i || "")}`, {
 						method: "GET",
@@ -30119,8 +30128,8 @@ function Pk({ orbColors: e, onEnterChat: t, onEndChat: n, agentId: r, siteId: i,
 				}, b = (p.split("/").filter(Boolean).pop() || "").replace(/[-_]/g, " ").replace(/\b\w/g, (e) => e.toUpperCase()), x = "";
 				m && m.includes("|") && (x = m.split("|").map((e) => e.trim()).filter(Boolean).reduce((e, t) => e.length <= t.length ? e : t));
 				let w = x || b || "this page";
-				_ ? f ? (v.overrides = { agent: { firstMessage: `I've navigated you to the ${w} page. Let me walk you through what's here.` } }, console.log(`[FlowEngage] 🔄 Agent-nav resume: firstMessage set for "${w}" (${p})`)) : u ? v.overrides = { agent: { firstMessage: "I'm still here. Go ahead!" } } : g || (v.overrides = { agent: { firstMessage: `Hi! I see you are currently on the ${w} page. Are you looking for something specific here?` } }, console.log(`[FlowEngage] 🏠 Page-context override: "${w}" for ${p}`)) : u && (v.overrides = { agent: { firstMessage: "" } });
-				let ae = !1, pe = f ? `NAVIGATION RESUME — You have just navigated to a new page. Speak 2-3 sentences about this page from your knowledge, then STOP and wait for the visitor to respond. Do NOT auto-highlight or walkthrough. Prior conversation context:\n${(i ? je(i) : null)?.transcript || ""}\n\n` : null, me = await vD.startSession({
+				_ ? f ? (v.overrides = { agent: { firstMessage: `I've navigated you to the ${w} page.` } }, console.log(`[FlowEngage] 🔄 Agent-nav resume: firstMessage set for "${w}" (${p})`)) : u ? v.overrides = { agent: { firstMessage: "I'm still here. Go ahead!" } } : g ? v.overrides = { agent: { firstMessage: "Hi there! Let me give you a quick tour of what's available here." } } : (v.overrides = { agent: { firstMessage: `Welcome! You're on the ${w} page — let me walk you through the highlights.` } }, console.log(`[FlowEngage] 🏠 Page-context override: "${w}" for ${p}`)) : u && (v.overrides = { agent: { firstMessage: "" } });
+				let ae = !1, me = f ? `NAVIGATION RESUME: You are on the "${w}" page. Speak 2-3 natural sentences introducing this page — what it is and what the visitor will find here. Then ask exactly: "Would you like me to walk you through this page in detail?" Wait for the visitor's response. ONLY if they say yes/sure/go ahead → call flowengage_highlight section by section. If they decline → respond helpfully and let them explore. DO NOT call flowengage_highlight before the visitor explicitly approves. Prior conversation context:\n${n?.transcript || ""}\n\n` : null, he = !1, ge = !f && !u ? "AUTO-START — Your greeting has been spoken. NOW — without waiting for the visitor to say anything — call flowengage_get_current_page, then immediately highlight the top 3 sections and give a one-sentence summary for each. Keep it brisk — no filler, no questions until the walkthrough is done." : null, _e = await vD.startSession({
 					...v,
 					onConnect: ({ conversationId: e }) => {
 						E.current = e, ie.current = Date.now(), console.log("[FlowEngage] 🎙️ AI chat session connected:", e);
@@ -30129,21 +30138,27 @@ function Pk({ orbColors: e, onEnterChat: t, onEndChat: n, agentId: r, siteId: i,
 					onModeChange: ({ mode: t }) => {
 						if (!e) {
 							if (t === "speaking") {
-								ue.current &&= (clearTimeout(ue.current), null), h("speaking"), se.current = "speaking", ce.current = !0, de.current = !1, le.current &&= (clearTimeout(le.current), null);
+								ue.current &&= (clearTimeout(ue.current), null), h("speaking"), se.current = "speaking", ce.current = !0, fe.current = !1, le.current &&= (clearTimeout(le.current), null);
 								return;
 							}
-							if (se.current = "listening", D.current) {
-								D.current = !1, fe();
+							if (de.current || (se.current = "listening", h("listening")), D.current) {
+								D.current = !1, pe();
 								return;
 							}
-							if (pe && !ae) {
+							if (me && !ae) {
 								ae = !0;
 								try {
-									S.current?.sendUserMessage?.("continue with the tour");
+									S.current?.sendUserMessage?.(me);
+								} catch {}
+							}
+							if (ge && !he) {
+								he = !0;
+								try {
+									S.current?.sendContextualUpdate?.(ge);
 								} catch {}
 							}
 							ue.current && clearTimeout(ue.current), ue.current = setTimeout(() => {
-								e || se.current !== "speaking" && (de.current || (ue.current = null, se.current = "listening", h("listening"), ce.current && !ee.current && (le.current && clearTimeout(le.current), le.current = setTimeout(() => {
+								e || se.current !== "speaking" && se.current !== "thinking" && (de.current || fe.current || (ue.current = null, se.current = "listening", h("listening"), ce.current && !ee.current && (le.current && clearTimeout(le.current), le.current = setTimeout(() => {
 									if (!e && se.current === "listening" && !ee.current) try {
 										S.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 {}
@@ -30155,7 +30170,7 @@ function Pk({ orbColors: e, onEnterChat: t, onEndChat: n, agentId: r, siteId: i,
 						if (e) return;
 						let n = t.role === "user" ? "user" : "bot", r = t.message || t.text || t.content || "";
 						if (r) {
-							if (n === "user" && (C.current = r, de.current = !0, ue.current &&= (clearTimeout(ue.current), null), le.current &&= (clearTimeout(le.current), null)), l.current = [...l.current, {
+							if (n === "user" && (C.current = r, fe.current = !0, ue.current &&= (clearTimeout(ue.current), null), le.current &&= (clearTimeout(le.current), null)), l.current = [...l.current, {
 								sender: n,
 								message: r,
 								timestamp: (/* @__PURE__ */ new Date()).toISOString()
@@ -30164,13 +30179,13 @@ function Pk({ orbColors: e, onEnterChat: t, onEndChat: n, agentId: r, siteId: i,
 								e && Ae(i, e);
 							} catch {}
 							if (Ak(n, r)) {
-								fe("minimized");
+								pe("minimized");
 								return;
 							}
 							if (ee.current && n === "bot" && /are you still there|still there\??|hello\?|anyone there|checking in|you there|are you available|is anyone|did you step away/i.test(r)) if (oe.current += 1, oe.current === 2) try {
 								S.current?.sendContextualUpdate?.("IMPORTANT: The visitor is muted and has not responded to your last 2 checks. Make exactly ONE more check. If there is still no response, say: 'I feel like you are not active, so I'm ending this session. You can connect with me anytime.' then immediately call the flowengage_end_session tool to end the voice session. Do NOT ask again after that.");
 							} catch {}
-							else oe.current >= 5 && fe("minimized");
+							else oe.current >= 5 && pe("minimized");
 						}
 					},
 					onError: (t) => {
@@ -30183,7 +30198,7 @@ function Pk({ orbColors: e, onEnterChat: t, onEndChat: n, agentId: r, siteId: i,
 							try {
 								S.current?.setMicMuted?.(!0);
 							} catch {}
-							y(!0), h("error"), fe("chat");
+							y(!0), h("error"), pe("chat");
 						}
 					},
 					onDisconnect: (t) => {
@@ -30200,21 +30215,21 @@ function Pk({ orbColors: e, onEnterChat: t, onEndChat: n, agentId: r, siteId: i,
 						try {
 							S.current?.setMicMuted?.(!0);
 						} catch {}
-						y(!0), fe("chat");
+						y(!0), pe("chat");
 					}
 				});
 				if (e) {
-					console.warn("[FlowEngage:VoiceDebug] ❌ cancelled=true after startSession resolved — killing session immediately"), me.endSession().catch(() => {});
+					console.warn("[FlowEngage:VoiceDebug] ❌ cancelled=true after startSession resolved — killing session immediately"), _e.endSession().catch(() => {});
 					return;
 				}
-				o = me, S.current = me, h("listening");
+				o = _e, S.current = _e, h("listening");
 				try {
 					let e = typeof window < "u" ? window.location.href : "", r = "[]";
 					try {
 						r = await t.flowengage_list_forms();
 					} catch {}
 					let a = u && !f ? `RESUMING PRIOR SESSION — DO NOT GREET. The visitor is continuing the same conversation after a page reload. Do not introduce yourself or re-state your capabilities. Wait silently until the visitor speaks; if you must speak first, briefly acknowledge where you left off in one short sentence.\nPrior transcript:\n${n?.transcript || ""}\n\n` : "";
-					me.sendContextualUpdate(`${a}Page: ${e}. SiteId: ${i || "unknown"}. Forms: ${r}. Voice: call end_voice_session or say you are ending the session to stop.`);
+					_e.sendContextualUpdate(`${a}Page: ${e}. SiteId: ${i || "unknown"}. Forms: ${r}. Voice: call end_voice_session or say you are ending the session to stop.`);
 				} catch {}
 				if (typeof window < "u") {
 					let t = window.location.pathname, n = () => {
@@ -30267,7 +30282,7 @@ function Pk({ orbColors: e, onEnterChat: t, onEndChat: n, agentId: r, siteId: i,
 			if (i) try {
 				He(i);
 			} catch {}
-			typeof window < "u" && (window.__fe_user_nav_during_speech = null), Ar(), le.current &&= (clearTimeout(le.current), null), ue.current &&= (clearTimeout(ue.current), null), ce.current = !1, de.current = !1, se.current = "idle", c && typeof window < "u" && (window.history.pushState = c), d && typeof window < "u" && window.removeEventListener("popstate", d);
+			typeof window < "u" && (window.__fe_user_nav_during_speech = null), Ar(), le.current &&= (clearTimeout(le.current), null), ue.current &&= (clearTimeout(ue.current), null), ce.current = !1, fe.current = !1, de.current = !1, se.current = "idle", c && typeof window < "u" && (window.history.pushState = c), d && typeof window < "u" && window.removeEventListener("popstate", d);
 			let t = o || S.current, n = E.current, f = ie.current;
 			if (t?.endSession?.().catch(() => {}), n && s && a) {
 				let e = f ? Math.round((Date.now() - f) / 1e3) : 0, t = JSON.stringify({
@@ -30289,7 +30304,7 @@ function Pk({ orbColors: e, onEnterChat: t, onEndChat: n, agentId: r, siteId: i,
 		r,
 		i,
 		a,
-		fe
+		pe
 	]), c(() => {
 		if (!b) return;
 		let e = (e) => {
@@ -30311,6 +30326,22 @@ function Pk({ orbColors: e, onEnterChat: t, onEndChat: n, agentId: r, siteId: i,
 			/* @__PURE__ */ _("div", {
 				style: { position: "relative" },
 				children: [
+					f === "thinking" && !v && /* @__PURE__ */ g("span", {
+						style: {
+							position: "absolute",
+							right: "100%",
+							marginRight: "18px",
+							top: "50%",
+							transform: "translateY(-50%)",
+							color: "#a78bfa",
+							fontSize: "18px",
+							fontWeight: 600,
+							letterSpacing: "0.01em",
+							textShadow: "0 2px 4px rgba(0,0,0,0.4)",
+							whiteSpace: "nowrap"
+						},
+						children: "Processing..."
+					}),
 					f === "listening" && !v && /* @__PURE__ */ g("span", {
 						style: {
 							position: "absolute",
@@ -30475,7 +30506,7 @@ function Pk({ orbColors: e, onEnterChat: t, onEndChat: n, agentId: r, siteId: i,
 				children: [
 					/* @__PURE__ */ _("button", {
 						onClick: () => {
-							x(!1), re.current = "chat", pe(t);
+							x(!1), re.current = "chat", me(t);
 						},
 						style: {
 							display: "flex",
@@ -30504,7 +30535,7 @@ function Pk({ orbColors: e, onEnterChat: t, onEndChat: n, agentId: r, siteId: i,
 					}),
 					/* @__PURE__ */ _("button", {
 						onClick: () => {
-							x(!1), re.current = "minimized", pe(n);
+							x(!1), re.current = "minimized", me(n);
 						},
 						style: {
 							display: "flex",
@@ -31400,27 +31431,27 @@ function Rk() {
 			pr();
 		} catch {}
 	}, []), c(() => {
-		Ee && k !== "voice_mode" && k !== "text_chat" && k !== "call_screen" && (ue?.(!1), A("text_chat"));
+		Ee && A !== "voice_mode" && A !== "text_chat" && A !== "call_screen" && (ue?.(!1), ot("text_chat"));
 	}, [Ee]);
 	let Oe = t?.widgetSettings || {}, ke = n?.widgetSettings || {}, Ae = {
 		...Oe.branding || {},
 		...ke.branding || {}
-	}, je = {
+	}, Ne = {
 		...Oe.theme || {},
 		...ke.theme || {}
-	}, Ne = {
+	}, Pe = {
 		...Oe.features || {},
 		...ke.features || {}
-	}, Pe = Ne.voice !== !1, Ie = Array.isArray(je.orbColors) && je.orbColors.length > 0 ? je.orbColors : null, Le = je.buttonColor || je.primaryColor || Ie?.[0] || "#3B82F6", ze = {
+	}, Ie = Pe.voice !== !1, Le = Array.isArray(Ne.orbColors) && Ne.orbColors.length > 0 ? Ne.orbColors : null, ze = Ne.buttonColor || Ne.primaryColor || Le?.[0] || "#3B82F6", Be = {
 		small: 50,
 		medium: 64,
 		large: 80
-	}, Be = ze[je.orbSize] || ze.small, Ve = je.position || "bottom-right", He = Ae.fallbackAgentName || "Agent", O = Tk(Ie ?? je.chatBgColors), Ue = Ae.logo || Ae.logoUrl || null, We = E || "en", Ge = Oe.recommendations?.[We] || [], Ke = (ke.recommendations?.[We] ?? Ge).filter((e) => String(e?.label ?? "").trim()).map((e, t) => ({
+	}, Ve = Be[Ne.orbSize] || Be.small, He = Ne.position || "bottom-right", O = Ae.fallbackAgentName || "Agent", Ue = Tk(Le ?? Ne.chatBgColors), We = Ae.logo || Ae.logoUrl || null, Ge = E || "en", Ke = Oe.recommendations?.[Ge] || [], qe = (ke.recommendations?.[Ge] ?? Ke).filter((e) => String(e?.label ?? "").trim()).map((e, t) => ({
 		id: e.key || `qr-${t}`,
 		label: e.label,
 		message: e.label,
 		text: e.label
-	})), qe = Array.isArray(Ae.quickChatOptions) && Ae.quickChatOptions.length > 0 ? Ae.quickChatOptions : Ke, Je = Ae.hideWatermark === !0 ? !1 : Ae.showPoweredBy !== !1, Ye = Ae.chatbotEnabled !== !1 && je.chatbotEnabled !== !1, Xe = Oe.greetings?.[E] || ke.greetings?.[E] || Ae.introGreeting || "Hello, I'm here to help you know more about OpenSense Labs.", Ze = {
+	})), Je = Array.isArray(Ae.quickChatOptions) && Ae.quickChatOptions.length > 0 ? Ae.quickChatOptions : qe, Ye = Ae.hideWatermark === !0 ? !1 : Ae.showPoweredBy !== !1, Xe = Ae.chatbotEnabled !== !1 && Ne.chatbotEnabled !== !1, Ze = Oe.greetings?.[E] || ke.greetings?.[E] || Ae.introGreeting || "Hello, I'm here to help you know more about OpenSense Labs.", Qe = {
 		entryPrompt: Ae.entryPrompt || "Do you want to explore in a new way?",
 		yesLabel: Ae.yesLabel || "Yes",
 		laterLabel: Ae.laterLabel || "Later",
@@ -31428,189 +31459,189 @@ function Rk() {
 		voiceLabel: Ae.voiceLabel || "Voice",
 		textLabel: Ae.textLabel || "Text",
 		chatTitle: Ae.headerName || "Chat with FlowEngage",
-		introGreeting: Xe,
+		introGreeting: Ze,
 		inputPlaceholder: Ae.inputPlaceholder || "Type your message",
 		analysingLabel: Ae.analysingLabel || "analysing..."
-	}, Qe = ke.elevenLabsAgentId || t?.elevenLabsAgentId || null, $e = t?.siteId || n?.siteId || null, et = t?.apiBaseUrl || "", tt = f(() => l && String(l).trim() || t?.ownerName && String(t.ownerName).trim() || t?.websiteName && String(t.websiteName).trim() || "Agent", [
+	}, $e = ke.elevenLabsAgentId || t?.elevenLabsAgentId || null, et = t?.siteId || n?.siteId || null, tt = t?.apiBaseUrl || "", nt = f(() => l && String(l).trim() || t?.ownerName && String(t.ownerName).trim() || t?.websiteName && String(t.websiteName).trim() || "Agent", [
 		l,
 		t?.ownerName,
 		t?.websiteName
-	]), nt = u && String(u).trim() || t?.ownerProfileImageUrl && String(t.ownerProfileImageUrl).trim() || null, rt = r.some((e) => e.sender === "user"), it = f(() => {
+	]), rt = u && String(u).trim() || t?.ownerProfileImageUrl && String(t.ownerProfileImageUrl).trim() || null, it = r.some((e) => e.sender === "user"), at = f(() => {
 		let e = r.findIndex((e) => e.sender === "user");
 		return e === -1 ? !1 : r.slice(e + 1).some((e) => e.sender === "bot" || e.sender === "ai" || e.sender === "agent");
-	}, [r]), at = !!(ke._dashboardLivePreview || Oe._dashboardLivePreview), [k, A] = m(() => at ? "text_chat" : "entry_prompt"), [ot, st] = m(""), [ct, lt] = m(null), [ut, dt] = m(h || ""), [ft, pt] = m(""), [mt, ht] = m(!1), [gt, j] = m(0), [_t, vt] = m(null), [yt, bt] = m(null), [xt, St] = m(""), [Ct, wt] = m(!1), [Tt, Et] = m(!1), [Dt, Ot] = m(!1), kt = p(null), At = p(!1), jt = !h && rt && it && k !== "voice_mode";
+	}, [r]), k = !!(ke._dashboardLivePreview || Oe._dashboardLivePreview), [A, ot] = m(() => k ? "text_chat" : "entry_prompt"), [st, ct] = m(""), [lt, ut] = m(null), [dt, ft] = m(h || ""), [pt, mt] = m(""), [ht, gt] = m(!1), [j, _t] = m(0), [vt, yt] = m(null), [bt, xt] = m(null), [St, Ct] = m(""), [wt, Tt] = m(!1), [Et, Dt] = m(!1), [Ot, kt] = m(!1), At = p(null), jt = p(!1), Mt = !h && it && at && A !== "voice_mode";
 	d(() => {
-		if (e !== "ready" || At.current) return;
-		if (At.current = !0, !Pe) {
-			A("minimized_orb");
+		if (e !== "ready" || jt.current) return;
+		if (jt.current = !0, !Ie) {
+			ot("minimized_orb");
 			return;
 		}
 		let t = !1;
 		try {
 			t = Tr().shouldResumeVoice;
 		} catch {}
-		let n = Fe();
+		let n = Fe(), r = et ? je(et) : null, i = n || !!r?.transcript;
 		if (t) {
-			ce?.({ notifyChatInitiated: !0 }), ue?.(!0), A("voice_mode");
+			ce?.({ notifyChatInitiated: !0 }), ue?.(!0), ot("voice_mode");
 			return;
 		}
 		if (Re()) {
-			ce?.({ notifyChatInitiated: !1 }), A("text_chat");
+			ce?.({ notifyChatInitiated: !1 }), ot("text_chat");
 			return;
 		}
-		if (n) {
-			ce?.({ notifyChatInitiated: !0 }), ue?.(!0), A("voice_mode");
+		if (i) {
+			ce?.({ notifyChatInitiated: !0 }), ue?.(!0), ot("voice_mode");
 			return;
 		}
-		if ($e) try {
-			Me($e);
+		if (et) try {
+			Me(et);
 		} catch {}
-		if (fe($e)) {
-			A("minimized_orb");
+		if (fe(et)) {
+			ot("minimized_orb");
 			return;
 		}
 	}, [e, r]);
-	let [Mt, Nt] = m(() => typeof window < "u" && window.matchMedia("(max-width: 640px)").matches);
+	let [Nt, Pt] = m(() => typeof window < "u" && window.matchMedia("(max-width: 640px)").matches);
 	c(() => {
-		let e = window.matchMedia("(max-width: 640px)"), t = (e) => Nt(e.matches);
+		let e = window.matchMedia("(max-width: 640px)"), t = (e) => Pt(e.matches);
 		return e.addEventListener("change", t), () => e.removeEventListener("change", t);
 	}, []), c(() => {
-		dt(h || ""), h && pt("");
+		ft(h || ""), h && mt("");
 	}, [h]);
-	let Pt = o(() => {
-		bt(null), St("");
-	}, []), Ft = o((e) => {
+	let Ft = o(() => {
+		xt(null), Ct("");
+	}, []), It = o((e) => {
 		let t = qD(e);
 		if (t) {
-			bt(null), St(t);
+			xt(null), Ct(t);
 			return;
 		}
-		bt(e), St("");
+		xt(e), Ct("");
 	}, []);
 	c(() => {
 		if (!te || ee !== "connected") {
-			j(0);
+			_t(0);
 			return;
 		}
 		let e = () => {
 			let e = new Date(te).getTime();
-			isNaN(e) || j(Math.max(0, Math.floor((Date.now() - e) / 1e3)));
+			isNaN(e) || _t(Math.max(0, Math.floor((Date.now() - e) / 1e3)));
 		};
 		e();
 		let t = window.setInterval(e, 1e3);
 		return () => window.clearInterval(t);
 	}, [te, ee]);
-	let It = o(() => {
-		A("call_screen"), Et(!1);
-	}, []), Lt = o(() => {
-		A("text_chat"), Et(!0);
+	let Lt = o(() => {
+		ot("call_screen"), Dt(!1);
+	}, []), Rt = o(() => {
+		ot("text_chat"), Dt(!0);
 	}, []);
 	c(() => {
 		let e = w?.callId || T || null;
 		if (!e) {
-			kt.current = null;
+			At.current = null;
 			return;
 		}
 		if (w?.callId || ee === "connecting" || ee === "connected") {
-			if (k === "minimized_orb" && Tt && T && !w?.callId) {
-				kt.current = e;
+			if (A === "minimized_orb" && Et && T && !w?.callId) {
+				At.current = e;
 				return;
 			}
-			!(!i || k === "minimized_orb" || k === "voice_mode") && kt.current === e || (console.log("[FlowEngageWidget] forcing call UI to front", {
+			!(!i || A === "minimized_orb" || A === "voice_mode") && At.current === e || (console.log("[FlowEngageWidget] forcing call UI to front", {
 				forcedKey: e,
 				isOpen: i,
-				surface: k,
+				surface: A,
 				hasIncomingCall: !!w?.callId,
 				activeCallId: T,
 				callConnectionState: ee
-			}), kt.current = e, k === "voice_mode" && ue?.(!1), ce?.(), It());
+			}), At.current = e, A === "voice_mode" && ue?.(!1), ce?.(), Lt());
 		}
 	}, [
 		T,
 		ee,
-		It,
+		Lt,
 		w?.callId,
 		i,
 		ce,
 		ue,
-		k
+		A
 	]), c(() => {
-		!w && !T && k === "call_screen" && A("text_chat");
+		!w && !T && A === "call_screen" && ot("text_chat");
 	}, [
 		w,
 		T,
-		k
+		A
 	]), c(() => {
-		!T && Tt && Et(!1);
-	}, [T, Tt]), c(() => {
+		!T && Et && Dt(!1);
+	}, [T, Et]), c(() => {
 		if (!s || C) {
 			Se?.(""), xe?.();
 			return;
 		}
-		if (!ot.trim() || yt) {
+		if (!st.trim() || bt) {
 			Se?.("");
 			let e = window.setTimeout(() => xe?.(), 100);
 			return () => window.clearTimeout(e);
 		}
 		be?.();
-		let e = window.setTimeout(() => Se?.(ot), 120), t = window.setTimeout(() => xe?.(), 1200);
+		let e = window.setTimeout(() => Se?.(st), 120), t = window.setTimeout(() => xe?.(), 1200);
 		return () => {
 			window.clearTimeout(e), window.clearTimeout(t);
 		};
 	}, [
-		ot,
-		yt,
+		st,
+		bt,
 		s,
 		C,
 		be,
 		xe,
 		Se
 	]);
-	let Rt = (e) => e ? {
+	let zt = (e) => e ? {
 		replyTo: e.messageId || e.id || null,
 		replyToContent: (e.replyToContent || e.message || "").replace(/<[^>]+>/g, "").trim().slice(0, 200),
 		replyToSender: e.sender || null
-	} : null, zt = async (e) => {
+	} : null, Bt = async (e) => {
 		if (e.preventDefault(), C) return;
-		if (jt) {
-			let e = ut.trim().toLowerCase();
+		if (Mt) {
+			let e = dt.trim().toLowerCase();
 			if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e)) {
-				pt("Please enter a valid email so we can continue helping you.");
+				mt("Please enter a valid email so we can continue helping you.");
 				return;
 			}
-			await le(e), pt(""), ht(!0), setTimeout(() => ht(!1), 3e3);
+			await le(e), mt(""), gt(!0), setTimeout(() => gt(!1), 3e3);
 			return;
 		}
-		let t = Rt(ct);
-		if (!ot.trim() && !yt) return;
-		if (yt) {
+		let t = zt(lt);
+		if (!st.trim() && !bt) return;
+		if (bt) {
 			try {
-				wt(!0), St("");
-				let e = await se(yt), n = e?.data || e, r = ot.trim() || `Shared file: ${YD(yt)}`;
-				st(""), lt(null), Pt(), await D(r, "", t, {
+				Tt(!0), Ct("");
+				let e = await se(bt), n = e?.data || e, r = st.trim() || `Shared file: ${YD(bt)}`;
+				ct(""), ut(null), Ft(), await D(r, "", t, {
 					type: "file",
 					metadata: {
 						fileUrl: n?.fileUrl,
-						fileName: n?.fileName || yt.name,
-						fileType: n?.fileType || yt.type,
-						fileSize: n?.fileSize || yt.size
+						fileName: n?.fileName || bt.name,
+						fileType: n?.fileType || bt.type,
+						fileSize: n?.fileSize || bt.size
 					}
 				});
 			} catch (e) {
-				St(e?.message || "Failed to upload the selected file.");
+				Ct(e?.message || "Failed to upload the selected file.");
 			} finally {
-				wt(!1);
+				Tt(!1);
 			}
 			return;
 		}
-		let n = ot.trim();
-		st(""), lt(null), await D(n, "", t);
-	}, Bt = o(() => {
+		let n = st.trim();
+		ct(""), ut(null), await D(n, "", t);
+	}, Vt = o(() => {
 		r.length !== 0 && me?.();
-	}, [r.length, me]), Vt = (e) => {
+	}, [r.length, me]), Ht = (e) => {
 		let t = Math.floor(e / 60);
 		return `${String(t).padStart(2, "0")}:${String(e % 60).padStart(2, "0")}`;
-	}, Ht = o(async (e) => {
+	}, Ut = o(async (e) => {
 		if (C || b) return;
 		let t = e.message || e.label || e.text || "";
 		t.trim() && await D(t.trim(), "");
@@ -31618,44 +31649,44 @@ function Rk() {
 		C,
 		b,
 		D
-	]), Ut = Mt && k === "entry_prompt" ? { inset: 0 } : Mt && k === "text_chat" ? {
+	]), Wt = Nt && A === "entry_prompt" ? { inset: 0 } : Nt && A === "text_chat" ? {
 		left: 0,
 		right: 0,
 		bottom: 0
-	} : Mt && k === "call_screen" ? {
+	} : Nt && A === "call_screen" ? {
 		left: 0,
 		right: 0,
 		bottom: 0,
 		height: "90dvh",
 		overflow: "hidden",
 		borderRadius: "16px 16px 0 0"
-	} : Mt && k === "connection_modal" ? {
+	} : Nt && A === "connection_modal" ? {
 		left: "12px",
 		right: "12px",
 		bottom: "12px"
-	} : k === "call_screen" ? {
+	} : A === "call_screen" ? {
 		width: "min(350px, calc(100vw - 40px))",
 		height: "min(640px, calc(100vh - 120px))",
 		borderRadius: "22px",
 		overflow: "hidden",
-		...Ve === "bottom-left" ? {
+		...He === "bottom-left" ? {
 			left: "1.5rem",
 			bottom: "1.5rem"
 		} : {
 			right: "1.5rem",
 			bottom: "1.5rem"
 		}
-	} : Ve === "bottom-left" ? {
+	} : He === "bottom-left" ? {
 		left: "1.5rem",
 		bottom: "1.5rem"
 	} : {
 		right: "1.5rem",
 		bottom: "1.5rem"
-	}, Wt = o(() => {
-		k !== "minimized_orb" && (Ot(!0), setTimeout(() => {
-			A("minimized_orb"), Ot(!1), T && Et(!0);
+	}, Gt = o(() => {
+		A !== "minimized_orb" && (kt(!0), setTimeout(() => {
+			ot("minimized_orb"), kt(!1), T && Dt(!0);
 		}, 280));
-	}, [T, k]), Gt = () => A("connection_modal"), Kt = () => {
+	}, [T, A]), Kt = () => ot("connection_modal"), qt = () => {
 		try {
 			let e = window.AudioContext || window.webkitAudioContext;
 			if (e) {
@@ -31663,36 +31694,36 @@ function Rk() {
 				t.resume().catch(() => {}), setTimeout(() => t.close().catch(() => {}), 3e3);
 			}
 		} catch {}
-		ce({ notifyChatInitiated: !0 }), ue?.(!0), A("voice_mode");
-	}, qt = () => {
-		ce({ notifyChatInitiated: !0 }), ue?.(!1), A("text_chat");
+		ce({ notifyChatInitiated: !0 }), ue?.(!0), ot("voice_mode");
 	}, Jt = () => {
-		ue?.(!1), Wt();
+		ce({ notifyChatInitiated: !0 }), ue?.(!1), ot("text_chat");
+	}, Yt = () => {
+		ue?.(!1), Gt();
 	};
-	return e !== "ready" || !Ye || Ne.chat === !1 ? null : /* @__PURE__ */ _("div", {
+	return e !== "ready" || !Xe || Pe.chat === !1 ? null : /* @__PURE__ */ _("div", {
 		className: "flowengage-widget-root",
 		style: {
 			position: "fixed",
 			zIndex: 999999,
-			...Ut
+			...Wt
 		},
 		onWheel: (e) => e.stopPropagation(),
 		onTouchMove: (e) => e.stopPropagation(),
 		children: [
-			k === "entry_prompt" && /* @__PURE__ */ g(Mk, {
-				copy: Ze,
-				orbColors: Ie,
-				primaryColor: Le,
+			A === "entry_prompt" && /* @__PURE__ */ g(Mk, {
+				copy: Qe,
+				orbColors: Le,
+				primaryColor: ze,
 				onYes: () => {
-					pe($e), Kt();
+					pe(et), qt();
 				},
 				onLater: () => {
-					pe($e), Wt();
+					pe(et), Gt();
 				},
-				isMobile: Mt,
-				isClosing: Dt
+				isMobile: Nt,
+				isClosing: Ot
 			}),
-			k === "minimized_orb" && /* @__PURE__ */ _(Dm.div, {
+			A === "minimized_orb" && /* @__PURE__ */ _(Dm.div, {
 				layoutId: "fe-main-orb",
 				initial: {
 					scale: .4,
@@ -31711,14 +31742,14 @@ function Rk() {
 					transformOrigin: "bottom right",
 					display: "inline-flex",
 					flexDirection: "column",
-					alignItems: Ve === "bottom-left" ? "flex-start" : "flex-end",
+					alignItems: He === "bottom-left" ? "flex-start" : "flex-end",
 					gap: "10px"
 				},
 				children: [T && /* @__PURE__ */ _("button", {
 					type: "button",
-					onClick: It,
+					onClick: Lt,
 					style: {
-						maxWidth: Mt ? "220px" : "240px",
+						maxWidth: Nt ? "220px" : "240px",
 						padding: "10px 14px",
 						borderRadius: "18px",
 						border: "1px solid rgba(255,255,255,0.7)",
@@ -31759,109 +31790,109 @@ function Rk() {
 								marginTop: "2px",
 								whiteSpace: "nowrap"
 							},
-							children: ee === "connected" ? `${Vt(gt)} with ${tt}` : `Tap to return to ${tt}`
+							children: ee === "connected" ? `${Ht(j)} with ${nt}` : `Tap to return to ${nt}`
 						})]
 					})]
 				}), /* @__PURE__ */ g(jk, {
-					size: Be,
-					orbColors: Ie,
-					onClick: T ? It : Pe ? Gt : qt
+					size: Ve,
+					orbColors: Le,
+					onClick: T ? Lt : Ie ? Kt : Jt
 				})]
 			}),
-			k === "connection_modal" && /* @__PURE__ */ g(Nk, {
-				copy: Ze,
-				orbColors: Ie,
-				primaryColor: Le,
-				onVoice: Kt,
-				onText: qt,
-				onClose: Wt,
-				isMobile: Mt,
-				isClosing: Dt
+			A === "connection_modal" && /* @__PURE__ */ g(Nk, {
+				copy: Qe,
+				orbColors: Le,
+				primaryColor: ze,
+				onVoice: qt,
+				onText: Jt,
+				onClose: Gt,
+				isMobile: Nt,
+				isClosing: Ot
 			}),
-			k === "voice_mode" && /* @__PURE__ */ g(Pk, {
-				orbColors: Ie,
-				onEnterChat: qt,
-				onEndChat: Jt,
-				agentId: Qe,
-				siteId: $e,
-				apiBaseUrl: et,
+			A === "voice_mode" && /* @__PURE__ */ g(Pk, {
+				orbColors: Le,
+				onEnterChat: Jt,
+				onEndChat: Yt,
+				agentId: $e,
+				siteId: et,
+				apiBaseUrl: tt,
 				chatId: ie,
 				historyRef: ae,
 				onMessageSync: oe,
 				voiceEndCounter: De
 			}, "voice"),
-			k === "call_screen" && /* @__PURE__ */ g(gO, {
+			A === "call_screen" && /* @__PURE__ */ g(gO, {
 				incomingCall: w,
 				activeCallId: T,
 				callConnectionState: ee,
-				callDurationSeconds: gt,
+				callDurationSeconds: j,
 				isCallMuted: ne,
-				agentName: tt,
-				agentHeadshot: nt,
-				fallbackAgentName: He,
+				agentName: nt,
+				agentHeadshot: rt,
+				fallbackAgentName: O,
 				acceptCall: he,
 				rejectCall: ge,
 				endWebRTCCall: _e,
 				toggleCallMute: ve,
-				formatCallDuration: Vt,
-				onMinimize: Lt,
-				primaryColor: Le,
-				orbColors: Ie,
+				formatCallDuration: Ht,
+				onMinimize: Rt,
+				primaryColor: ze,
+				orbColors: Le,
 				chatHistory: r
 			}),
-			k === "text_chat" && /* @__PURE__ */ g(Lk, {
-				isClosing: Dt,
-				copy: Ze,
-				orbColors: Ie,
-				primaryColor: Le,
-				chatBgGradient: O,
-				logo: Ue,
-				quickChatOptions: qe,
-				onQuickChatSelect: Ht,
-				isMobile: Mt,
+			A === "text_chat" && /* @__PURE__ */ g(Lk, {
+				isClosing: Ot,
+				copy: Qe,
+				orbColors: Le,
+				primaryColor: ze,
+				chatBgGradient: Ue,
+				logo: We,
+				quickChatOptions: Je,
+				onQuickChatSelect: Ut,
+				isMobile: Nt,
 				chatHistory: r,
 				isAiTyping: y,
 				isAgentTyping: v,
 				activeScreen: a,
-				agentName: tt,
-				agentHeadshot: nt,
-				fallbackAgentName: He,
-				input: ot,
-				setInput: st,
-				onSubmit: zt,
+				agentName: nt,
+				agentHeadshot: rt,
+				fallbackAgentName: O,
+				input: st,
+				setInput: ct,
+				onSubmit: Bt,
 				isConversationEnded: C,
 				isLoading: b,
 				isRateLimited: x,
 				rateLimitMessage: S,
-				selectedFile: yt,
-				onFileSelect: Ft,
-				onRemoveSelectedFile: Pt,
-				attachmentError: xt,
-				isUploadingAttachment: Ct,
-				requiresEmail: jt,
-				emailInput: ut,
-				setEmailInput: dt,
-				emailError: ft,
-				emailCaptureSuccess: mt,
-				replyContext: ct,
-				setReplyContext: lt,
+				selectedFile: bt,
+				onFileSelect: It,
+				onRemoveSelectedFile: Ft,
+				attachmentError: St,
+				isUploadingAttachment: wt,
+				requiresEmail: Mt,
+				emailInput: dt,
+				setEmailInput: ft,
+				emailError: pt,
+				emailCaptureSuccess: ht,
+				replyContext: lt,
+				setReplyContext: ut,
 				webRTCError: re,
-				micError: _t,
-				setMicError: vt,
+				micError: vt,
+				setMicError: yt,
 				dismissCallError: ye,
 				activeCallId: T,
 				isCallMuted: ne,
 				toggleCallMute: ve,
 				endWebRTCCall: _e,
-				formatCallDuration: Vt,
-				callDurationSeconds: gt,
-				onCollapse: Wt,
-				onStartVoice: Kt,
-				onNewChat: Bt,
-				onMinimize: Lt,
-				onExpand: It,
+				formatCallDuration: Ht,
+				callDurationSeconds: j,
+				onCollapse: Gt,
+				onStartVoice: qt,
+				onNewChat: Vt,
+				onMinimize: Rt,
+				onExpand: Lt,
 				isCallMinimized: !!T,
-				showPoweredBy: Je,
+				showPoweredBy: Ye,
 				getVisitorChatHistory: Ce,
 				resumeChat: we,
 				isSessionRestoring: Te