@burdenoff/website-sdk 2026.1105.3 → 2026.1106.1

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunk3AIAJ2L4_js = require('../chunk-3AIAJ2L4.js');
+var chunkZ2UP22GV_js = require('../chunk-Z2UP22GV.js');
 var chunkN7E6Z2GF_js = require('../chunk-N7E6Z2GF.js');
 var chunkC6OJIHNO_js = require('../chunk-C6OJIHNO.js');
 require('../chunk-ZSTFX7FV.js');
@@ -72,15 +72,23 @@ function readSttOffer(value) {
   return { token, expiresAt };
 }
 var MIC_MAX_PRESS_SECONDS = 30;
+var AVATAR_MIC_PAUSE_MIN_MS = 2e3;
+var AVATAR_MIC_PAUSE_MAX_MS = 2500;
 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) {
+  const { mode, maxPressSeconds, pauseMs } = value;
+  if (keys[0] !== "maxPressSeconds" || keys[1] !== "mode" || mode !== "browser" || maxPressSeconds !== MIC_MAX_PRESS_SECONDS) {
     return UNREADABLE_MIC;
   }
-  return { mode: "browser", maxPressSeconds: MIC_MAX_PRESS_SECONDS };
+  if (keys.length === 2) {
+    return { mode: "browser", maxPressSeconds: MIC_MAX_PRESS_SECONDS };
+  }
+  if (keys.length !== 3 || keys[2] !== "pauseMs" || typeof pauseMs !== "number" || !Number.isSafeInteger(pauseMs) || pauseMs < AVATAR_MIC_PAUSE_MIN_MS || pauseMs > AVATAR_MIC_PAUSE_MAX_MS) {
+    return UNREADABLE_MIC;
+  }
+  return { mode: "browser", maxPressSeconds: MIC_MAX_PRESS_SECONDS, pauseMs };
 }
 function readAvailability(status, body) {
   if (status !== 200 || !isRecord(body)) return INERT;
@@ -92,7 +100,7 @@ function readAvailability(status, body) {
     const { consentVersion, maxSessionSeconds } = body;
     const botCheck = readBotCheck(body.botCheck);
     const questions = readQuestions(body.questions);
-    if (available !== true || typeof consentVersion !== "string" || !chunk3AIAJ2L4_js.isAvatarVersion(consentVersion) || typeof maxSessionSeconds !== "number" || !Number.isInteger(maxSessionSeconds) || maxSessionSeconds < 1 || botCheck === null || questions === null) {
+    if (available !== true || typeof consentVersion !== "string" || !chunkZ2UP22GV_js.isAvatarVersion(consentVersion) || typeof maxSessionSeconds !== "number" || !Number.isInteger(maxSessionSeconds) || maxSessionSeconds < 1 || botCheck === null || questions === null) {
       return INERT;
     }
     const stt = readSttOffer(body.stt);
@@ -110,10 +118,13 @@ function readAvailability(status, body) {
     };
   }
   const meaning = available ? void 0 : AVAILABILITY_REASONS.get(reason);
-  return meaning === void 0 || meaning === "inert" ? INERT : {
+  if (meaning === void 0 || meaning === "inert") return INERT;
+  const named = body.consentVersion;
+  return {
     kind: "refused",
     reason: meaning,
-    questions: body.questions === "any" ? "any" : "suggested"
+    questions: body.questions === "any" ? "any" : "suggested",
+    ...typeof named === "string" && chunkZ2UP22GV_js.isAvatarVersion(named) ? { consentVersion: named } : {}
   };
 }
 var CREATE_REFUSALS = /* @__PURE__ */ new Map([
@@ -218,7 +229,7 @@ async function requestAvailability(target) {
   }
 }
 async function requestAvailabilityAnswer(target) {
-  if (!chunk3AIAJ2L4_js.isAvatarSite(target.site) || !LOCALE.test(target.locale)) return INERT;
+  if (!chunkZ2UP22GV_js.isAvatarSite(target.site) || !LOCALE.test(target.locale)) return INERT;
   const query = new URLSearchParams({
     site: target.site,
     locale: target.locale
@@ -1083,10 +1094,31 @@ var CONSENT = /* @__PURE__ */ new Map([
         micNotice: BROWSER_MIC_NOTICE_VERSION
       }
     }
+  ],
+  [
+    // Stage C3 (BOFF-9797, the operator's final decision of 2026-11-06, "nothing at all"): the voice conversation with NO
+    // notice in the Avatar tab. Typed questions, Stage B's three minutes, Stage D's answers after the first, the
+    // browser's own recognizer (AVATAR_WEB_MIC=browser) with the server's pause, and no bot check (alpha and prod both
+    // run it with AVATAR_WEB_BOT_CHECK=off). No words, so nothing to agree to: the server must record no consent for it
+    // and hold no notice digest for it, and the create names it as a protocol token only. Speech processing and the
+    // question sent by itself are the site's privacy policy's to describe. PROD waits for the privacy reviewer's
+    // approval of this experience. (The
+    // notice versions web-consent-2026-11-23-v and -24-v, which no environment ever ran, are retired with the dialog
+    // that showed them: this SDK has no copy for them, so a server naming one gets the Avatar tab as it was.)
+    "web-voice-2026-11-25-n",
+    {
+      en: {
+        notice: "none",
+        botCheck: "off",
+        questions: "any",
+        followUps: true,
+        voice: { pauseMs: 2e3 }
+      }
+    }
   ]
 ]);
 function avatarConsentCopy(version, locale) {
-  if (!chunk3AIAJ2L4_js.isAvatarLiveLocaleReviewed(locale)) return null;
+  if (!chunkZ2UP22GV_js.isAvatarLiveLocaleReviewed(locale)) return null;
   return CONSENT.get(version)?.[locale] ?? null;
 }
 var MIC_EN = {
@@ -1110,9 +1142,33 @@ var MIC_EN = {
 };
 var MIC_STRINGS = { en: MIC_EN };
 function avatarMicStrings(locale) {
-  if (!chunk3AIAJ2L4_js.isAvatarLiveLocaleReviewed(locale)) return null;
+  if (!chunkZ2UP22GV_js.isAvatarLiveLocaleReviewed(locale)) return null;
   return MIC_STRINGS[locale] ?? null;
 }
+var VOICE_EN = {
+  talk: "Talk",
+  talkInterrupt: "Stop the avatar and talk",
+  stopListening: "Stop listening",
+  start: "Start",
+  cancelled: "The avatar didn't start. Press Start to try again.",
+  starting: "Starting the microphone\u2026",
+  listening: "Listening\u2026",
+  pausing: "Still listening \u2014 take your time",
+  sending: "Sending your question\u2026",
+  again: "The mic listens again after the answer.",
+  off: "Voice is off. Tap Talk to speak, or type your question.",
+  inBox: "Voice is off. Your words are in the box: edit them or press Send.",
+  atLimit: "The mic stopped at thirty seconds. Your words are in the box: press Send to ask.",
+  noQuestion: "No question was heard. Tap Talk to try again, or type your question.",
+  tapNext: "Tap Talk to ask your next question.",
+  headline: "Tap Talk and ask. The avatar answers aloud.",
+  placeholder: "Or type\u2026"
+};
+var VOICE_STRINGS = { en: VOICE_EN };
+function avatarVoiceStrings(locale) {
+  if (!chunkZ2UP22GV_js.isAvatarLiveLocaleReviewed(locale)) return null;
+  return VOICE_STRINGS[locale] ?? null;
+}
 var AVATAR_MIC_NOTICE_VERSION = "web-mic-2026-11-05";
 var MIC_NOTICE = /* @__PURE__ */ new Map([
   [
@@ -1146,7 +1202,7 @@ var MIC_NOTICE = /* @__PURE__ */ new Map([
   ]
 ]);
 function avatarMicNotice(version, locale) {
-  if (!chunk3AIAJ2L4_js.isAvatarLiveLocaleReviewed(locale)) return null;
+  if (!chunkZ2UP22GV_js.isAvatarLiveLocaleReviewed(locale)) return null;
   return MIC_NOTICE.get(version)?.[locale] ?? null;
 }
 var PRIVACY_HREF = "/privacy#live-avatar";
@@ -1190,6 +1246,7 @@ function canUseBrowserMic() {
   if (typeof recognizer !== "function") return false;
   const agent = navigator.userAgent ?? "";
   if (/\bFirefox\//.test(agent) || /\bFxiOS\//.test(agent)) return false;
+  if (/\bOPR\//.test(agent)) return false;
   return !("brave" in navigator);
 }
 var REPLAY_PRIVATE = "rr-block rr-mask";
@@ -1207,20 +1264,33 @@ 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 ?? ""}`;
+  if (source.kind === "stream") return `stream ${source.base}`;
+  const lang = BROWSER_MIC_LANGUAGES[locale]?.lang ?? "";
+  return source.pauseMs === void 0 ? `browser ${lang}` : `browser ${lang} pause ${source.pauseMs}`;
+}
+function underWay(state) {
+  return state.name === "starting" || state.name === "listening" || state.name === "finishing";
 }
 function useAvatarMic({
   enabled,
   locale,
   source,
   onText,
-  onStart
+  onStart,
+  onTurn,
+  onPress,
+  echoOf,
+  interruptible = false,
+  note = null
 }) {
   const S = avatarMicStrings(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 paused = source?.kind === "browser" && source.pauseMs !== void 0;
+  const conversation = paused && noticeVersion !== null && avatarConsentCopy(noticeVersion, locale)?.notice === "none";
+  const copy = noticeVersion === null || paused ? null : avatarMicNotice(noticeVersion, locale);
+  const V = conversation ? avatarVoiceStrings(locale) : null;
   const uid = react.useId();
   const noticeTitleId = `${uid}-mic-notice`;
   const [withdrawn, setWithdrawn] = react.useState({});
@@ -1230,13 +1300,19 @@ function useAvatarMic({
     []
   );
   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 showable = kind !== null && usable && S !== null && (paused ? conversation && V !== null : copy !== null);
+  const possible = enabled && showable;
   const withdrawnReason = kind === null ? null : withdrawn[kind] ?? null;
   const offered = possible && withdrawnReason === null;
   const [state, setState] = react.useState(IDLE);
   const [noticeOpen, setNoticeOpen] = react.useState(false);
   const agreedRef = react.useRef(null);
-  const [loading2, setLoading] = react.useState(false);
+  const [loading2, setLoadingState] = react.useState(false);
+  const loadingRef = react.useRef(false);
+  const setLoading = react.useCallback((value) => {
+    loadingRef.current = value;
+    setLoadingState(value);
+  }, []);
   const [loadFailed, setLoadFailed] = react.useState(false);
   const [now, setNow] = react.useState(() => Date.now());
   const micRef = react.useRef(
@@ -1246,15 +1322,39 @@ function useAvatarMic({
   const buttonRef = react.useRef(null);
   const allowRef = react.useRef(null);
   const usedRef = react.useRef(null);
-  const latest = react.useRef({ source, locale, noticeVersion, onText, onStart });
-  latest.current = { source, locale, noticeVersion, onText, onStart };
+  const gestureRef = react.useRef(false);
+  const [, setUsedTick] = react.useState(0);
+  const latest = react.useRef({
+    source,
+    locale,
+    noticeVersion,
+    onText,
+    onStart,
+    onTurn,
+    onPress,
+    echoOf,
+    conversation,
+    offered
+  });
+  latest.current = {
+    source,
+    locale,
+    noticeVersion,
+    onText,
+    onStart,
+    onTurn,
+    onPress,
+    echoOf,
+    conversation,
+    offered
+  };
   const cancel = react.useCallback(() => {
     seqRef.current += 1;
     setLoading(false);
     setLoadFailed(false);
     setNoticeOpen(false);
     micRef.current?.mic.cancel();
-  }, []);
+  }, [setLoading]);
   react.useEffect(() => {
     if (!offered) cancel();
   }, [offered, cancel]);
@@ -1292,11 +1392,22 @@ function useAvatarMic({
         });
       } else {
         const language = BROWSER_MIC_LANGUAGES[latest.current.locale] ?? EN_IN;
+        const { pauseMs } = wanted;
         mic = loaded.createBrowserAvatarMic({
           lang: language.lang,
           fallbackLang: language.fallbackLang,
           maxPressMs: LIMIT_SECONDS * 1e3,
-          onState: setState
+          onState: setState,
+          // The voice conversation: each press ends itself on the server's pause. The avatar's own words heard back
+          // are looked for only in a press the conversation started by itself: one the visitor's own tap started runs
+          // while the avatar is quiet, or muted here by that tap (a Talk while it speaks interrupts it), so its words are
+          // the visitor's, whatever of the answer they repeat ("Delivery is free across Tamil Nadu?").
+          ...pauseMs === void 0 ? {} : {
+            endpoint: {
+              pauseMs,
+              echoOf: () => gestureRef.current ? null : latest.current.echoOf?.() ?? null
+            }
+          }
         });
       }
       micRef.current = { key, kind: wanted.kind, mic };
@@ -1304,37 +1415,90 @@ function useAvatarMic({
     },
     []
   );
-  const press = react.useCallback(() => {
-    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);
-    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);
-        mic.start();
-      },
-      () => {
-        if (seqRef.current !== seq) return;
+  const press = react.useCallback(
+    (gesture) => {
+      const wanted = latest.current.source;
+      if (wanted === null) return;
+      seqRef.current += 1;
+      const seq = seqRef.current;
+      setLoadFailed(false);
+      gestureRef.current = gesture;
+      if (latest.current.conversation) latest.current.onPress?.(gesture);
+      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);
-        setLoadFailed(true);
+        ready.start();
+        return;
       }
-    );
-  }, [micOf]);
+      setLoading(true);
+      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);
+          mic.start();
+        },
+        () => {
+          if (seqRef.current !== seq) return;
+          setLoading(false);
+          setLoadFailed(true);
+          if (latest.current.conversation) {
+            latest.current.onTurn?.({
+              by: "failed",
+              text: "",
+              echo: false,
+              gesture,
+              failure: "failed"
+            });
+          }
+        }
+      );
+    },
+    [micOf, setLoading]
+  );
   const recording = loading2 || state.name === "starting" || state.name === "listening";
   const finishing = kind === "browser" && state.name === "finishing";
+  const preload = react.useCallback(() => {
+    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
+    );
+  }, [micOf]);
+  const pressing = react.useCallback(() => {
+    const held = micRef.current?.mic.state() ?? IDLE;
+    return loadingRef.current || underWay(held) || (held.name === "done" || held.name === "failed") && held !== usedRef.current;
+  }, []);
+  const stopListening = react.useCallback(() => {
+    const held = micRef.current?.mic.state() ?? IDLE;
+    let text = "";
+    if (held.name === "listening" || held.name === "finishing") {
+      text = held.text;
+    } else if ((held.name === "done" || held.name === "failed") && held !== usedRef.current) {
+      usedRef.current = held;
+      text = held.text;
+    }
+    const gesture = gestureRef.current;
+    cancel();
+    latest.current.onTurn?.({ by: "tap", text, echo: false, gesture });
+  }, [cancel]);
   const tap = react.useCallback(() => {
+    if (latest.current.conversation) {
+      if (pressing()) {
+        stopListening();
+        return;
+      }
+      latest.current.onStart?.();
+      agreedRef.current = latest.current.noticeVersion;
+      press(true);
+      return;
+    }
     if (state.name === "listening" || state.name === "starting") {
       micRef.current?.mic.stop();
       return;
@@ -1347,30 +1511,56 @@ function useAvatarMic({
     latest.current.onStart?.();
     if (agreedRef.current !== latest.current.noticeVersion) {
       setNoticeOpen(true);
-      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
-      );
+      preload();
       return;
     }
-    press();
-  }, [cancel, finishing, loading2, micOf, press, state.name]);
+    press(true);
+  }, [
+    cancel,
+    finishing,
+    loading2,
+    preload,
+    press,
+    pressing,
+    state.name,
+    stopListening
+  ]);
   const allow = react.useCallback(() => {
     agreedRef.current = latest.current.noticeVersion;
     setNoticeOpen(false);
     buttonRef.current?.focus();
-    press();
+    press(true);
   }, [press]);
   const notNow = react.useCallback(() => {
     setNoticeOpen(false);
     buttonRef.current?.focus();
   }, []);
+  const preparing = conversation && offered;
+  react.useEffect(() => {
+    if (preparing) preload();
+  }, [preparing, preload]);
+  const listen = react.useCallback(() => {
+    if (!latest.current.conversation || !latest.current.offered || // Never before the visitor's own Talk on this page, under this version.
+    agreedRef.current !== latest.current.noticeVersion || // A press under way, or one that has ended and whose outcome has not gone to the view yet (still that press: a
+    // question that ended on its pause is about to be sent): the mic must not open over it.
+    pressing()) {
+      return false;
+    }
+    press(false);
+    return true;
+  }, [press, pressing]);
+  const heard = react.useCallback(() => {
+    const held = micRef.current?.mic.state() ?? IDLE;
+    return held.name === "listening" || held.name === "finishing" ? held.text : "";
+  }, []);
+  const dropLoopPress = react.useCallback(() => {
+    const held = micRef.current?.mic.state() ?? IDLE;
+    if (!latest.current.conversation || gestureRef.current || !loadingRef.current && !underWay(held)) {
+      return false;
+    }
+    cancel();
+    return true;
+  }, [cancel]);
   react.useEffect(() => {
     if (noticeOpen) allowRef.current?.focus();
   }, [noticeOpen]);
@@ -1382,28 +1572,71 @@ function useAvatarMic({
     return () => clearInterval(timer);
   }, [listeningSince]);
   react.useEffect(() => {
+    const voice = latest.current.conversation;
     if (state.name === "done" && state !== usedRef.current) {
       usedRef.current = state;
-      if (state.text !== "") latest.current.onText(state.text);
+      if (voice) {
+        latest.current.onTurn?.({
+          by: state.by ?? (state.limit ? "limit" : "tap"),
+          text: state.text,
+          echo: state.echo === true,
+          gesture: gestureRef.current
+        });
+        setUsedTick((tick) => tick + 1);
+      } else if (state.text !== "") {
+        latest.current.onText(state.text);
+      }
       return;
     }
     const pressed = micRef.current?.kind;
-    if (state.name === "failed" && pressed !== void 0 && FOR_GOOD[pressed].has(state.reason)) {
+    if (state.name === "failed" && voice && state !== usedRef.current) {
+      usedRef.current = state;
+      const gesture = gestureRef.current;
+      if (gesture && pressed !== void 0 && FOR_GOOD[pressed].has(state.reason)) {
+        const reason = state.reason;
+        setWithdrawn((held) => ({ ...held, [pressed]: reason }));
+      }
+      latest.current.onTurn?.({
+        by: "failed",
+        text: state.text,
+        echo: false,
+        gesture,
+        failure: state.reason
+      });
+      setUsedTick((tick) => tick + 1);
+      return;
+    }
+    if (state.name === "failed" && !voice && pressed !== void 0 && FOR_GOOD[pressed].has(state.reason)) {
       const reason = state.reason;
       setWithdrawn((held) => ({ ...held, [pressed]: reason }));
     }
   }, [state]);
+  const outcomeDue = (state.name === "done" || state.name === "failed") && state !== usedRef.current;
+  const busy = loading2 || state.name === "starting" || state.name === "listening" || state.name === "finishing" || outcomeDue;
+  const voiceControls = {
+    mode: conversation ? "conversation" : "editable",
+    speaking: conversation && offered && state.name === "listening" && state.genuine === true,
+    busy,
+    pressing,
+    listen,
+    heard,
+    dropLoopPress
+  };
+  if (conversation && showable && V !== null && S !== null) {
+    return conversationControls(V, S);
+  }
   if (!possible || S === null || copy === null) {
     return {
       button: null,
       notice: null,
       lines: null,
       cancel,
-      recording: false
+      recording: false,
+      ...voiceControls
     };
   }
   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 heardText = offered && (state.name === "listening" || state.name === "finishing") ? state.text : "";
   const button = !offered ? null : /* @__PURE__ */ jsxRuntime.jsx(
     "button",
     {
@@ -1425,62 +1658,11 @@ function useAvatarMic({
       children: recording ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Square, { "aria-hidden": "true", className: "h-4 w-4" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Mic, { "aria-hidden": "true", className: "h-4 w-4" })
     }
   );
-  const notice = offered && noticeOpen ? /* @__PURE__ */ jsxRuntime.jsxs(
-    "section",
-    {
-      "aria-labelledby": noticeTitleId,
-      "data-boff-explore": "avatar-live-mic-notice",
-      className: "w-full rounded-lg border border-border p-3 text-start",
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx("h3", { id: noticeTitleId, className: "text-sm font-semibold", children: copy.title }),
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: copy.processing }),
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: copy.storage }),
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: copy.text }),
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: copy.limits }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "a",
-          {
-            href: PRIVACY_HREF,
-            target: "_blank",
-            rel: "noopener noreferrer",
-            "data-boff-explore": "avatar-live-mic-privacy",
-            className: "mt-1 inline-block text-xs font-medium text-primary underline underline-offset-2 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-            children: copy.privacyLink
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-2 flex flex-wrap gap-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "button",
-            {
-              ref: allowRef,
-              type: "button",
-              "data-boff-explore": "avatar-live-mic-allow",
-              className: "inline-flex min-h-11 items-center justify-center rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground transition-opacity hover:opacity-90 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",
-              onClick: allow,
-              children: S.micAllow
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "button",
-            {
-              type: "button",
-              "data-boff-explore": "avatar-live-mic-not-now",
-              className: "inline-flex min-h-11 items-center justify-center rounded-md border border-border bg-background px-4 py-2 text-sm font-medium text-foreground transition-colors hover:bg-accent hover:text-accent-foreground 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",
-              onClick: notNow,
-              children: S.micNotNow
-            }
-          )
-        ] })
-      ]
-    }
-  ) : null;
+  const notice = offered && noticeOpen ? noticeCard(copy, S.micAllow, S.micNotNow) : null;
   const listening = offered && state.name === "listening";
   const lines = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: [
-      listening ? /* @__PURE__ */ jsxRuntime.jsxs("span", { "aria-hidden": "true", className: "relative flex h-2 w-2 shrink-0", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute inline-flex h-full w-full animate-ping rounded-full bg-primary opacity-75 motion-reduce:animate-none" }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "relative inline-flex h-2 w-2 rounded-full bg-primary" })
-      ] }) : null,
+      listening ? listeningDot : null,
       /* @__PURE__ */ jsxRuntime.jsx("p", { role: "status", "data-boff-explore": "avatar-live-mic-status", children: status }),
       listening ? /* @__PURE__ */ jsxRuntime.jsx(
         "span",
@@ -1497,7 +1679,69 @@ function useAvatarMic({
         }
       ) : null
     ] }),
-    heard === "" ? null : /* @__PURE__ */ jsxRuntime.jsx(
+    heardLine(heardText)
+  ] });
+  return {
+    button,
+    notice,
+    lines,
+    cancel,
+    recording: offered && state.name === "listening",
+    ...voiceControls
+  };
+  function noticeCard(words, allowLabel, notNowLabel) {
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "section",
+      {
+        "aria-labelledby": noticeTitleId,
+        "data-boff-explore": "avatar-live-mic-notice",
+        className: "w-full rounded-lg border border-border p-3 text-start",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("h3", { id: noticeTitleId, className: "text-sm font-semibold", children: words.title }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: words.processing }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: words.storage }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: words.text }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: words.limits }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "a",
+            {
+              href: PRIVACY_HREF,
+              target: "_blank",
+              rel: "noopener noreferrer",
+              "data-boff-explore": "avatar-live-mic-privacy",
+              className: "mt-1 inline-block text-xs font-medium text-primary underline underline-offset-2 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+              children: words.privacyLink
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-2 flex flex-wrap gap-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                ref: allowRef,
+                type: "button",
+                "data-boff-explore": "avatar-live-mic-allow",
+                className: "inline-flex min-h-11 items-center justify-center rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground transition-opacity hover:opacity-90 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",
+                onClick: allow,
+                children: allowLabel
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                "data-boff-explore": "avatar-live-mic-not-now",
+                className: "inline-flex min-h-11 items-center justify-center rounded-md border border-border bg-background px-4 py-2 text-sm font-medium text-foreground transition-colors hover:bg-accent hover:text-accent-foreground 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",
+                onClick: notNow,
+                children: notNowLabel
+              }
+            )
+          ] })
+        ]
+      }
+    );
+  }
+  function heardLine(text) {
+    return text === "" ? null : /* @__PURE__ */ jsxRuntime.jsx(
       "p",
       {
         "data-boff-explore": "avatar-live-mic-heard",
@@ -1507,18 +1751,70 @@ function useAvatarMic({
           REPLAY_PRIVATE,
           "line-clamp-3 break-words text-sm italic text-muted-foreground"
         ),
-        children: heard
+        children: text
       }
-    )
-  ] });
-  return {
-    button,
-    notice,
-    lines,
-    cancel,
-    recording: offered && state.name === "listening"
-  };
+    );
+  }
+  function conversationControls(V2, S2) {
+    const going = loading2 || state.name === "starting" || state.name === "listening" || state.name === "finishing";
+    const label = busy ? V2.stopListening : V2.talk;
+    const name = busy ? V2.stopListening : interruptible ? V2.talkInterrupt : V2.talk;
+    const talk = !offered ? null : /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        ref: buttonRef,
+        type: "button",
+        "aria-label": name,
+        title: name,
+        "data-boff-explore": "avatar-live-mic",
+        "data-mic": loading2 ? "starting" : state.name,
+        "data-mic-source": "browser",
+        "data-mic-mode": "conversation",
+        className: chunkC6OJIHNO_js.cn(
+          "inline-flex h-11 shrink-0 items-center justify-center gap-2 whitespace-nowrap rounded-md border px-3 text-sm font-medium 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",
+          busy ? "border-border bg-background text-foreground hover:bg-accent hover:text-accent-foreground" : "border-primary bg-primary text-primary-foreground hover:opacity-90"
+        ),
+        onClick: tap,
+        children: [
+          busy ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Square, { "aria-hidden": "true", className: "h-4 w-4" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Mic, { "aria-hidden": "true", className: "h-4 w-4" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: label })
+        ]
+      }
+    );
+    const pressLine = !offered ? null : loading2 || state.name === "starting" ? V2.starting : state.name === "listening" ? state.pausing === true ? V2.pausing : V2.listening : state.name === "finishing" ? state.limit ? S2.micFinishing : V2.sending : null;
+    const noteLine = note === null ? "" : note.kind === "line" ? V2[note.line] : S2[FAILURE_TEXT[note.reason]];
+    const line = withdrawnReason !== null ? S2[FAILURE_TEXT[withdrawnReason]] : pressLine ?? noteLine;
+    const heardNow = offered && (state.name === "listening" || state.name === "finishing") ? state.text : "";
+    const listeningNow = offered && state.name === "listening";
+    const shown = possible || line !== "";
+    return {
+      button: talk,
+      notice: null,
+      lines: !shown ? null : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: [
+          listeningNow ? listeningDot : null,
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "p",
+            {
+              role: "status",
+              "data-boff-explore": "avatar-live-mic-status",
+              "data-voice": going ? "pressing" : note?.kind ?? "idle",
+              children: line
+            }
+          )
+        ] }),
+        heardLine(heardNow)
+      ] }),
+      cancel,
+      recording: offered && state.name === "listening",
+      ...voiceControls
+    };
+  }
 }
+var listeningDot = /* @__PURE__ */ jsxRuntime.jsxs("span", { "aria-hidden": "true", className: "relative flex h-2 w-2 shrink-0", children: [
+  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute inline-flex h-full w-full animate-ping rounded-full bg-primary opacity-75 motion-reduce:animate-none" }),
+  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "relative inline-flex h-2 w-2 rounded-full bg-primary" })
+] });
 
 // src/components/explore-avatar-turnstile.ts
 var SCRIPT_SRC = "https://challenges.cloudflare.com/turnstile/v0/api.js?render=explicit";
@@ -1647,6 +1943,9 @@ var LISTENING_MARK_SPACING_MS = 5e3;
 var BUSY_RETRY_MS = 2e3;
 var BUSY_RETRY_MAX_MS = 8e3;
 var MAX_BUSY_RETRIES = 24;
+var PAUSE_NOTICE_TOLERANCE_MS = 500;
+var MAX_ECHO_DISCARDS = 2;
+var LISTEN_AGAIN_MIN_LEFT_MS = 2e4;
 var SERVICE_MAX_AGE_MS = 15 * 6e4;
 var ANSWER_OFFER_MS = SERVICE_MAX_AGE_MS - 6e4;
 var MAX_TIMER_MS = 2147483647;
@@ -1656,6 +1955,29 @@ var USED_ON_KEY = "boff.explore.avatarUsedOn";
 var PRIMARY = '[data-avatar-primary], [data-boff-explore="panel-continue-chat"]';
 var IDLE2 = { name: "idle" };
 var INERT2 = { name: "inert" };
+var VOICE_OFF = {
+  on: false,
+  arm: null,
+  echoes: 0,
+  note: null
+};
+function lineNote(line) {
+  return { kind: "line", line };
+}
+function sameNote(a, b) {
+  if (a === null || b === null) return a === b;
+  return a.kind === "line" ? b.kind === "line" && a.line === b.line : b.kind === "failed" && a.reason === b.reason;
+}
+var SESSION_REFUSALS = /* @__PURE__ */ new Set([
+  "no_time",
+  "max_answers",
+  "limits",
+  "paused"
+]);
+function playedOutNow(handle) {
+  const run = handle.followUps;
+  return run !== null && !run.voice && run.quiet === null && handle.playedOut && !run.owed;
+}
 function stopAttending(handle) {
   if (handle.unheard !== null) clearTimeout(handle.unheard);
   if (handle.tail !== null) clearTimeout(handle.tail);
@@ -1773,9 +2095,15 @@ 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;
+  const { mic } = offer;
+  const copy = avatarConsentCopy(offer.consentVersion, locale);
+  if (copy?.notice === "none") {
+    const pauseMs = mic?.mode === "browser" ? mic.pauseMs : void 0;
+    return pauseMs !== void 0 && Math.abs(pauseMs - copy.voice.pauseMs) <= PAUSE_NOTICE_TOLERANCE_MS && avatarVoiceStrings(locale) !== null ? { kind: "browser", notice: offer.consentVersion, pauseMs } : NO_MIC;
+  }
+  const micNotice = copy?.micNotice;
+  if (mic !== void 0) {
+    return mic.mode === "browser" && micNotice !== void 0 && mic.pauseMs === 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;
 }
@@ -1875,6 +2203,7 @@ function AvatarLiveView({
   conversation
 }) {
   const S = avatarLiveStrings(locale);
+  const voiceWords = avatarVoiceStrings(locale);
   const uid = react.useId();
   const consentTitleId = `${uid}-consent`;
   const [questions, setQuestions] = react.useState("suggested");
@@ -1903,12 +2232,16 @@ function AvatarLiveView({
   const offerUntil = answerId === null ? null : exchange.offerUntil;
   const [phase, setPhase] = react.useState(IDLE2);
   const [blocked, setBlocked] = react.useState(false);
+  const blockedRef = react.useRef(false);
+  blockedRef.current = blocked;
   const [now, setNow] = react.useState(() => Date.now());
   const [draft, setDraft] = react.useState("");
   const chatMaxLength = conversation?.catalog.limits.maxMessageLength;
   const askMaxLength = chatMaxLength !== void 0 && Number.isFinite(chatMaxLength) && chatMaxLength >= 1 ? Math.min(ASK_MAX_LENGTH, Math.floor(chatMaxLength)) : ASK_MAX_LENGTH;
   const [note, setNote] = react.useState(null);
   const [usedToday, setUsedToday] = react.useState(false);
+  const [voiceOffered, setVoiceOffered] = react.useState(false);
+  const [noNotice, setNoNotice] = react.useState(false);
   const showing = active && !off;
   const behindChat = open && !active && !off;
   const phaseRef = react.useRef(IDLE2);
@@ -1929,6 +2262,34 @@ function AvatarLiveView({
   const textBoxRef = react.useRef(false);
   const [micChoice, setMicChoice] = react.useState(NO_MIC);
   const micCancelRef = react.useRef(() => void 0);
+  const micControlRef = react.useRef(null);
+  const voiceRef = react.useRef(VOICE_OFF);
+  const [, setVoiceTick] = react.useState(0);
+  const voiceSet = react.useCallback((next) => {
+    voiceRef.current = { ...voiceRef.current, ...next };
+    setVoiceTick((tick) => tick + 1);
+  }, []);
+  const askMaxLengthRef = react.useRef(ASK_MAX_LENGTH);
+  const voiceOff = react.useCallback(
+    (note2, keep) => {
+      const run = voiceRef.current;
+      if (!run.on && run.arm === null) {
+        if (!sameNote(run.note, note2)) voiceSet({ note: note2 });
+        return;
+      }
+      if (keep) {
+        const heard = micControlRef.current?.heard() ?? "";
+        if (heard !== "") {
+          setDraft(
+            (current) => withHeardText(current, heard, askMaxLengthRef.current)
+          );
+        }
+      }
+      micCancelRef.current();
+      voiceSet({ ...VOICE_OFF, note: note2 });
+    },
+    [voiceSet]
+  );
   const sendDueRef = react.useRef(() => void 0);
   const checkRef = react.useRef(null);
   const askedLocale = react.useRef(locale);
@@ -1985,6 +2346,8 @@ function AvatarLiveView({
       handle.done = true;
       stopAttending(handle);
       sessionRef.current = null;
+      voiceOff(null, true);
+      if (audioRef.current !== null) audioRef.current.muted = false;
       if (reason !== null) {
         sendEnd({
           base: handle.base,
@@ -2000,7 +2363,7 @@ function AvatarLiveView({
       setBlocked(false);
       go({ name: "ended", how });
     },
-    [go]
+    [go, voiceOff]
   );
   const goLive = react.useCallback(() => {
     const current = phaseRef.current;
@@ -2073,6 +2436,18 @@ function AvatarLiveView({
     },
     []
   );
+  const unmute = react.useCallback((handle) => {
+    const run = handle.followUps;
+    if (run === null || !run.muted) return;
+    run.muted = false;
+    if (audioRef.current !== null) audioRef.current.muted = false;
+  }, []);
+  const holdMute = react.useCallback(() => {
+    const run = sessionRef.current?.followUps ?? null;
+    const audio = audioRef.current;
+    if (run === null || !run.muted || audio === null || audio.muted) return;
+    audio.muted = true;
+  }, []);
   const whenQuiet = react.useCallback(
     (handle, delay) => {
       const run = handle.followUps;
@@ -2086,10 +2461,12 @@ function AvatarLiveView({
           }
           if (run.owed) {
             run.owed = false;
+            run.owedWait = true;
             wait(OWED_VOICE_WAIT_MS);
             return;
           }
           handle.playedOut = true;
+          if (!run.mutedUnheard) unmute(handle);
           showFollowUp(handle, { speaking: false });
           attend();
           sendDueRef.current(handle);
@@ -2097,7 +2474,7 @@ function AvatarLiveView({
       };
       wait(delay);
     },
-    [attend, showFollowUp]
+    [attend, showFollowUp, unmute]
   );
   const heardVoice = react.useCallback(
     (handle, speaking) => {
@@ -2113,7 +2490,10 @@ function AvatarLiveView({
       run.heard = true;
       run.starts += 1;
       run.owed = false;
+      run.owedWait = false;
+      run.mutedUnheard = false;
       handle.playedOut = false;
+      if (voiceRef.current.on) micControlRef.current?.dropLoopPress();
       showFollowUp(handle, { speaking: true });
     },
     [showFollowUp, whenQuiet]
@@ -2180,6 +2560,7 @@ function AvatarLiveView({
         }
         run.due = null;
         run.answers += 1;
+        unmute(handle);
         const heardSince = run.starts !== starts;
         run.owed = !heardSince;
         const playing = !heardSince || run.voice || run.quiet !== null;
@@ -2201,7 +2582,7 @@ function AvatarLiveView({
         if (run.owed && run.heard && !run.voice) whenQuiet(handle, 0);
       })();
     },
-    [attend, showFollowUp, whenQuiet]
+    [attend, showFollowUp, unmute, whenQuiet]
   );
   sendDueRef.current = sendDue;
   const readFollowUp = react.useCallback(
@@ -2238,18 +2619,25 @@ function AvatarLiveView({
         return;
       }
       if (result.kind === "refused") {
+        if (result.consentVersion !== void 0) {
+          setNoNotice(
+            avatarConsentCopy(result.consentVersion, locale2)?.notice === "none"
+          );
+        }
         setMode(result.questions);
         go({ name: "refused", reason: result.reason });
         return;
       }
       setUsedToday(usedTodayHere());
       const copy = avatarConsentCopy(result.offer.consentVersion, locale2);
+      setVoiceOffered(copy?.voice !== void 0);
+      setNoNotice(copy?.notice === "none");
       if (copy === null || copy.botCheck !== result.offer.botCheck || copy.questions !== result.offer.questions) {
         setMode("suggested");
         go(INERT2);
         return;
       }
-      if (result.offer.botCheck === "turnstile" && chunk3AIAJ2L4_js.turnstileSiteKeyOf(live2) === null) {
+      if (result.offer.botCheck === "turnstile" && chunkZ2UP22GV_js.turnstileSiteKeyOf(live2) === null) {
         setMode("suggested");
         go(INERT2);
         return;
@@ -2298,13 +2686,16 @@ function AvatarLiveView({
         heard: false,
         starts: 0,
         owed: true,
+        owedWait: false,
         quiet: null,
         asked: null,
         due: null,
         retry: null,
         sent: /* @__PURE__ */ new Set([context.messageId]),
         seq: 0,
-        listenedAt: null
+        listenedAt: null,
+        muted: false,
+        mutedUnheard: false
       } : null;
       sessionRef.current = {
         session,
@@ -2323,6 +2714,7 @@ function AvatarLiveView({
         followUps,
         done: false
       };
+      if (audioRef.current !== null) audioRef.current.muted = false;
       setBlocked(false);
       setNow(received);
       go({
@@ -2410,7 +2802,7 @@ function AvatarLiveView({
         return;
       }
       const refusedFrom = exchangeAtStart.offerUntil - ANSWER_OFFER_MS + SERVICE_MAX_AGE_MS;
-      const siteKey = offer.botCheck === "turnstile" ? chunk3AIAJ2L4_js.turnstileSiteKeyOf(live2) : null;
+      const siteKey = offer.botCheck === "turnstile" ? chunkZ2UP22GV_js.turnstileSiteKeyOf(live2) : null;
       if (offer.botCheck === "turnstile" && (siteKey === null || !canBindBotCheck())) {
         go(INERT2);
         return;
@@ -2578,6 +2970,7 @@ function AvatarLiveView({
     [applyAvailability, bindingHolds, cancelWaiting, exchangeNow, launch]
   );
   const stop = react.useCallback(() => {
+    voiceOff(null, true);
     micCancelRef.current();
     const current = phaseRef.current;
     if (current.name === "waiting") {
@@ -2597,9 +2990,10 @@ function AvatarLiveView({
     if (current.name === "pending" || current.name === "live") {
       finish("stopped", "user");
     }
-  }, [cancelStart, cancelWaiting, finish, go, reoffer]);
+  }, [cancelStart, cancelWaiting, finish, go, reoffer, voiceOff]);
   const leave = react.useCallback(
     (event) => {
+      voiceOff(sessionRef.current === null ? null : lineNote("tapNext"), false);
       micCancelRef.current();
       const current = phaseRef.current;
       const reason = event === "user" || event === "chat" ? "user" : "page_hide";
@@ -2640,7 +3034,7 @@ function AvatarLiveView({
           return;
       }
     },
-    [cancelStart, cancelWaiting, finish, go, goLive, reoffer]
+    [cancelStart, cancelWaiting, finish, go, goLive, reoffer, voiceOff]
   );
   react.useEffect(() => {
     if (!showing) {
@@ -2754,6 +3148,7 @@ function AvatarLiveView({
       const wasLive = phaseRef.current.name === "live";
       switch (event.type) {
         case "speaker-track":
+          holdMute();
           if (event.kind !== "video") {
             handle.voiceArrived = true;
             attend();
@@ -2763,6 +3158,7 @@ function AvatarLiveView({
           if (!inSight()) goLive();
           return;
         case "playback-blocked":
+          holdMute();
           setBlocked(event.blocked);
           handle.soundHeld = event.sound ?? event.blocked;
           attend();
@@ -2793,7 +3189,7 @@ function AvatarLiveView({
           return;
       }
     },
-    [attend, finish, goLive, heardVoice, inSight]
+    [attend, finish, goLive, heardVoice, holdMute, inSight]
   );
   react.useEffect(() => {
     if (phase.name !== "pending") return;
@@ -2910,6 +3306,7 @@ function AvatarLiveView({
       wait?.check?.abort();
       const handle = sessionRef.current;
       sessionRef.current = null;
+      if (audioRef.current !== null) audioRef.current.muted = false;
       if (handle && !handle.done) {
         handle.done = true;
         stopAttending(handle);
@@ -2926,7 +3323,8 @@ function AvatarLiveView({
     []
   );
   const any = questions === "any";
-  const textMode = any && (usedToday && (phase.name === "needs-answer" || phase.name === "consent" || phase.name === "declined" || phase.name === "ended") || phase.name === "refused" && phase.reason === "limits");
+  const usedHere = usedToday && !voiceOffered;
+  const textMode = any && (usedHere && (phase.name === "needs-answer" || phase.name === "consent" || phase.name === "declined" || phase.name === "ended") || phase.name === "refused" && phase.reason === "limits");
   textBoxRef.current = textMode;
   const askState = !any ? void 0 : textMode ? "text" : phase.name === "needs-answer" ? kind === "empty" ? "ready" : kind : phase.name;
   const followUp = phase.name === "live" ? phase.session.followUp : null;
@@ -2969,14 +3367,146 @@ function AvatarLiveView({
       return;
     }
     const run = handle.followUps;
+    const voiced = micControlRef.current?.mode === "conversation";
     tell(handle, "interrupt");
+    if (voiced) {
+      run.muted = true;
+      run.mutedUnheard = run.owed || run.owedWait;
+      if (audioRef.current !== null) audioRef.current.muted = true;
+    }
     if (run.quiet !== null) clearTimeout(run.quiet);
     run.quiet = null;
     run.owed = false;
     handle.playedOut = true;
     showFollowUp(handle, { speaking: false });
-  }, [showFollowUp, tell]);
-  const micSource = micChoice.kind === "browser" ? { kind: "browser", notice: micChoice.notice } : micChoice.kind === "stream" && base !== null ? {
+    if (voiced && !run.voice) whenQuiet(handle, QUIET_PLAYED_OUT_MS);
+  }, [showFollowUp, tell, whenQuiet]);
+  const firstArmable = react.useCallback(() => {
+    const current = phaseRef.current;
+    return sessionRef.current === null && !textBoxRef.current && current.name === "needs-answer" && current.offer.copy.notice === "none" && exchangeNow().kind === "empty";
+  }, [exchangeNow]);
+  const armFirst = react.useCallback(
+    (stage, askSeq) => {
+      const current = phaseRef.current;
+      if (current.name !== "needs-answer") return null;
+      const { live: live2, locale: locale2 } = latest.current;
+      unlockSound(audioRef.current);
+      const module = loadModule(live2.load);
+      module.catch(() => void 0);
+      return {
+        stage,
+        consentVersion: current.offer.consentVersion,
+        botCheck: current.offer.botCheck,
+        site: live2.site,
+        locale: locale2,
+        path: pathNow(),
+        module,
+        askSeq
+      };
+    },
+    [pathNow]
+  );
+  const onMicPress = react.useCallback(
+    (gesture) => {
+      const run = voiceRef.current;
+      if (run.on && run.note === null && !gesture) return;
+      const arm = gesture && firstArmable() ? armFirst("pressing", null) : null;
+      voiceSet({
+        on: true,
+        note: null,
+        ...gesture ? { echoes: 0, arm } : {}
+      });
+    },
+    [armFirst, firstArmable, voiceSet]
+  );
+  const echoOf = react.useCallback(() => {
+    const current = phaseRef.current;
+    return current.name === "live" && current.session.followUp !== null && sessionRef.current?.followUps ? current.session.captions.text : null;
+  }, []);
+  const askRef = react.useRef(() => null);
+  const askReasonRef = react.useRef(null);
+  const draftRef = react.useRef("");
+  draftRef.current = draft;
+  askMaxLengthRef.current = askMaxLength;
+  const autoSend = react.useCallback(
+    (text) => {
+      const question = text.trim();
+      const refuse = () => {
+        onMicText(text);
+        voiceOff(lineNote("inBox"), false);
+      };
+      if (question === "" || askReasonRef.current !== null || sendingRef.current || question.length > askMaxLengthRef.current || draftRef.current.trim() !== "") {
+        refuse();
+        return;
+      }
+      const sending = askRef.current(question);
+      if (sending === null) {
+        refuse();
+        return;
+      }
+      const arm = voiceRef.current.arm;
+      voiceSet({
+        echoes: 0,
+        note: lineNote("sending"),
+        ...arm === null ? {} : { arm: { ...arm, stage: "asked", askSeq: askSeqRef.current } }
+      });
+      void sending.then(
+        (asked) => {
+          if (!asked) {
+            voiceOff(lineNote("off"), false);
+            return;
+          }
+          const run = voiceRef.current;
+          if (run.on && sameNote(run.note, lineNote("sending"))) {
+            voiceSet({ note: lineNote("again") });
+          }
+        },
+        () => voiceOff(lineNote("off"), false)
+      );
+    },
+    [onMicText, voiceOff, voiceSet]
+  );
+  const onMicTurn = react.useCallback(
+    (turn) => {
+      const run = voiceRef.current;
+      if (!run.on) return;
+      if (turn.by === "pause" && turn.echo) {
+        if (run.echoes >= MAX_ECHO_DISCARDS || run.arm !== null) {
+          voiceOff(lineNote("off"), false);
+        } else {
+          voiceSet({ echoes: run.echoes + 1, note: null });
+        }
+        return;
+      }
+      if (turn.by === "pause") {
+        autoSend(turn.text);
+        return;
+      }
+      if (turn.by === "silence") {
+        voiceOff(lineNote("noQuestion"), false);
+        return;
+      }
+      if (turn.text.trim() !== "") {
+        onMicText(turn.text);
+        voiceOff(lineNote(turn.by === "limit" ? "atLimit" : "inBox"), false);
+        return;
+      }
+      if (turn.by === "failed") {
+        voiceOff(
+          turn.gesture ? { kind: "failed", reason: turn.failure ?? "failed" } : lineNote("tapNext"),
+          false
+        );
+        return;
+      }
+      voiceOff(lineNote("off"), false);
+    },
+    [autoSend, onMicText, voiceOff, voiceSet]
+  );
+  const micSource = micChoice.kind === "browser" ? {
+    kind: "browser",
+    notice: micChoice.notice,
+    ...micChoice.pauseMs === void 0 ? {} : { pauseMs: micChoice.pauseMs }
+  } : micChoice.kind === "stream" && base !== null ? {
     kind: "stream",
     base,
     offer: micChoice.offer,
@@ -2994,10 +3524,17 @@ function AvatarLiveView({
     locale,
     source: micSource,
     onText: onMicText,
-    onStart: onMicStart
+    onStart: onMicStart,
+    onTurn: onMicTurn,
+    onPress: onMicPress,
+    echoOf,
+    interruptible: followUp?.speaking === true,
+    note: voiceRef.current.note
   });
   micCancelRef.current = mic.cancel;
-  const micRecording = mic.recording;
+  micControlRef.current = mic;
+  askReasonRef.current = askReason;
+  const micRecording = mic.mode === "conversation" ? mic.speaking : mic.recording;
   react.useEffect(() => {
     const handle = sessionRef.current;
     if (!micRecording || handle === null || handle.followUps === null || handle.done) {
@@ -3035,7 +3572,7 @@ function AvatarLiveView({
       const run = handle.followUps;
       const current = phaseRef.current;
       if (run === null || handle.done || current.name !== "live" || current.session.followUp?.pending !== null || !followUpBox(current, run, conversation2.getConversationToken())) {
-        return;
+        return null;
       }
       sendingRef.current = true;
       run.seq += 1;
@@ -3043,17 +3580,17 @@ function AvatarLiveView({
       setDraft("");
       tell(handle, "asking");
       showFollowUp(handle, { pending: "asking", unread: null });
-      void conversation2.send(question, [], { surface: "AVATAR" }).then((added) => {
+      return conversation2.send(question, [], { surface: "AVATAR" }).then((added) => {
         if (added === null) {
           setDraft((current2) => current2 === "" ? question : current2);
         }
         if (sessionRef.current !== handle || handle.done || run.seq !== seq) {
-          return;
+          return false;
         }
         if (added === null || added.conversationToken !== run.token) {
           showFollowUp(handle, { pending: null });
           attend();
-          return;
+          return false;
         }
         run.asked = {
           messageId: added.userMessageId,
@@ -3061,6 +3598,7 @@ function AvatarLiveView({
           answerId: null
         };
         showFollowUp(handle, { pending: "asking" });
+        return true;
       }).finally(() => {
         sendingRef.current = false;
       });
@@ -3072,37 +3610,135 @@ function AvatarLiveView({
       const conversation2 = conversationRef.current;
       const question = text.trim();
       if (conversation2 === null || question === "" || sendingRef.current) {
-        return;
+        return null;
       }
       const spoken = !textBoxRef.current;
       const handle = sessionRef.current;
       if (spoken && handle !== null && handle.followUps !== null) {
-        askFollowUp(handle, conversation2, question);
-        return;
+        return askFollowUp(handle, conversation2, question);
       }
-      if (spoken && conversation2.messages.length > 0) return;
+      if (spoken && conversation2.messages.length > 0) return null;
       sendingRef.current = true;
       setAskedHere(null);
       const seq = askSeqRef.current;
       setNote(null);
       setDraft("");
-      void conversation2.send(question, [], spoken ? { surface: "AVATAR" } : {}).then((added) => {
+      return conversation2.send(question, [], spoken ? { surface: "AVATAR" } : {}).then((added) => {
         if (added === null) {
           setDraft((current) => current === "" ? question : current);
         }
-        if (!spoken || added === null || askSeqRef.current !== seq || added.conversationToken !== (conversationRef.current?.getConversationToken() ?? null)) {
-          return;
+        if (added === null || spoken && (askSeqRef.current !== seq || added.conversationToken !== (conversationRef.current?.getConversationToken() ?? null))) {
+          return false;
         }
+        if (!spoken) return true;
         setAskedHere({
           messageId: added.userMessageId,
           token: added.conversationToken
         });
+        return true;
       }).finally(() => {
         sendingRef.current = false;
       });
     },
     [askFollowUp, setAskedHere]
   );
+  askRef.current = ask;
+  const askTyped = react.useCallback(
+    (text) => {
+      voiceOff(null, false);
+      const armable = firstArmable();
+      const sending = ask(text);
+      if (sending !== null && armable) {
+        voiceSet({ arm: armFirst("asked", askSeqRef.current) });
+      }
+      return sending;
+    },
+    [armFirst, ask, firstArmable, voiceOff, voiceSet]
+  );
+  const onDraftChange = react.useCallback(
+    (value) => {
+      setDraft(value);
+      const run = voiceRef.current;
+      if (run.on || run.arm !== null) voiceOff(lineNote("off"), true);
+    },
+    [voiceOff]
+  );
+  const armVoiceStart = react.useCallback(() => {
+    const arm = voiceRef.current.arm;
+    if (arm === null || arm.stage !== "asked") return;
+    const current = phaseRef.current;
+    const exchange2 = exchangeNow();
+    const drop = () => voiceSet({ arm: null });
+    if (arm.askSeq !== askSeqRef.current || current.name !== "needs-answer" && current.name !== "consent") {
+      drop();
+      return;
+    }
+    if (sendingRef.current || exchange2.kind === "asking" && (!exchange2.askedHere || exchange2.pendingAnswerId === null)) {
+      return;
+    }
+    const answerId2 = exchange2.kind === "asking" ? exchange2.pendingAnswerId : exchange2.kind === "answer" ? exchange2.answerId : null;
+    const token2 = conversationRef.current?.getConversationToken() ?? null;
+    const { live: live2, locale: locale2 } = latest.current;
+    const path = pathNow();
+    if (answerId2 === null || !exchange2.askedHere || exchange2.question === null || token2 === null || !isAvatarConversationToken(token2) || arm.consentVersion !== current.offer.consentVersion || arm.botCheck !== current.offer.botCheck || arm.site !== live2.site || arm.locale !== locale2 || arm.path !== path) {
+      drop();
+      return;
+    }
+    voiceSet({ arm: null });
+    waitRef.current = {
+      bound: {
+        token: token2,
+        questionId: exchange2.question.id,
+        answerId: answerId2,
+        site: live2.site,
+        locale: locale2,
+        path,
+        consentVersion: arm.consentVersion,
+        botCheck: arm.botCheck
+      },
+      module: arm.module,
+      check: null
+    };
+    setNote(null);
+    go({ name: "waiting", offer: current.offer });
+  }, [exchangeNow, go, pathNow, voiceSet]);
+  react.useEffect(() => {
+    armVoiceStart();
+  });
+  react.useEffect(() => {
+    const run = voiceRef.current;
+    if (!run.on && run.arm === null) return;
+    const current = phaseRef.current;
+    const live2 = current.name === "live" ? current.session.followUp : null;
+    const keeps = (mic.mode === "conversation" || !run.on) && !textMode && (current.name === "needs-answer" && (sendingRef.current || kind === "empty" || kind === "asking" || kind === "answer") || current.name === "consent" || current.name === "waiting" || current.name === "bot-check" || current.name === "creating" || current.name === "pending" || current.name === "live" && followUpAsks && live2 !== null && !live2.closed && (live2.unread === null || !SESSION_REFUSALS.has(live2.unread)));
+    if (!keeps) voiceOff(lineNote("off"), true);
+  });
+  react.useEffect(() => {
+    const run = voiceRef.current;
+    const controls = micControlRef.current;
+    const handle = sessionRef.current;
+    const followUps = handle?.followUps ?? null;
+    const current = phaseRef.current;
+    if (!run.on || controls === null || controls.mode !== "conversation" || handle === null || followUps === null || handle.done || current.name !== "live") {
+      return;
+    }
+    const shownFollowUp = current.session.followUp;
+    if (shownFollowUp === null || shownFollowUp.speaking || shownFollowUp.pending !== null || shownFollowUp.closed || shownFollowUp.unread !== null && SESSION_REFUSALS.has(shownFollowUp.unread) || !followUpBox(
+      current,
+      followUps,
+      conversationRef.current?.getConversationToken() ?? null
+    )) {
+      return;
+    }
+    if (sendingRef.current || followUps.asked !== null || followUps.due !== null || !playedOutNow(handle) || blockedRef.current || !inSight() || controls.pressing()) {
+      return;
+    }
+    if (handle.endsAt - Date.now() < LISTEN_AGAIN_MIN_LEFT_MS) {
+      voiceOff(lineNote("off"), false);
+      return;
+    }
+    controls.listen();
+  });
   react.useEffect(() => {
     const handle = sessionRef.current;
     const run = handle?.followUps ?? null;
@@ -3177,6 +3813,8 @@ function AvatarLiveView({
       check();
     }
   }, [check, exchangeNow, go, setAskedHere]);
+  const voiceTalk = mic.mode === "conversation" && mic.button !== null && voiceWords !== null;
+  const voiceArming = voiceRef.current.arm?.stage === "asked";
   react.useEffect(() => {
     if (!active) return;
     const focused = document.activeElement;
@@ -3192,8 +3830,12 @@ function AvatarLiveView({
   ]);
   const onPlaying = goLive;
   const enablePlayback = react.useCallback(() => {
-    void sessionRef.current?.joined?.enablePlayback().catch(() => void 0);
-  }, []);
+    const room = sessionRef.current?.joined ?? null;
+    if (room === null) return;
+    const resumed = room.enablePlayback();
+    holdMute();
+    void resumed.catch(() => void 0).then(holdMute);
+  }, [holdMute]);
   if (off || phase.name === "inert") {
     return (
       // `display: contents`: the earlier Avatar view's picture, line and button lay out in the pane exactly as before.
@@ -3312,7 +3954,7 @@ function AvatarLiveView({
       ]
     }
   );
-  const consentActions = (whenReady) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center justify-center gap-2", children: [
+  const consentActions = (whenReady, label = whenReady ? S.startWhenReady : S.start) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center justify-center gap-2", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       "button",
       {
@@ -3321,7 +3963,7 @@ function AvatarLiveView({
         "data-boff-explore": whenReady ? "avatar-live-start-when-ready" : "avatar-live-start",
         className: primaryButton,
         onClick: whenReady ? startWhenReady : start,
-        children: whenReady ? S.startWhenReady : S.start
+        children: label
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
@@ -3365,7 +4007,14 @@ function AvatarLiveView({
             className: "absolute inset-0 h-full w-full object-cover"
           }
         ),
-        any ? null : /* @__PURE__ */ jsxRuntime.jsx("audio", { ref: audioRef, "data-boff-explore": "avatar-live-audio" })
+        any ? null : /* @__PURE__ */ jsxRuntime.jsx(
+          "audio",
+          {
+            ref: audioRef,
+            "data-boff-explore": "avatar-live-audio",
+            onVolumeChange: holdMute
+          }
+        )
       ]
     }
   );
@@ -3498,20 +4147,24 @@ function AvatarLiveView({
           switch (shown.kind) {
             case "empty":
               status = note === "new-chat" ? S.newChatStarted : "";
-              lead = /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-base font-semibold", children: S.askHeadline });
+              lead = /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-base font-semibold", children: voiceTalk && voiceWords !== null ? voiceWords.headline : S.askHeadline });
               box = "spoken";
               break;
             case "asking":
             case "answer": {
-              const card = shown.askedHere && shown.pendingAnswerId !== null;
-              status = note === "cancelled" ? S.armedCancelled : S.gettingAnswer;
-              if (card) media2 = stillPicture(true);
+              const card = shown.askedHere && shown.pendingAnswerId !== null && !voiceArming;
+              const words = phase.offer.copy.notice === "none" ? null : phase.offer.copy;
+              status = note === "cancelled" ? words === null && voiceWords !== null ? voiceWords.cancelled : S.armedCancelled : S.gettingAnswer;
+              if (card && words !== null) media2 = stillPicture(true);
               body2 = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
                 questionLine,
                 activityLine,
-                card ? consentCard(phase.offer.copy) : null
+                card && words !== null ? consentCard(words) : null
               ] });
-              actions2 = card ? consentActions(true) : null;
+              actions2 = card ? consentActions(
+                true,
+                words === null ? voiceWords?.start ?? S.start : S.startWhenReady
+              ) : null;
               break;
             }
             case "text-only":
@@ -3543,6 +4196,16 @@ function AvatarLiveView({
           }
           break;
         case "consent":
+          if (voiceArming) {
+            status = S.armed;
+            body2 = questionLine;
+            break;
+          }
+          if (phase.offer.copy.notice === "none") {
+            body2 = questionLine;
+            actions2 = consentActions(false, voiceWords?.start ?? S.start);
+            break;
+          }
           media2 = stillPicture(true);
           body2 = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
             questionLine,
@@ -3634,7 +4297,7 @@ function AvatarLiveView({
           "aria-disabled": reason !== null ? "true" : void 0,
           className: "min-h-11 rounded-full border border-border bg-background px-3 py-2 text-start text-sm text-foreground transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring aria-disabled:cursor-not-allowed aria-disabled:opacity-50 motion-reduce:transition-none",
           onClick: () => {
-            if (reason === null) ask(prompt);
+            if (reason === null) void askTyped(prompt);
           },
           children: prompt
         },
@@ -3662,7 +4325,7 @@ function AvatarLiveView({
             /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: S.newChatNote })
           ] }) : null,
           chips,
-          box !== null && usedToday && phase.name !== "live" ? /* @__PURE__ */ jsxRuntime.jsx(
+          box !== null && usedHere && phase.name !== "live" ? /* @__PURE__ */ jsxRuntime.jsx(
             "p",
             {
               "data-boff-explore": "avatar-live-used-today",
@@ -3676,13 +4339,16 @@ function AvatarLiveView({
             {
               value: draft,
               maxLength: askMaxLength,
-              onChange: setDraft,
-              onAsk: ask,
+              onChange: onDraftChange,
+              onAsk: askTyped,
               reason,
               label: S.askLabel,
-              placeholder: S.askPlaceholder,
+              placeholder: box === "spoken" && voiceTalk && voiceWords !== null ? (
+                // None while the mic listens: its line says so, and the box is at its narrowest then.
+                mic.busy ? "" : voiceWords.placeholder
+              ) : S.askPlaceholder,
               send,
-              footer: S.askFooter,
+              footer: noNotice ? null : S.askFooter,
               noFiles: S.askNoFiles,
               hint: box === "spoken" ? S.needsAnswerAny : null,
               touchFirst,
@@ -3720,7 +4386,14 @@ function AvatarLiveView({
             actions2
           ] }),
           foot,
-          /* @__PURE__ */ jsxRuntime.jsx("audio", { ref: audioRef, "data-boff-explore": "avatar-live-audio" })
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "audio",
+            {
+              ref: audioRef,
+              "data-boff-explore": "avatar-live-audio",
+              onVolumeChange: holdMute
+            }
+          )
         ]
       }
     );
@@ -3752,6 +4425,7 @@ function AvatarLiveView({
       actions = startOver ? startOverActions : continueButton;
       break;
     case "consent":
+      if (phase.offer.copy.notice === "none") break;
       media = stillPicture(true);
       body = consentCard(phase.offer.copy);
       actions = consentActions(false);
@@ -3844,6 +4518,7 @@ function AskBox({
   const footerId = `${uid}-footer`;
   const [refusedFiles, setRefusedFiles] = react.useState(false);
   const empty = value.trim() === "";
+  const describedBy = [hint === null ? null : hintId, footer === null ? null : footerId].filter((id) => id !== null).join(" ") || void 0;
   const submit = () => {
     if (reason !== null || empty) return;
     onAsk(value);
@@ -3886,7 +4561,7 @@ function AskBox({
               rows: 1,
               maxLength,
               "aria-label": label,
-              "aria-describedby": hint === null ? footerId : `${hintId} ${footerId}`,
+              "aria-describedby": describedBy,
               placeholder,
               dir: "auto",
               "data-avatar-primary": touchFirst ? void 0 : "",
@@ -3939,7 +4614,7 @@ function AskBox({
           }
         ) : null,
         hint === null ? null : /* @__PURE__ */ jsxRuntime.jsx("p", { id: hintId, className: "sr-only", children: hint }),
-        /* @__PURE__ */ jsxRuntime.jsx("p", { id: footerId, className: "text-xs text-muted-foreground", children: footer })
+        footer === null ? null : /* @__PURE__ */ jsxRuntime.jsx("p", { id: footerId, className: "text-xs text-muted-foreground", children: footer })
       ]
     }
   );