@flowengage/react-chatbot 1.2.0 → 1.2.1

package/dist/flowengage-react-chatbot.mjs

@@ -1945,109 +1945,108 @@ function ln(e, t) {
 	let n = cn(e).slice(-Math.min(t, 28)), r = n.filter((e) => e.length > 2 && !sn.has(e));
 	return r.length >= 2 ? r : n.filter((e) => e.length > 2).slice(-12);
 }
-function un(e, t) {
+function un(e, t, { strict: n = !1 } = {}) {
 	if (!e || !t?.length) return null;
-	let n = e.querySelectorAll("h1, h2, h3, h4, h5, h6, p, li, blockquote, [data-plan], [class*='pricing'] h2, [class*='pricing'] h3, section h2, section h3"), r = null, i = 0;
-	for (let e of n) {
+	let r = e.querySelectorAll("h1, h2, h3, h4, h5, h6, p, li, blockquote, [data-plan], [class*='pricing'] h2, [class*='pricing'] h3, section h2, section h3"), i = null, a = 0;
+	for (let e of r) {
 		if (Qt(e)) continue;
 		try {
 			if (e.closest("aside, nav, [role='navigation'], [role='banner'], footer")) continue;
 		} catch {}
 		let n = e.textContent.replace(/\s+/g, " ").toLowerCase();
 		if (n.length < 3 || n.length > 6e3) continue;
-		let a = 0;
-		for (let e of t) n.includes(e) && a++;
-		let o = a / t.length;
+		let r = 0;
+		for (let e of t) n.includes(e) && r++;
+		let o = r / t.length;
 		if (o < .2) continue;
 		let s = o, c = e.tagName;
-		(c === "H2" || c === "H3" || c === "H4") && (s *= 1.35), (c === "P" || c === "BLOCKQUOTE") && (s *= 1.15), c?.startsWith("H") && n.length < 80 && (s *= 1.2), n.length > 400 && (s *= .65), s > i && (i = s, r = e);
+		(c === "H2" || c === "H3" || c === "H4") && (s *= 1.35), (c === "P" || c === "BLOCKQUOTE") && (s *= 1.15), c?.startsWith("H") && n.length < 80 && (s *= 1.2), n.length > 400 && (s *= .65), s > a && (a = s, i = e);
 	}
-	let a = t.length <= 1 ? .55 : .35;
-	return i >= a ? r : null;
+	let o = n ? t.length <= 1 ? .62 : .5 : t.length <= 1 ? .55 : .35;
+	return a >= o ? i : null;
 }
 function dn(e) {
 	return /^H[1-6]$/i.test(e?.tagName || "");
 }
-function fn(e, t) {
+function fn(e, t, n = !1) {
 	if (!e || !t) return null;
-	let n = t.replace(/\s+/g, " ").trim();
-	if (n.length < 14) return null;
-	let r = n.toLowerCase(), i = ln(n, 24);
-	if (i.length < 3 && (i = r.replace(/[^\w\s'-]/g, " ").split(/\s+/).filter((e) => e.length > 2).slice(-18)), i.length < 3) return null;
-	let a = e.querySelectorAll("p, blockquote"), o = null, s = 0;
-	for (let e of a) {
+	let r = t.replace(/\s+/g, " ").trim();
+	if (r.length < 14) return null;
+	let i = n ? .34 : .24, a = r.toLowerCase(), o = ln(r, 24);
+	if (o.length < 3 && (o = a.replace(/[^\w\s'-]/g, " ").split(/\s+/).filter((e) => e.length > 2).slice(-18)), o.length < 3) return null;
+	let s = e.querySelectorAll("p, blockquote"), c = null, l = 0;
+	for (let e of s) {
 		if (Qt(e)) continue;
 		let t = e.textContent.replace(/\s+/g, " ").toLowerCase();
 		if (t.length < 24) continue;
 		let n = 0;
-		for (let e of i) t.includes(e) && n++;
-		let a = n / i.length, c = 0;
-		for (let e = Math.min(90, r.length); e >= 22; e -= 6) {
-			let n = r.slice(-e).trim();
+		for (let e of o) t.includes(e) && n++;
+		let r = n / o.length, s = 0;
+		for (let e = Math.min(90, a.length); e >= 22; e -= 6) {
+			let n = a.slice(-e).trim();
 			if (n.length >= 22 && t.includes(n)) {
-				c = .28;
+				s = .28;
 				break;
 			}
 		}
-		let l = a + c;
-		l > s && a >= .24 && (s = l, o = e);
+		let u = r + s;
+		u > l && r >= i && (l = u, c = e);
 	}
-	return o;
+	return c;
 }
-function pn(e) {
+function pn(e, t = {}) {
 	if (typeof document > "u" || !e || !String(e).trim()) return null;
-	let t = String(e).trim(), n = t.length > 450 ? t.slice(-450).trim() : t, r = on(), i = ln(t, 26);
-	if (t.length >= 42) {
-		let e = fn(r, n);
+	let n = t.strict === !0, r = String(e).trim(), i = r.length > 450 ? r.slice(-450).trim() : r, a = on(), o = ln(r, 26);
+	if (r.length >= (n ? 55 : 42)) {
+		let e = fn(a, i, n);
 		if (e) return e;
 	}
-	if (i.length >= 2 || i.length === 1 && i[0].length >= 5) {
-		let e = un(r, i);
+	if ((!n || o.length >= 3 || o.length === 2 && o.every((e) => e.length >= 5)) && (o.length >= 2 || o.length === 1 && o[0].length >= 5)) {
+		let e = un(a, o, { strict: n });
 		if (e) return e;
 	}
-	let a = n.split(/(?<=[.!?])\s+/).filter((e) => e.trim().length > 0), o = a[a.length - 1] || n, s = o.toLowerCase().replace(/[^\w\s'-]/g, " ").split(/\s+/).filter((e) => e.length > 2), c = [];
-	o.length >= 10 && (c.push(o.slice(-220).trim()), o.length > 220 && c.push(o.slice(0, 120).trim()));
-	for (let e = 4; e <= Math.min(10, s.length); e++) c.push(s.slice(-e).join(" "));
-	for (let e = Math.min(14, s.length); e >= 11; e--) c.push(s.slice(-e).join(" "));
-	for (let e = Math.min(8, s.length); e >= 3; e--) c.push(s.slice(-e).join(" "));
-	let l = /* @__PURE__ */ new Set();
-	for (let e of c) {
-		let n = e.trim();
-		if (n.length < 6 || l.has(n)) continue;
-		l.add(n);
-		let i = an(null, n);
-		if (i && !Qt(i)) {
-			if (dn(i) && t.length > 140) {
-				let e = (r.querySelector?.("[itemprop='articleBody'], .article-body, .post-content, .entry-content") || r).querySelectorAll?.("p, blockquote") || [];
-				for (let t of e) if (!Qt(t) && t.textContent.toLowerCase().includes(n.toLowerCase().slice(0, Math.min(48, n.length)))) return t;
+	let s = i.split(/(?<=[.!?])\s+/).filter((e) => e.trim().length > 0), c = s[s.length - 1] || i, l = c.toLowerCase().replace(/[^\w\s'-]/g, " ").split(/\s+/).filter((e) => e.length > 2), u = [];
+	c.length >= 10 && (u.push(c.slice(-220).trim()), c.length > 220 && u.push(c.slice(0, 120).trim()));
+	for (let e = 4; e <= Math.min(10, l.length); e++) u.push(l.slice(-e).join(" "));
+	for (let e = Math.min(14, l.length); e >= 11; e--) u.push(l.slice(-e).join(" "));
+	for (let e = Math.min(8, l.length); e >= 3; e--) u.push(l.slice(-e).join(" "));
+	let d = n ? 14 : 6, f = /* @__PURE__ */ new Set();
+	for (let e of u) {
+		let t = e.trim();
+		if (t.length < d || f.has(t)) continue;
+		f.add(t);
+		let n = an(null, t);
+		if (n && !Qt(n)) {
+			if (dn(n) && r.length > 140) {
+				let e = (a.querySelector?.("[itemprop='articleBody'], .article-body, .post-content, .entry-content") || a).querySelectorAll?.("p, blockquote") || [];
+				for (let n of e) if (!Qt(n) && n.textContent.toLowerCase().includes(t.toLowerCase().slice(0, Math.min(48, t.length)))) return n;
 			}
-			return i;
+			return n;
 		}
 	}
-	let u = i.length >= 3 ? i : s.slice(-22);
-	if (u.length === 0) return null;
-	let d = null, f = -1, p = r.querySelectorAll("h1, h2, h3, h4, h5, h6, p, li, blockquote, article");
-	for (let e of p) {
+	let p = o.length >= 3 ? o : l.slice(-22);
+	if (p.length === 0) return null;
+	let m = null, h = -1, g = a.querySelectorAll("h1, h2, h3, h4, h5, h6, p, li, blockquote, article");
+	for (let e of g) {
 		if (Qt(e)) continue;
 		try {
 			if (e.closest("aside, nav, [role='navigation'], footer")) continue;
 		} catch {}
-		let n = e.textContent.toLowerCase();
-		if (n.length < 12) continue;
-		let r = 0;
-		for (let e of u) e.length > 2 && n.includes(e) && r++;
-		let i = r / u.length, a = e.tagName;
-		(a === "P" || a === "BLOCKQUOTE" || a === "LI") && (i *= 1.22), dn(e) && (t.length > 110 ? i *= .48 : i *= .92), a === "ARTICLE" && t.length > 80 && (i *= .55), i > f && i >= .28 && (f = i, d = e);
+		let t = e.textContent.toLowerCase();
+		if (t.length < 12) continue;
+		let i = 0;
+		for (let e of p) e.length > 2 && t.includes(e) && i++;
+		let a = i / p.length, o = e.tagName;
+		(o === "P" || o === "BLOCKQUOTE" || o === "LI") && (a *= 1.22), dn(e) && (r.length > 110 ? a *= .48 : a *= .92), o === "ARTICLE" && r.length > 80 && (a *= .55), a > h && a >= (n ? .42 : .28) && (h = a, m = e);
 	}
-	return d;
+	return m;
 }
-function mn(e, { speaking: t = !1 } = {}) {
+function mn(e, { speaking: t = !1, scroll: n = !0 } = {}) {
 	if (!e || typeof document > "u") return;
 	rn();
-	let n = document.querySelectorAll(".fe-highlight-section");
-	for (let t of n) t !== e && (t.classList.remove("fe-highlight-section", "fe-highlight-speaking"), t.classList.add("fe-highlight-exiting"), setTimeout(() => t.classList.remove("fe-highlight-exiting"), 300));
-	e.classList.remove("fe-highlight-exiting"), e.classList.add("fe-highlight-section"), t ? e.classList.add("fe-highlight-speaking") : e.classList.remove("fe-highlight-speaking");
-	try {
+	let r = document.querySelectorAll(".fe-highlight-section");
+	for (let t of r) t !== e && (t.classList.remove("fe-highlight-section", "fe-highlight-speaking"), t.classList.add("fe-highlight-exiting"), setTimeout(() => t.classList.remove("fe-highlight-exiting"), 300));
+	if (e.classList.remove("fe-highlight-exiting"), e.classList.add("fe-highlight-section"), t ? e.classList.add("fe-highlight-speaking") : e.classList.remove("fe-highlight-speaking"), n) try {
 		e.scrollIntoView({
 			behavior: "smooth",
 			block: "center"
@@ -23020,19 +23019,19 @@ async function f_(e, t, n) {
 	return _g(e), !0;
 }
 function p_(e) {
-	let t = e.siteId || null, n = (e.apiBaseUrl || "").replace(/\/$/, ""), r = !!e.preferLiveSpeechHighlight, i = typeof e.getLastUserVoiceText == "function" ? e.getLastUserVoiceText : null, a = [], o = null, s = {
+	let t = e.siteId || null, n = (e.apiBaseUrl || "").replace(/\/$/, ""), r = e.voicePageHighlightMode || "tool", i = typeof e.getLastUserVoiceText == "function" ? e.getLastUserVoiceText : null, a = [], o = null, s = {
 		navigate_to_page: async (n) => {
 			$("navigate_to_page ▶ raw parameters:", n);
-			let r = r_(n), i = l_(r), a = r.section_text ?? r.sectionText ?? r.section;
+			let i = r_(n), a = l_(i), o = i.section_text ?? i.sectionText ?? i.section;
 			if ($("navigate_to_page · coerced:", {
-				url: i,
-				sectionText: a
-			}), !i) {
+				url: a,
+				sectionText: o
+			}), !a) {
 				let e = "Missing url: pass a string url, path like /pricing, or JSON with a url field.";
 				return $("navigate_to_page ✖", e), e;
 			}
-			let o = typeof window < "u" ? gn(i) : i;
-			if (fg(`Navigating to ${String(o).replace(/^https?:\/\/[^/]+/, "") || "/"}…`), mg(), !await vn(o, {
+			let s = typeof window < "u" ? gn(a) : a;
+			if (fg(`Navigating to ${String(s).replace(/^https?:\/\/[^/]+/, "") || "/"}…`), mg(), !await vn(s, {
 				siteId: t,
 				apiBaseUrl: e.apiBaseUrl
 			})) {
@@ -23041,10 +23040,13 @@ function p_(e) {
 				return $("navigate_to_page ✖ blocked", e), e;
 			}
 			try {
-				if ($("navigate_to_page → shadowNavigate", o), await bn(o, { sectionText: a || void 0 }), await new Promise((e) => setTimeout(e, 600)), hg(), pg(300), a && typeof a == "string") {
-					let e = an(null, a);
-					e && mn(e), $("navigate_to_page · highlight", {
-						sectionText: a,
+				if ($("navigate_to_page → shadowNavigate", s), await bn(s, { sectionText: o || void 0 }), await new Promise((e) => setTimeout(e, 600)), hg(), pg(300), o && typeof o == "string" && r !== "off") {
+					let e = an(null, o);
+					e && mn(e, {
+						speaking: !0,
+						scroll: !0
+					}), $("navigate_to_page · highlight", {
+						sectionText: o,
 						found: !!e
 					});
 				}
@@ -23056,7 +23058,7 @@ function p_(e) {
 						e = ` This page has a form with fields: [${r}]` + (i ? ` and buttons: [${i}].` : ".") + " Call list_page_forms then start filling.";
 					}
 				} catch {}
-				let t = `OK_NAVIGATION ${o}${e}`;
+				let t = `OK_NAVIGATION ${s}${e}`;
 				return $("navigate_to_page ✓", t), t;
 			} catch (e) {
 				hg(), pg(200);
@@ -23065,9 +23067,13 @@ function p_(e) {
 			}
 		},
 		highlight_on_page: async (e) => {
-			if ($("highlight_on_page ▶", e), r) return $("highlight_on_page · skipped (live speech highlight owns the page)"), "OK_HIGHLIGHT The page already follows your speech automatically; do not call highlight_on_page again for this turn.";
+			if ($("highlight_on_page ▶", e), r === "off") return $("highlight_on_page · skipped (voicePageHighlightMode=off)"), "OK_HIGHLIGHT page highlighting is disabled.";
+			if (r === "transcript") return $("highlight_on_page · skipped (transcript mode owns highlights)"), "OK_HIGHLIGHT Page highlight follows speech in this mode; skip redundant highlight_on_page calls.";
 			let t = r_(e), n = t?.section_id || t?.sectionId, i = t?.section_text || t?.sectionText, a = an(n || null, i || null);
-			return a ? (mn(a, { speaking: !0 }), $("highlight_on_page ✓ (speaking)"), "OK_HIGHLIGHT section is now highlighted and scrolled into view.") : ($("highlight_on_page ✖ no element"), "Could not find that section on the page.");
+			return a ? (mn(a, {
+				speaking: !0,
+				scroll: !0
+			}), $("highlight_on_page ✓ (speaking)"), "OK_HIGHLIGHT section is now highlighted and scrolled into view.") : ($("highlight_on_page ✖ no element"), "Could not find that section on the page.");
 		},
 		search_site_content: async (e) => {
 			$("search_site_content ▶", e);
@@ -23101,7 +23107,7 @@ function p_(e) {
 		},
 		read_page_content: async (e) => {
 			$("read_page_content ▶", e);
-			let t = r_(e), n = t?.section_text || t?.sectionText, r = 3e3;
+			let t = r_(e), n = t?.section_text || t?.sectionText, i = 3e3;
 			try {
 				if (n) {
 					let e = an(null, n);
@@ -23110,13 +23116,16 @@ function p_(e) {
 						for (let n = Math.min(t.length, 5); n >= 2 && !e; n--) e = an(null, t.slice(0, n).join(" "));
 					}
 					if (!e) return `Could not find a section matching "${n}" on this page. Try navigate_to_page or click_page_button with the article title, then read_page_content again.`;
-					mn(e, { speaking: !0 });
-					let t = Eg(e, r);
+					r !== "off" && mn(e, {
+						speaking: !0,
+						scroll: !0
+					});
+					let t = Eg(e, i);
 					return t ? ($("read_page_content ✓ section:", t.length, "chars"), `OK_READ: ${t}`) : "Found the section but it appears to be empty.";
 				}
 				let e = Og(Dg());
 				if (!e) return "Could not determine the main content area of this page.";
-				let t = Eg(e, r);
+				let t = Eg(e, i);
 				return t ? ($("read_page_content ✓ page:", t.length, "chars"), `OK_READ: ${t}`) : "The page appears to have no readable text content.";
 			} catch (e) {
 				return $("read_page_content ✖", e?.message), `Error reading page content: ${e?.message || "unknown error"}`;
@@ -23297,141 +23306,145 @@ function y_(e, t) {
 	let n = (t || "").trim();
 	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 b_({ agentId: e, chatId: t, siteId: r, apiBaseUrl: a, onEnd: c, historyRef: d, hasSyncedRef: f, onMessageSync: p, onStartSync: m }) {
-	let [h, g] = s("idle"), [ee, te] = s(null), [_, ne] = s(!1), re = o(null), ie = o(null), ae = o(""), oe = o(async () => {}), se = o(!1), v = o(""), ce = o(null), le = o(null), ue = o(null), y = o(null), b = o(null), de = n(() => {
-		ue.current &&= (clearTimeout(ue.current), null), y.current &&= (clearInterval(y.current), null), v.current = "", ce.current = null, le.current = null, b.current != null && (cancelAnimationFrame(b.current), b.current = null);
+function b_({ agentId: e, chatId: t, siteId: r, apiBaseUrl: a, onEnd: c, historyRef: d, hasSyncedRef: f, onMessageSync: p, onStartSync: m, voicePageHighlightMode: h = "tool" }) {
+	let [g, ee] = s("idle"), [te, _] = s(null), [ne, re] = s(!1), ie = o(null), ae = o(null), oe = o(""), se = o(async () => {}), v = o(!1), ce = o(""), le = o(null), ue = o(null), y = o(null), b = o(null), de = o(null), fe = o(!1), pe = n(() => {
+		y.current &&= (clearTimeout(y.current), null), b.current &&= (clearInterval(b.current), null), ce.current = "", le.current = null, ue.current = null, fe.current = !1, de.current != null && (cancelAnimationFrame(de.current), de.current = null);
 		try {
 			hn();
 		} catch {}
-	}, []), fe = n(async () => {
-		de();
+	}, []), me = n(async () => {
+		pe();
 		try {
-			await re.current?.endSession?.();
+			await ie.current?.endSession?.();
 		} catch {}
-		re.current = null, ne(!1), g("idle"), se.current = !1, typeof p == "function" && await p(d.current), typeof c == "function" && c();
+		ie.current = null, re(!1), ee("idle"), v.current = !1, typeof p == "function" && await p(d.current), typeof c == "function" && c();
 	}, [
-		de,
+		pe,
 		d,
 		p,
 		c
 	]);
-	oe.current = fe, i(() => {
+	se.current = me, i(() => {
 		let t = !1, n = null;
 		return (async () => {
 			try {
 				if (await navigator.mediaDevices.getUserMedia({ audio: !0 }), t) return;
-				d.current = [], ae.current = "", se.current = !1;
-				let i = m_(p_({
+				d.current = [], oe.current = "", v.current = !1, fe.current = !1;
+				let i = h === "transcript", o = m_(p_({
 					siteId: r || null,
 					apiBaseUrl: a || null,
-					getLastUserVoiceText: () => ae.current,
-					preferLiveSpeechHighlight: !0,
+					getLastUserVoiceText: () => oe.current,
+					voicePageHighlightMode: h,
 					requestEndSession: () => {
 						queueMicrotask(() => {
-							se.current || (se.current = !0, oe.current?.());
+							v.current || (v.current = !0, se.current?.());
 						});
 					}
-				})), o = () => {
+				})), s = () => {
 					try {
-						let e = v.current, t = ce.current;
+						if (!i || !fe.current) return;
+						let e = ce.current, t = le.current;
 						if (!e?.trim() || t == null) return;
-						let n = le.current, r = Date.now(), i;
+						let n = ue.current, r = Date.now(), a;
 						if (n != null) {
-							let t = Math.max(0, (r - n) / 1e3), a = Math.min(e.length, Math.floor(t * __));
-							t > .06 && e.length >= 14 && (a = Math.max(a, Math.min(40, e.length))), i = a;
+							let t = Math.max(0, (r - n) / 1e3);
+							a = Math.min(e.length, Math.floor(t * __));
 						} else {
 							let n = Math.max(0, (r - t) / 1e3);
-							if (n > 2.1 && e.length > 36) i = Math.min(e.length, Math.floor(Math.max(0, n - .4) * __));
+							if (n > 2.1 && e.length > 36) a = Math.min(e.length, Math.floor(Math.max(0, n - .4) * __));
 							else {
 								let t = Math.min(96, Math.floor(n * v_));
-								i = Math.min(e.length, t);
+								a = Math.min(e.length, t);
 							}
 						}
-						let a = e.slice(0, i);
-						if (a.trim().length < 6) return;
+						let o = e.slice(0, a);
+						if (o.trim().length < 6) return;
 						rn();
-						let o = pn(a);
-						o && mn(o, { speaking: !0 });
+						let s = pn(o, { strict: !0 });
+						s && mn(s, {
+							speaking: !0,
+							scroll: !1
+						});
 					} catch (e) {
 						console.warn("[VoiceInterface] speech highlight failed", e?.message);
 					}
-				}, s = () => {
-					b.current ??= requestAnimationFrame(() => {
-						b.current = null, o();
-					});
 				}, c = () => {
-					ue.current && clearTimeout(ue.current), ue.current = setTimeout(() => {
-						ue.current = null, o();
-					}, 120);
+					de.current ??= requestAnimationFrame(() => {
+						de.current = null, s();
+					});
 				}, l = () => {
-					y.current ||= setInterval(() => {
-						o();
+					y.current && clearTimeout(y.current), y.current = setTimeout(() => {
+						y.current = null, s();
+					}, 120);
+				}, u = () => {
+					b.current ||= setInterval(() => {
+						s();
 					}, 160);
-				}, u = await Bh.startSession({
+				}, f = await Bh.startSession({
 					agentId: e,
-					clientTools: i,
+					clientTools: o,
 					onUnhandledClientToolCall: (e) => {
 						console.error("[VoiceInterface] ElevenLabs requested a client tool that is not registered in the widget:", e?.tool_name, e?.parameters, "Add a matching handler in voiceClientTools (snake_case and camelCase are both supported).");
 					},
 					onModeChange: ({ mode: e }) => {
-						t || g(e === "speaking" ? "speaking" : "listening");
+						t || ee(e === "speaking" ? "speaking" : "listening");
 					},
 					onAudio: () => {
-						t || (le.current ??= Date.now(), l(), s());
+						t || !i || (ue.current ??= Date.now(), u(), c());
 					},
 					onAgentChatResponsePart: (e) => {
 						if (t) return;
-						let n = e?.text_response_part ?? e, r = n?.type, i = n?.text ?? "";
-						r === "start" ? (ue.current &&= (clearTimeout(ue.current), null), y.current &&= (clearInterval(y.current), null), b.current != null && (cancelAnimationFrame(b.current), b.current = null), le.current = null, v.current = i, ce.current = Date.now(), l()) : r === "delta" ? (v.current += i, ce.current ??= Date.now(), l()) : r === "stop" ? (v.current += i, l()) : (v.current += i, ce.current == null && i && (ce.current = Date.now()), l()), v.current.trim().length >= 10 && (c(), s());
+						let n = e?.text_response_part ?? e, r = n?.type, a = n?.text ?? "";
+						r === "start" ? (y.current &&= (clearTimeout(y.current), null), b.current &&= (clearInterval(b.current), null), de.current != null && (cancelAnimationFrame(de.current), de.current = null), ue.current = null, ce.current = a, le.current = Date.now(), i && u()) : r === "delta" ? (ce.current += a, le.current ??= Date.now(), i && u()) : r === "stop" ? (ce.current += a, i && u()) : (ce.current += a, le.current == null && a && (le.current = Date.now()), i && u()), i && ce.current.trim().length >= 10 && (l(), c());
 					},
 					onInterruption: () => {
-						de();
+						pe();
 					},
 					onMessage: (e) => {
 						if (t) return;
 						let n = e.role === "user" ? "user" : "bot", r = e.message || e.text || e.content || "";
 						if (!r) return;
-						let i = {
+						let a = {
 							sender: n,
 							message: r,
 							timestamp: (/* @__PURE__ */ new Date()).toISOString()
 						};
-						if (n === "user") ae.current = r;
-						else if (n === "bot" && r.trim()) {
+						if (n === "user") oe.current = r, r.trim().length >= 1 && (fe.current = !0);
+						else if (n === "bot" && r.trim() && i && fe.current) {
 							let e = r.trim();
-							e.length > (v.current?.length || 0) && (v.current = e, ce.current ??= Date.now(), l(), e.length >= 10 && (c(), s()));
+							e.length > (ce.current?.length || 0) && (ce.current = e, le.current ??= Date.now(), u(), e.length >= 10 && (l(), c()));
 						}
-						d.current = [...d.current, i], y_(n, r) && queueMicrotask(() => {
-							se.current || (se.current = !0, oe.current?.());
+						d.current = [...d.current, a], y_(n, r) && queueMicrotask(() => {
+							v.current || (v.current = !0, se.current?.());
 						});
 					},
 					onError: (e) => {
-						t || (console.error("[VoiceInterface] ElevenLabs error", e), de(), g("error"), te("Voice session encountered an error."));
+						t || (console.error("[VoiceInterface] ElevenLabs error", e), pe(), ee("error"), _("Voice session encountered an error."));
 					},
 					onDisconnect: () => {
-						t || (console.log("[VoiceInterface] session disconnected"), de(), ne(!1), g("idle"));
+						t || (console.log("[VoiceInterface] session disconnected"), pe(), re(!1), ee("idle"));
 					}
 				});
 				if (t) {
-					u.endSession().catch(() => {});
+					f.endSession().catch(() => {});
 					return;
 				}
-				n = u, re.current = u, ne(!0), g("listening");
+				n = f, ie.current = f, re(!0), ee("listening");
 				try {
 					let e = typeof window < "u" ? window.location.href : "", t = "";
 					try {
-						t = await i.list_page_forms();
+						t = await o.list_page_forms();
 					} catch {
 						t = "[]";
 					}
-					u.sendContextualUpdate(`Current page URL: ${e}. Site ID: ${r || "unknown"}. Page fields/buttons JSON: ${t}. Navigation: when the user wants to go to any page (contact, pricing, about, services, etc.), call search_site_content then navigate_to_page immediately — never ask permission. After navigating to a page with a form, call list_page_forms and proactively start helping the user fill it. Contact / lead forms: use only the main contact form (Full Name, Email, Message). Ignore footer or secondary marketing URL fields unless the user explicitly asks to use them. Fill in order: name → email → message. Message must be a short visitor note (what they want from the team), not a transcript of the conversation. Forms: use fill_form_fields then click_page_button (e.g. Send Message) when appropriate. Fill each field right after the user gives that value — do not click submit until required fields are filled. Voice: if the user wants to end the voice session, call end_voice_session or confirm and end.`);
+					f.sendContextualUpdate(`Current page URL: ${e}. Site ID: ${r || "unknown"}. Page fields/buttons JSON: ${t}. Navigation: when the user wants to go to any page (contact, pricing, about, services, etc.), call search_site_content then navigate_to_page immediately — never ask permission. After navigating to a page with a form, call list_page_forms and proactively start helping the user fill it. Contact / lead forms: use only the main contact form (Full Name, Email, Message). Ignore footer or secondary marketing URL fields unless the user explicitly asks to use them. Fill in order: name → email → message. Message must be a short visitor note (what they want from the team), not a transcript of the conversation. Forms: use fill_form_fields then click_page_button (e.g. Send Message) when appropriate. Fill each field right after the user gives that value — do not click submit until required fields are filled. On-page reading: highlight the correct section by calling highlight_on_page({ section_text: "..." }) with visible heading/plan text, or read_page_content({ section_text: "..." }) when reading a specific section — the UI follows tool targets, not loose speech. Voice: if the user wants to end the voice session, call end_voice_session or confirm and end.`);
 				} catch {}
 				typeof m == "function" && m();
 			} catch (e) {
-				t || (console.error("[VoiceInterface] startSession failed", e), g("error"), te("Could not start voice session. Please try again."));
+				t || (console.error("[VoiceInterface] startSession failed", e), ee("error"), _("Could not start voice session. Please try again."));
 			}
 		})(), () => {
-			t = !0, de(), n ? n.endSession().catch(() => {}) : re.current && re.current.endSession().catch(() => {});
+			t = !0, pe(), n ? n.endSession().catch(() => {}) : ie.current && ie.current.endSession().catch(() => {});
 		};
 	}, [
 		e,
@@ -23439,11 +23452,12 @@ function b_({ agentId: e, chatId: t, siteId: r, apiBaseUrl: a, onEnd: c, history
 		a,
 		d,
 		m,
-		de
+		pe,
+		h
 	]);
-	let pe = h === "listening" || h === "speaking", me = g_[h] || g_.idle, he = h_[h] || h_.idle;
+	let he = g === "listening" || g === "speaking", ge = g_[g] || g_.idle, _e = h_[g] || h_.idle;
 	return /* @__PURE__ */ u("div", {
-		ref: ie,
+		ref: ae,
 		style: {
 			display: "flex",
 			flexDirection: "column",
@@ -23465,19 +23479,19 @@ function b_({ agentId: e, chatId: t, siteId: r, apiBaseUrl: a, onEnd: c, history
 					justifyContent: "center"
 				},
 				children: [
-					pe && /* @__PURE__ */ l("div", { style: {
+					he && /* @__PURE__ */ l("div", { style: {
 						position: "absolute",
 						inset: "-16px",
 						borderRadius: "50%",
-						border: `2px solid ${me}`,
+						border: `2px solid ${ge}`,
 						animation: "fe-orb-pulse 1.4s ease-in-out infinite",
 						opacity: .6
 					} }),
-					pe && /* @__PURE__ */ l("div", { style: {
+					he && /* @__PURE__ */ l("div", { style: {
 						position: "absolute",
 						inset: "-8px",
 						borderRadius: "50%",
-						border: `2px solid ${me}`,
+						border: `2px solid ${ge}`,
 						animation: "fe-orb-pulse 1.4s ease-in-out 0.35s infinite",
 						opacity: .4
 					} }),
@@ -23486,18 +23500,18 @@ function b_({ agentId: e, chatId: t, siteId: r, apiBaseUrl: a, onEnd: c, history
 							width: "140px",
 							height: "140px",
 							borderRadius: "50%",
-							background: he,
-							border: `3px solid ${me}`,
+							background: _e,
+							border: `3px solid ${ge}`,
 							display: "flex",
 							alignItems: "center",
 							justifyContent: "center",
 							transition: "all 0.35s ease",
-							transform: h === "speaking" ? "scale(1.08)" : "scale(1)",
-							boxShadow: `0 0 40px ${he}, 0 8px 32px rgba(0,0,0,0.08)`
+							transform: g === "speaking" ? "scale(1.08)" : "scale(1)",
+							boxShadow: `0 0 40px ${_e}, 0 8px 32px rgba(0,0,0,0.08)`
 						},
 						children: /* @__PURE__ */ l(An, {
 							size: 44,
-							color: me
+							color: ge
 						})
 					})
 				]
@@ -23506,19 +23520,19 @@ function b_({ agentId: e, chatId: t, siteId: r, apiBaseUrl: a, onEnd: c, history
 				style: {
 					fontSize: "15px",
 					fontWeight: 600,
-					color: h === "error" ? "#ef4444" : "#374151",
+					color: g === "error" ? "#ef4444" : "#374151",
 					letterSpacing: "0.01em",
 					textAlign: "center"
 				},
 				children: [
-					h === "idle" && "Starting voice session…",
-					h === "listening" && "Listening…",
-					h === "speaking" && "AI is speaking…",
-					h === "error" && (ee || "Error")
+					g === "idle" && "Starting voice session…",
+					g === "listening" && "Listening…",
+					g === "speaking" && "AI is speaking…",
+					g === "error" && (te || "Error")
 				]
 			}),
 			/* @__PURE__ */ u("button", {
-				onClick: fe,
+				onClick: me,
 				style: {
 					display: "flex",
 					alignItems: "center",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flowengage/react-chatbot",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "description": "Embeddable AI chat widget for React — powered by FlowEngage. Drop it in with a single siteId.",
   "keywords": [
     "chatbot",