@webless/agent 0.7.0 → 0.7.2

package/dist/embed.cjs

@@ -4517,6 +4517,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/MessageActions/MessageActions.tsx
 var import_jsx_runtime7 = require("react/jsx-runtime");
@@ -4772,15 +4892,20 @@ function MessageActions({
   const [menuOpen, setMenuOpen] = (0, import_react11.useState)(false);
   const [menuPosition, setMenuPosition] = (0, import_react11.useState)(null);
   const [speaking, setSpeaking] = (0, import_react11.useState)(false);
+  const [speechSupported, setSpeechSupported] = (0, import_react11.useState)(null);
   const copyTimerRef = (0, import_react11.useRef)(null);
   const menuRef = (0, import_react11.useRef)(null);
   const portaledMenuRef = (0, import_react11.useRef)(null);
   const moreButtonRef = (0, import_react11.useRef)(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);
+  (0, import_react11.useLayoutEffect)(() => {
+    setSpeechSupported(isSpeechSupported());
+  }, []);
   (0, import_react11.useLayoutEffect)(() => {
     if (!menuOpen || !moreButtonRef.current || !portaledMenuRef.current) {
       setMenuPosition(null);
@@ -4798,17 +4923,16 @@ function MessageActions({
       })
     );
   }, [menuOpen, menuPortalRoot]);
-  (0, import_react11.useEffect)(
-    () => () => {
+  (0, import_react11.useEffect)(() => {
+    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();
+    };
+  }, []);
   (0, import_react11.useEffect)(() => {
     if (!menuOpen) return;
     const handlePointerDown = (event) => {
@@ -4847,14 +4971,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);
   }
@@ -5752,8 +5876,9 @@ function AgentRail({
   colorScheme = "auto",
   brandLabel = "",
   brandLogoUrl,
-  poweredByLabel = "Powered by Webless",
+  poweredByLabel,
   disclaimerLabel,
+  disclaimerLink,
   answerReceipt = false,
   readAloud = false,
   composerPlaceholder = "Ask anything\u2026",
@@ -6188,7 +6313,15 @@ function AgentRail({
                   onRetry ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("button", { type: "button", onClick: onRetry, children: "Try again" }) : null
                 ] }) : null
               ] }) }),
-              showDisclaimerLabel ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "agent-rail__disclaimer", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { children: resolvedDisclaimerLabel }) }) : null,
+              showDisclaimerLabel ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "agent-rail__disclaimer", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { children: disclaimerLink ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                "a",
+                {
+                  href: disclaimerLink,
+                  rel: "noopener noreferrer",
+                  target: "_blank",
+                  children: resolvedDisclaimerLabel
+                }
+              ) : resolvedDisclaimerLabel }) }) : null,
               /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "agent-rail__composer-wrap", children: [
                 showJumpToLatest ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
                   "button",
@@ -6653,8 +6786,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,
@@ -6808,6 +6942,20 @@ function normalizeOptionalValue(value) {
   const normalized = value?.trim();
   return normalized || void 0;
 }
+function normalizeOptionalHttpUrl(value) {
+  if (value === null) return null;
+  const normalized = value?.trim();
+  if (!normalized) return void 0;
+  try {
+    const url = new URL(normalized);
+    if (url.protocol !== "http:" && url.protocol !== "https:") {
+      return void 0;
+    }
+    return normalized;
+  } catch {
+    return void 0;
+  }
+}
 function normalizeAgentBranding(branding) {
   if (!branding) return void 0;
   const colors = branding.colors ? Object.fromEntries(
@@ -6825,6 +6973,7 @@ function normalizeAgentBranding(branding) {
     composerPlaceholder: normalizeOptionalValue(branding.composerPlaceholder),
     poweredByLabel: normalizeOptionalValue(branding.poweredByLabel),
     disclaimer: branding.disclaimer === null ? null : normalizeOptionalValue(branding.disclaimer),
+    disclaimerLink: normalizeOptionalHttpUrl(branding.disclaimerLink),
     answerReceipt: branding.answerReceipt === true ? true : void 0,
     readAloud: branding.readAloud === true ? true : void 0,
     fontFamily: normalizeOptionalValue(branding.fontFamily),