@burdenoff/website-sdk 2026.1105.2 → 2026.1105.3

package/dist/avatar-live-view/index.mjs

@@ -1,4 +1,4 @@
-import { turnstileSiteKeyOf, isAvatarLiveLocaleReviewed, isAvatarSite, isAvatarVersion } from '../chunk-MVNN6LLO.mjs';
+import { turnstileSiteKeyOf, isAvatarLiveLocaleReviewed, isAvatarSite, isAvatarVersion } from '../chunk-JGU6JW4N.mjs';
 import { answerDisplayText, fill } from '../chunk-JZS6FQT6.mjs';
 import { cn } from '../chunk-R7G6TWIS.mjs';
 import '../chunk-VNS5WDWO.mjs';
@@ -69,6 +69,17 @@ function readSttOffer(value) {
   }
   return { token, expiresAt };
 }
+var MIC_MAX_PRESS_SECONDS = 30;
+var UNREADABLE_MIC = { mode: "unreadable" };
+function readMicOffer(value) {
+  if (!isRecord(value)) return UNREADABLE_MIC;
+  const keys = Object.keys(value).sort();
+  const { mode, maxPressSeconds } = value;
+  if (keys.length !== 2 || keys[0] !== "maxPressSeconds" || keys[1] !== "mode" || mode !== "browser" || maxPressSeconds !== MIC_MAX_PRESS_SECONDS) {
+    return UNREADABLE_MIC;
+  }
+  return { mode: "browser", maxPressSeconds: MIC_MAX_PRESS_SECONDS };
+}
 function readAvailability(status, body) {
   if (status !== 200 || !isRecord(body)) return INERT;
   const { available, reason } = body;
@@ -83,6 +94,7 @@ function readAvailability(status, body) {
       return INERT;
     }
     const stt = readSttOffer(body.stt);
+    const mic = Object.prototype.hasOwnProperty.call(body, "mic") ? readMicOffer(body.mic) : void 0;
     return {
       kind: "available",
       offer: {
@@ -90,7 +102,8 @@ function readAvailability(status, body) {
         maxSessionSeconds,
         botCheck,
         questions,
-        ...stt === void 0 ? {} : { stt }
+        ...stt === void 0 ? {} : { stt },
+        ...mic === void 0 ? {} : { mic }
       }
     };
   }
@@ -845,6 +858,7 @@ var STRINGS = {
 function avatarLiveStrings(locale) {
   return STRINGS[locale] ?? EN;
 }
+var BROWSER_MIC_NOTICE_VERSION = "web-mic-2026-11-21-c";
 var CONSENT = /* @__PURE__ */ new Map([
   [
     "web-consent-2026-11",
@@ -1022,6 +1036,51 @@ var CONSENT = /* @__PURE__ */ new Map([
         followUps: true
       }
     }
+  ],
+  [
+    // Stage C (BOFF-9797, the operator's decision of 2026-11-05): the mic through the browser's own speech recognition.
+    // A DRAFT for the operator's privacy review that no environment uses yet (global-speech-svc reserves the same two
+    // versions, and pairs them with its AVATAR_WEB_MIC=browser): web-consent-2026-11-19-d with three changes only. The
+    // intro warns against personal details said into the microphone and says a tap on it stops the answer being read;
+    // the processing says which speech service turns the voice into text (the browser's own, under its own terms, with
+    // the vendors as examples) and that a live session is told of a tap and of a recording, never of the words; the
+    // storage says the camera is not used and that the voice never reaches us, nor the text until Send, in place of
+    // "Your microphone and camera are not used.", which is true only with no mic. The notice files of record and their
+    // digests are a gitops change of their own, made with the review.
+    "web-consent-2026-11-21-c",
+    {
+      en: {
+        title: "Live AI avatar (beta)",
+        introProduct: null,
+        intro: "This is an AI avatar, not a real person. It reads aloud the answers to the questions you ask in the Avatar tab, provided each passes the speech checks. After an answer, it waits about thirty seconds for your next question, then ends. A session lasts at most three minutes; if an answer doesn't fit in the time left, it reads only the first part and says so, or doesn't read it, and the full answer stays in Chat. The answers are AI-generated and can be wrong. Don't put personal details in a question you type. Don't say them into the microphone either. Tapping the microphone while the avatar speaks stops that answer.",
+        processing: "When you start, Cloudflare checks for bots. The answer text goes to Google to create the voice. Our server sends that voice through LiveKit to Protoface, which makes the avatar video streamed through LiveKit. Your browser connects to LiveKit, which sees your IP address. If you use the microphone, the speech service your browser uses turns your voice into text and may receive the audio: for example Google for Chrome on a computer or Android phone, Apple for Safari and on iPhone and iPad, and Microsoft for Edge on a computer, each under its own privacy terms. During a live session, our server is told when you tap the microphone and while you record (never what you say), so the avatar stops and waits.",
+        storage: "Your camera is not used. We never receive your voice: the text appears in the question box for you to check, and none of what you said reaches us until you press Send. We do not record the live session or store the generated voice. We keep a record of this consent. The privacy notice explains our safeguards, storage periods and the providers' processing. For people aged eighteen and over.",
+        privacyLink: "How we handle this",
+        botCheck: "turnstile",
+        questions: "any",
+        followUps: true,
+        micNotice: BROWSER_MIC_NOTICE_VERSION
+      }
+    }
+  ],
+  [
+    // The words of web-consent-2026-11-21-c without "When you start, Cloudflare checks for bots.", for a server that runs
+    // no bot check. A DRAFT, like it.
+    "web-consent-2026-11-22-c",
+    {
+      en: {
+        title: "Live AI avatar (beta)",
+        introProduct: null,
+        intro: "This is an AI avatar, not a real person. It reads aloud the answers to the questions you ask in the Avatar tab, provided each passes the speech checks. After an answer, it waits about thirty seconds for your next question, then ends. A session lasts at most three minutes; if an answer doesn't fit in the time left, it reads only the first part and says so, or doesn't read it, and the full answer stays in Chat. The answers are AI-generated and can be wrong. Don't put personal details in a question you type. Don't say them into the microphone either. Tapping the microphone while the avatar speaks stops that answer.",
+        processing: "The answer text goes to Google to create the voice. Our server sends that voice through LiveKit to Protoface, which makes the avatar video streamed through LiveKit. Your browser connects to LiveKit, which sees your IP address. If you use the microphone, the speech service your browser uses turns your voice into text and may receive the audio: for example Google for Chrome on a computer or Android phone, Apple for Safari and on iPhone and iPad, and Microsoft for Edge on a computer, each under its own privacy terms. During a live session, our server is told when you tap the microphone and while you record (never what you say), so the avatar stops and waits.",
+        storage: "Your camera is not used. We never receive your voice: the text appears in the question box for you to check, and none of what you said reaches us until you press Send. We do not record the live session or store the generated voice. We keep a record of this consent. The privacy notice explains our safeguards, storage periods and the providers' processing. For people aged eighteen and over.",
+        privacyLink: "How we handle this",
+        botCheck: "off",
+        questions: "any",
+        followUps: true,
+        micNotice: BROWSER_MIC_NOTICE_VERSION
+      }
+    }
   ]
 ]);
 function avatarConsentCopy(version, locale) {
@@ -1066,6 +1125,22 @@ var MIC_NOTICE = /* @__PURE__ */ new Map([
         privacyLink: "How we handle this"
       }
     }
+  ],
+  [
+    // The browser's own speech recognition (Stage C): the browser's speech service, named by example where each is
+    // true, under its own terms; nothing of the voice reaches us, nor the text before Send; a live session told only of
+    // a tap and of a recording. No daily limits: nothing is counted on the server.
+    BROWSER_MIC_NOTICE_VERSION,
+    {
+      en: {
+        title: "Ask with your voice",
+        processing: "The speech service your browser uses turns your voice into text and may receive the audio: for example Google for Chrome on a computer or Android phone, Apple for Safari and on iPhone and iPad, and Microsoft for Edge on a computer. Its own privacy terms apply.",
+        storage: "We never receive your voice, and your camera is not used.",
+        text: "The text appears in the box for you to check. None of what you said reaches us until you press Send; once you send it, it is a chat message, kept like any other. During a live session, we are told when you tap the microphone and while you record (never what you say), so the avatar stops and waits.",
+        limits: "Each recording stops after thirty seconds at the latest.",
+        privacyLink: "How we handle this"
+      }
+    }
   ]
 ]);
 function avatarMicNotice(version, locale) {
@@ -1076,10 +1151,12 @@ var PRIVACY_HREF = "/privacy#live-avatar";
 var LIMIT_SECONDS = 30;
 var TICK_MS = 250;
 var IDLE = { name: "idle" };
-var FOR_GOOD = /* @__PURE__ */ new Set([
-  "unavailable",
-  "limit"
-]);
+var EN_IN = { lang: "en-IN", fallbackLang: "en-US" };
+var BROWSER_MIC_LANGUAGES = { en: EN_IN };
+var FOR_GOOD = {
+  stream: /* @__PURE__ */ new Set(["unavailable", "limit"]),
+  browser: /* @__PURE__ */ new Set(["unsupported"])
+};
 var FAILURE_TEXT = {
   denied: "micDenied",
   unsupported: "micUnsupported",
@@ -1088,14 +1165,32 @@ var FAILURE_TEXT = {
   busy: "micBusy",
   failed: "micFailed"
 };
+var loadedMic = null;
 function loadAvatarMic() {
-  return import('../avatar-mic/index.mjs').then((loaded) => ({
-    createAvatarMic: loaded.createAvatarMic
-  }));
+  return import('../avatar-mic/index.mjs').then((loaded) => {
+    const module = {
+      createAvatarMic: loaded.createAvatarMic,
+      createBrowserAvatarMic: loaded.createBrowserAvatarMic
+    };
+    loadedMic = module;
+    return module;
+  });
 }
 function canUseAvatarMic() {
   return typeof navigator !== "undefined" && typeof navigator.mediaDevices?.getUserMedia === "function" && typeof AudioContext !== "undefined" && typeof AudioWorkletNode !== "undefined" && typeof WebSocket !== "undefined";
 }
+function canUseBrowserMic() {
+  if (typeof window === "undefined" || typeof navigator === "undefined") {
+    return false;
+  }
+  if (window.isSecureContext !== true) return false;
+  const recognizer = Reflect.get(window, "SpeechRecognition") ?? Reflect.get(window, "webkitSpeechRecognition");
+  if (typeof recognizer !== "function") return false;
+  const agent = navigator.userAgent ?? "";
+  if (/\bFirefox\//.test(agent) || /\bFxiOS\//.test(agent)) return false;
+  return !("brave" in navigator);
+}
+var REPLAY_PRIVATE = "rr-block rr-mask";
 function clock(seconds) {
   const whole = Math.max(0, Math.floor(seconds));
   return `${Math.floor(whole / 60)}:${String(whole % 60).padStart(2, "0")}`;
@@ -1106,37 +1201,51 @@ function withHeardText(current, heard, maxLength) {
   const joined = current.trim() === "" ? text : `${current.replace(/\s+$/, "")} ${text}`;
   return joined.slice(0, Math.max(0, maxLength));
 }
+function noticeOf(source) {
+  return source.kind === "stream" ? AVATAR_MIC_NOTICE_VERSION : source.notice;
+}
+function micKeyOf(source, locale) {
+  return source.kind === "stream" ? `stream ${source.base}` : `browser ${BROWSER_MIC_LANGUAGES[locale]?.lang ?? ""}`;
+}
 function useAvatarMic({
   enabled,
   locale,
-  base,
-  offer,
-  refreshOffer,
+  source,
   onText,
   onStart
 }) {
   const S = avatarMicStrings(locale);
-  const copy = avatarMicNotice(AVATAR_MIC_NOTICE_VERSION, locale);
+  const noticeVersion = source === null ? null : noticeOf(source);
+  const copy = noticeVersion === null ? null : avatarMicNotice(noticeVersion, locale);
+  const kind = source?.kind ?? null;
+  const micKey = source === null ? null : micKeyOf(source, locale);
   const uid = useId();
   const noticeTitleId = `${uid}-mic-notice`;
-  const [withdrawn, setWithdrawn] = useState(null);
-  const [supported, setSupported] = useState(false);
-  useEffect(() => setSupported(canUseAvatarMic()), []);
-  const possible = enabled && supported && base !== null && S !== null && copy !== null;
-  const offered = possible && withdrawn === null;
+  const [withdrawn, setWithdrawn] = useState({});
+  const [supported, setSupported] = useState({ stream: false, browser: false });
+  useEffect(
+    () => setSupported({ stream: canUseAvatarMic(), browser: canUseBrowserMic() }),
+    []
+  );
+  const usable = source === null ? false : source.kind === "stream" ? supported.stream : supported.browser && BROWSER_MIC_LANGUAGES[locale] !== void 0;
+  const possible = enabled && kind !== null && usable && S !== null && copy !== null;
+  const withdrawnReason = kind === null ? null : withdrawn[kind] ?? null;
+  const offered = possible && withdrawnReason === null;
   const [state, setState] = useState(IDLE);
   const [noticeOpen, setNoticeOpen] = useState(false);
-  const agreedRef = useRef(false);
+  const agreedRef = useRef(null);
   const [loading2, setLoading] = useState(false);
   const [loadFailed, setLoadFailed] = useState(false);
   const [now, setNow] = useState(() => Date.now());
-  const micRef = useRef(null);
+  const micRef = useRef(
+    null
+  );
   const seqRef = useRef(0);
   const buttonRef = useRef(null);
   const allowRef = useRef(null);
-  const usedEpochRef = useRef(0);
-  const latest = useRef({ offer, refreshOffer, onText, onStart, base });
-  latest.current = { offer, refreshOffer, onText, onStart, base };
+  const usedRef = useRef(null);
+  const latest = useRef({ source, locale, noticeVersion, onText, onStart });
+  latest.current = { source, locale, noticeVersion, onText, onStart };
   const cancel = useCallback(() => {
     seqRef.current += 1;
     setLoading(false);
@@ -1147,6 +1256,12 @@ function useAvatarMic({
   useEffect(() => {
     if (!offered) cancel();
   }, [offered, cancel]);
+  const keyRef = useRef(micKey);
+  useEffect(() => {
+    if (keyRef.current === micKey) return;
+    keyRef.current = micKey;
+    cancel();
+  }, [micKey, cancel]);
   useEffect(
     () => () => {
       seqRef.current += 1;
@@ -1154,29 +1269,55 @@ function useAvatarMic({
     },
     []
   );
-  const micFor = useCallback(async (target) => {
-    const held = micRef.current;
-    if (held !== null && held.base === target) return held.mic;
-    held?.mic.cancel();
-    const loaded = await loadAvatarMic();
-    const mic = loaded.createAvatarMic({
-      base: target,
-      notice: AVATAR_MIC_NOTICE_VERSION,
-      offer: () => latest.current.offer,
-      refreshOffer: () => latest.current.refreshOffer(),
-      onState: setState
-    });
-    micRef.current = { base: target, mic };
-    return mic;
-  }, []);
+  const micOf = useCallback(
+    (loaded, wanted) => {
+      const key = micKeyOf(wanted, latest.current.locale);
+      const held = micRef.current;
+      if (held !== null && held.key === key) return held.mic;
+      held?.mic.cancel();
+      let mic;
+      if (wanted.kind === "stream") {
+        const stream = () => {
+          const current = latest.current.source;
+          return current?.kind === "stream" ? current : null;
+        };
+        mic = loaded.createAvatarMic({
+          base: wanted.base,
+          notice: AVATAR_MIC_NOTICE_VERSION,
+          offer: () => stream()?.offer ?? null,
+          refreshOffer: () => stream()?.refreshOffer() ?? Promise.resolve(null),
+          onState: setState
+        });
+      } else {
+        const language = BROWSER_MIC_LANGUAGES[latest.current.locale] ?? EN_IN;
+        mic = loaded.createBrowserAvatarMic({
+          lang: language.lang,
+          fallbackLang: language.fallbackLang,
+          maxPressMs: LIMIT_SECONDS * 1e3,
+          onState: setState
+        });
+      }
+      micRef.current = { key, kind: wanted.kind, mic };
+      return mic;
+    },
+    []
+  );
   const press = useCallback(() => {
-    const target = latest.current.base;
-    if (target === null) return;
+    const wanted = latest.current.source;
+    if (wanted === null) return;
     seqRef.current += 1;
     const seq = seqRef.current;
     setLoadFailed(false);
+    const held = micRef.current;
+    const ready = wanted.kind !== "browser" ? null : held !== null && held.key === micKeyOf(wanted, latest.current.locale) ? held.mic : loadedMic !== null ? micOf(loadedMic, wanted) : null;
+    if (ready !== null) {
+      setLoading(false);
+      ready.start();
+      return;
+    }
     setLoading(true);
-    void micFor(target).then(
+    const arriving = held !== null && held.key === micKeyOf(wanted, latest.current.locale) ? Promise.resolve(held.mic) : loadAvatarMic().then((loaded) => micOf(loaded, wanted));
+    void arriving.then(
       (mic) => {
         if (seqRef.current !== seq) return;
         setLoading(false);
@@ -1188,8 +1329,9 @@ function useAvatarMic({
         setLoadFailed(true);
       }
     );
-  }, [micFor]);
+  }, [micOf]);
   const recording = loading2 || state.name === "starting" || state.name === "listening";
+  const finishing = kind === "browser" && state.name === "finishing";
   const tap = useCallback(() => {
     if (state.name === "listening" || state.name === "starting") {
       micRef.current?.mic.stop();
@@ -1199,16 +1341,26 @@ function useAvatarMic({
       cancel();
       return;
     }
+    if (finishing) return;
     latest.current.onStart?.();
-    if (!agreedRef.current) {
+    if (agreedRef.current !== latest.current.noticeVersion) {
       setNoticeOpen(true);
-      void loadAvatarMic().catch(() => void 0);
+      const seq = seqRef.current;
+      void loadAvatarMic().then(
+        (loaded) => {
+          const wanted = latest.current.source;
+          if (seqRef.current === seq && wanted?.kind === "browser") {
+            micOf(loaded, wanted);
+          }
+        },
+        () => void 0
+      );
       return;
     }
     press();
-  }, [cancel, loading2, press, state.name]);
+  }, [cancel, finishing, loading2, micOf, press, state.name]);
   const allow = useCallback(() => {
-    agreedRef.current = true;
+    agreedRef.current = latest.current.noticeVersion;
     setNoticeOpen(false);
     buttonRef.current?.focus();
     press();
@@ -1228,11 +1380,15 @@ function useAvatarMic({
     return () => clearInterval(timer);
   }, [listeningSince]);
   useEffect(() => {
-    if (state.name === "done" && state.epoch !== usedEpochRef.current) {
-      usedEpochRef.current = state.epoch;
+    if (state.name === "done" && state !== usedRef.current) {
+      usedRef.current = state;
       if (state.text !== "") latest.current.onText(state.text);
-    } else if (state.name === "failed" && FOR_GOOD.has(state.reason)) {
-      setWithdrawn(state.reason);
+      return;
+    }
+    const pressed = micRef.current?.kind;
+    if (state.name === "failed" && pressed !== void 0 && FOR_GOOD[pressed].has(state.reason)) {
+      const reason = state.reason;
+      setWithdrawn((held) => ({ ...held, [pressed]: reason }));
     }
   }, [state]);
   if (!possible || S === null || copy === null) {
@@ -1244,7 +1400,7 @@ function useAvatarMic({
       recording: false
     };
   }
-  const status = withdrawn !== null ? S[FAILURE_TEXT[withdrawn]] : loading2 ? S.micStarting : loadFailed ? S.micFailed : state.name === "starting" ? S.micStarting : state.name === "listening" ? S.micListening : state.name === "finishing" ? S.micFinishing : state.name === "done" ? state.text === "" ? S.micNoSpeech : state.limit ? S.micDoneLimit : S.micDone : state.name === "failed" ? S[FAILURE_TEXT[state.reason]] : "";
+  const status = withdrawnReason !== null ? S[FAILURE_TEXT[withdrawnReason]] : loading2 ? S.micStarting : loadFailed ? S.micFailed : state.name === "starting" ? S.micStarting : state.name === "listening" ? S.micListening : state.name === "finishing" ? S.micFinishing : state.name === "done" ? state.text === "" ? S.micNoSpeech : state.limit ? S.micDoneLimit : S.micDone : state.name === "failed" ? S[FAILURE_TEXT[state.reason]] : "";
   const heard = offered && (state.name === "listening" || state.name === "finishing") ? state.text : "";
   const button = !offered ? null : /* @__PURE__ */ jsx(
     "button",
@@ -1253,12 +1409,15 @@ function useAvatarMic({
       type: "button",
       "aria-label": recording ? S.micStop : S.micStart,
       "aria-pressed": recording,
+      "aria-disabled": finishing ? true : void 0,
       title: recording ? S.micStop : S.micStart,
       "data-boff-explore": "avatar-live-mic",
       "data-mic": loading2 ? "starting" : state.name,
+      "data-mic-source": kind ?? void 0,
       className: cn(
         "inline-flex h-11 w-11 shrink-0 items-center justify-center rounded-md border transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background motion-reduce:transition-none",
-        recording ? "border-primary bg-primary text-primary-foreground" : "border-border bg-background text-foreground hover:bg-accent hover:text-accent-foreground"
+        recording ? "border-primary bg-primary text-primary-foreground" : "border-border bg-background text-foreground hover:bg-accent hover:text-accent-foreground",
+        finishing && "cursor-wait opacity-50"
       ),
       onClick: tap,
       children: recording ? /* @__PURE__ */ jsx(Square, { "aria-hidden": "true", className: "h-4 w-4" }) : /* @__PURE__ */ jsx(Mic, { "aria-hidden": "true", className: "h-4 w-4" })
@@ -1341,7 +1500,11 @@ function useAvatarMic({
       {
         "data-boff-explore": "avatar-live-mic-heard",
         dir: "auto",
-        className: "line-clamp-3 break-words text-sm italic text-muted-foreground",
+        className: cn(
+          // rrweb's default block and mask classes: a site's session replay records none of what is heard.
+          REPLAY_PRIVATE,
+          "line-clamp-3 break-words text-sm italic text-muted-foreground"
+        ),
         children: heard
       }
     )
@@ -1478,6 +1641,7 @@ var PLAYOUT_TAIL_MS = 5e3;
 var QUIET_PLAYED_OUT_MS = 2500;
 var OWED_VOICE_WAIT_MS = 15e3;
 var LISTENING_MARK_MS = 1e4;
+var LISTENING_MARK_SPACING_MS = 5e3;
 var BUSY_RETRY_MS = 2e3;
 var BUSY_RETRY_MAX_MS = 8e3;
 var MAX_BUSY_RETRIES = 24;
@@ -1603,8 +1767,15 @@ function acceptsQuestion(slot) {
 function followUpBox(phase, run, token) {
   return phase.name === "live" && run !== null && phase.session.followUp !== null && !phase.session.followUp.closed && token === run.token;
 }
-function micOfferOf(result) {
-  return result.kind === "available" && result.offer.stt !== void 0 ? { ...result.offer.stt, receivedAt: Date.now() } : null;
+var NO_MIC = { kind: "none" };
+function micChoiceOf(result, locale) {
+  if (result.kind !== "available") return NO_MIC;
+  const { offer } = result;
+  const micNotice = avatarConsentCopy(offer.consentVersion, locale)?.micNotice;
+  if (offer.mic !== void 0) {
+    return offer.mic.mode === "browser" && micNotice !== void 0 ? { kind: "browser", notice: micNotice } : NO_MIC;
+  }
+  return offer.stt !== void 0 && micNotice === void 0 ? { kind: "stream", offer: { ...offer.stt, receivedAt: Date.now() } } : NO_MIC;
 }
 function utcToday() {
   return (/* @__PURE__ */ new Date()).toISOString().slice(0, 10);
@@ -1754,7 +1925,7 @@ function AvatarLiveView({
   const waitRef = useRef(null);
   const sendingRef = useRef(false);
   const textBoxRef = useRef(false);
-  const [micOffer, setMicOffer] = useState(null);
+  const [micChoice, setMicChoice] = useState(NO_MIC);
   const micCancelRef = useRef(() => void 0);
   const sendDueRef = useRef(() => void 0);
   const checkRef = useRef(null);
@@ -2058,7 +2229,7 @@ function AvatarLiveView({
   const applyAvailability = useCallback(
     (result, locale2) => {
       const { live: live2 } = latest.current;
-      setMicOffer(micOfferOf(result));
+      setMicChoice(micChoiceOf(result, locale2));
       if (result.kind === "inert") {
         setMode("suggested");
         go(INERT2);
@@ -2130,7 +2301,8 @@ function AvatarLiveView({
         due: null,
         retry: null,
         sent: /* @__PURE__ */ new Set([context.messageId]),
-        seq: 0
+        seq: 0,
+        listenedAt: null
       } : null;
       sessionRef.current = {
         session,
@@ -2765,16 +2937,18 @@ function AvatarLiveView({
   const refreshMicOffer = useCallback(async () => {
     const { live: live2, locale: locale2, base: base2, headers: headers2 } = latest.current;
     if (base2 === null) return null;
-    const next = micOfferOf(
+    const next = micChoiceOf(
       await requestAvailabilityAnswer({
         base: base2,
         headers: headers2,
         site: live2.site,
         locale: locale2
-      })
+      }),
+      locale2
     );
-    if (next !== null) setMicOffer(next);
-    return next;
+    if (next.kind !== "stream") return null;
+    setMicChoice(next);
+    return next.offer;
   }, []);
   const onMicText = useCallback(
     (text) => {
@@ -2800,8 +2974,14 @@ function AvatarLiveView({
     handle.playedOut = true;
     showFollowUp(handle, { speaking: false });
   }, [showFollowUp, tell]);
+  const micSource = micChoice.kind === "browser" ? { kind: "browser", notice: micChoice.notice } : micChoice.kind === "stream" && base !== null ? {
+    kind: "stream",
+    base,
+    offer: micChoice.offer,
+    refreshOffer: refreshMicOffer
+  } : null;
   const mic = useAvatarMic({
-    enabled: live.mic === true && micOffer !== null && !off && acceptsQuestion({
+    enabled: live.mic === true && micSource !== null && !off && acceptsQuestion({
       any,
       phase: phase.name,
       kind,
@@ -2810,9 +2990,7 @@ function AvatarLiveView({
       followUp: followUpAsks
     }),
     locale,
-    base,
-    offer: micOffer,
-    refreshOffer: refreshMicOffer,
+    source: micSource,
     onText: onMicText,
     onStart: onMicStart
   });
@@ -2823,15 +3001,23 @@ function AvatarLiveView({
     if (!micRecording || handle === null || handle.followUps === null || handle.done) {
       return;
     }
-    tell(handle, "listening");
+    const run = handle.followUps;
     const every = Math.min(
       LISTENING_MARK_MS,
-      Math.max(1e3, handle.followUps.limits.idleSeconds * 1e3 / 3)
+      Math.max(1e3, run.limits.idleSeconds * 1e3 / 3)
     );
-    const timer = setInterval(() => tell(handle, "listening"), every);
+    const spacing = Math.min(LISTENING_MARK_SPACING_MS, every / 2);
+    const mark = () => {
+      const at = Date.now();
+      if (run.listenedAt !== null && at - run.listenedAt < spacing) return;
+      run.listenedAt = at;
+      tell(handle, "listening");
+    };
+    mark();
+    const timer = setInterval(mark, every);
     return () => {
       clearInterval(timer);
-      if (sessionRef.current === handle) tell(handle, "listening");
+      if (sessionRef.current === handle) mark();
     };
   }, [micRecording, tell]);
   const notNow = useCallback(() => {
@@ -3703,7 +3889,12 @@ function AskBox({
               dir: "auto",
               "data-avatar-primary": touchFirst ? void 0 : "",
               "data-boff-explore": "avatar-live-ask-input",
-              className: "max-h-32 min-h-11 flex-1 resize-none rounded-md border border-border bg-background px-3 py-2.5 text-base text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring sm:text-sm",
+              className: cn(
+                // Kept out of a site's session replay before Send (rrweb's default classes; `rr-ignore` for its input
+                // events): the text may be what the mic heard, or what the visitor typed.
+                REPLAY_PRIVATE,
+                "rr-ignore max-h-32 min-h-11 flex-1 resize-none rounded-md border border-border bg-background px-3 py-2.5 text-base text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring sm:text-sm"
+              ),
               onChange: (event) => {
                 setRefusedFiles(false);
                 onChange(event.target.value);