@webless/agent 0.7.0 → 0.7.2

package/dist/{chunk-CYI3OSWG.js → chunk-HZUPH5Z7.js}

@@ -3372,6 +3372,126 @@ function toSpeechText(text) {
 function isSpeechSupported() {
   return typeof window !== "undefined" && "speechSynthesis" in window && typeof window.SpeechSynthesisUtterance === "function";
 }
+function stopSpeech() {
+  if (!isSpeechSupported()) return;
+  window.speechSynthesis.cancel();
+}
+var speechInterruptListeners = /* @__PURE__ */ new Set();
+var pageListenersAttached = false;
+var lastPathname = "";
+var originalPushState = null;
+var originalReplaceState = null;
+var patchedPushState = null;
+var patchedReplaceState = null;
+function currentPathname() {
+  return window.location.pathname;
+}
+function notifySpeechInterrupts() {
+  if (speechInterruptListeners.size === 0) return;
+  stopSpeech();
+  for (const listener of speechInterruptListeners) {
+    listener();
+  }
+}
+function interruptIfPathChanged(nextPath) {
+  if (nextPath === lastPathname) return;
+  lastPathname = nextPath;
+  notifySpeechInterrupts();
+}
+function patchHistoryMethod(original) {
+  return function patched(data, unused, url) {
+    const result = original.call(this, data, unused, url);
+    interruptIfPathChanged(currentPathname());
+    return result;
+  };
+}
+function historyMethodState(name) {
+  return name === "pushState" ? {
+    original: originalPushState,
+    patched: patchedPushState,
+    set(original, patched) {
+      originalPushState = original;
+      patchedPushState = patched;
+    }
+  } : {
+    original: originalReplaceState,
+    patched: patchedReplaceState,
+    set(original, patched) {
+      originalReplaceState = original;
+      patchedReplaceState = patched;
+    }
+  };
+}
+function patchHistoryNamed(name) {
+  const state = historyMethodState(name);
+  const current = history[name];
+  if (state.patched && current === state.patched) return;
+  const patched = patchHistoryMethod(current);
+  state.set(current, patched);
+  history[name] = patched;
+}
+function restoreHistoryMethod(name) {
+  const state = historyMethodState(name);
+  if (!state.patched || !state.original || typeof history === "undefined") {
+    return false;
+  }
+  if (history[name] !== state.patched) return false;
+  history[name] = state.original;
+  state.set(null, null);
+  return true;
+}
+function handlePageHide() {
+  notifySpeechInterrupts();
+}
+function handlePopState() {
+  interruptIfPathChanged(currentPathname());
+}
+function handleVisibilityChange() {
+  if (document.visibilityState === "hidden") {
+    notifySpeechInterrupts();
+  }
+}
+function attachPageListeners() {
+  if (pageListenersAttached || typeof window === "undefined") return;
+  pageListenersAttached = true;
+  window.addEventListener("pagehide", handlePageHide);
+  window.addEventListener("popstate", handlePopState);
+  document.addEventListener("visibilitychange", handleVisibilityChange);
+}
+function detachPageListeners() {
+  if (!pageListenersAttached || typeof window === "undefined") return;
+  window.removeEventListener("pagehide", handlePageHide);
+  window.removeEventListener("popstate", handlePopState);
+  document.removeEventListener("visibilitychange", handleVisibilityChange);
+  pageListenersAttached = false;
+}
+function ensureSpeechInterruptsPatched() {
+  if (typeof window === "undefined") return;
+  lastPathname = currentPathname();
+  patchHistoryNamed("pushState");
+  patchHistoryNamed("replaceState");
+  attachPageListeners();
+}
+function teardownSpeechInterrupts() {
+  detachPageListeners();
+  restoreHistoryMethod("pushState");
+  restoreHistoryMethod("replaceState");
+  if (!patchedPushState && !patchedReplaceState) {
+    lastPathname = "";
+  }
+}
+function subscribeSpeechInterrupts(onInterrupt) {
+  if (typeof window === "undefined") return () => {
+  };
+  ensureSpeechInterruptsPatched();
+  speechInterruptListeners.add(onInterrupt);
+  return () => {
+    speechInterruptListeners.delete(onInterrupt);
+    if (speechInterruptListeners.size === 0) {
+      teardownSpeechInterrupts();
+    }
+  };
+}
 
 // src/react/components/AgentRail/AgentRailOverlayContext.tsx
 import { createContext, useContext } from "react";
@@ -3637,15 +3757,20 @@ function MessageActions({
   const [menuOpen, setMenuOpen] = useState2(false);
   const [menuPosition, setMenuPosition] = useState2(null);
   const [speaking, setSpeaking] = useState2(false);
+  const [speechSupported, setSpeechSupported] = useState2(null);
   const copyTimerRef = useRef2(null);
   const menuRef = useRef2(null);
   const portaledMenuRef = useRef2(null);
   const moreButtonRef = useRef2(null);
   const answeredLabel = formatAnsweredAt(answeredAt ?? 0);
   const resolvedSpeechText = speechText ?? toSpeechText(copyText);
-  const canReadAloud = readAloud && isSpeechSupported() && resolvedSpeechText;
-  const showMenu = Boolean(answeredLabel) || Boolean(receiptSteps) || canReadAloud;
   const canOpenReceipt = Boolean(receiptSteps) && Boolean(onOpenReceipt);
+  const readAloudEligible = Boolean(readAloud && resolvedSpeechText);
+  const canReadAloud = readAloudEligible && speechSupported === true;
+  const showMenu = canOpenReceipt || (speechSupported === null ? readAloudEligible : canReadAloud);
+  useLayoutEffect(() => {
+    setSpeechSupported(isSpeechSupported());
+  }, []);
   useLayoutEffect(() => {
     if (!menuOpen || !moreButtonRef.current || !portaledMenuRef.current) {
       setMenuPosition(null);
@@ -3663,17 +3788,16 @@ function MessageActions({
       })
     );
   }, [menuOpen, menuPortalRoot]);
-  useEffect2(
-    () => () => {
+  useEffect2(() => {
+    const unsubscribe = subscribeSpeechInterrupts(() => setSpeaking(false));
+    return () => {
+      unsubscribe();
       if (copyTimerRef.current !== null) {
         window.clearTimeout(copyTimerRef.current);
       }
-      if (speaking) window.speechSynthesis.cancel();
-    },
-    // Cancel speech only when this answer's actions unmount.
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    []
-  );
+      stopSpeech();
+    };
+  }, []);
   useEffect2(() => {
     if (!menuOpen) return;
     const handlePointerDown = (event) => {
@@ -3712,14 +3836,14 @@ function MessageActions({
     if (!canReadAloud) return;
     setMenuOpen(false);
     if (speaking) {
-      window.speechSynthesis.cancel();
+      stopSpeech();
       setSpeaking(false);
       return;
     }
     const utterance = new SpeechSynthesisUtterance(resolvedSpeechText);
     utterance.onend = () => setSpeaking(false);
     utterance.onerror = () => setSpeaking(false);
-    window.speechSynthesis.cancel();
+    stopSpeech();
     window.speechSynthesis.speak(utterance);
     setSpeaking(true);
   }
@@ -5634,8 +5758,9 @@ function AgentRail({
   colorScheme = "auto",
   brandLabel = "",
   brandLogoUrl,
-  poweredByLabel = "Powered by Webless",
+  poweredByLabel,
   disclaimerLabel,
+  disclaimerLink,
   answerReceipt = false,
   readAloud = false,
   composerPlaceholder = "Ask anything\u2026",
@@ -6070,7 +6195,15 @@ function AgentRail({
                   onRetry ? /* @__PURE__ */ jsx16("button", { type: "button", onClick: onRetry, children: "Try again" }) : null
                 ] }) : null
               ] }) }),
-              showDisclaimerLabel ? /* @__PURE__ */ jsx16("div", { className: "agent-rail__disclaimer", children: /* @__PURE__ */ jsx16("p", { children: resolvedDisclaimerLabel }) }) : null,
+              showDisclaimerLabel ? /* @__PURE__ */ jsx16("div", { className: "agent-rail__disclaimer", children: /* @__PURE__ */ jsx16("p", { children: disclaimerLink ? /* @__PURE__ */ jsx16(
+                "a",
+                {
+                  href: disclaimerLink,
+                  rel: "noopener noreferrer",
+                  target: "_blank",
+                  children: resolvedDisclaimerLabel
+                }
+              ) : resolvedDisclaimerLabel }) }) : null,
               /* @__PURE__ */ jsxs15("div", { className: "agent-rail__composer-wrap", children: [
                 showJumpToLatest ? /* @__PURE__ */ jsx16(
                   "button",
@@ -6634,8 +6767,9 @@ function AgentWidget({
                 brandLabel: agentName,
                 brandLogoUrl: branding?.logoUrl,
                 composerPlaceholder: branding?.composerPlaceholder ?? "Ask a question\u2026",
-                poweredByLabel: branding?.poweredByLabel ?? "Powered by Webless",
+                poweredByLabel: branding?.poweredByLabel,
                 disclaimerLabel: branding?.disclaimer,
+                disclaimerLink: branding?.disclaimerLink,
                 answerReceipt: branding?.answerReceipt,
                 readAloud: branding?.readAloud,
                 state,
@@ -6716,4 +6850,4 @@ export {
   sendAgentAnswerFeedback,
   AgentWidget
 };
-//# sourceMappingURL=chunk-CYI3OSWG.js.map
+//# sourceMappingURL=chunk-HZUPH5Z7.js.map