@burdenoff/website-sdk 2026.1028.1 → 2026.1031.1

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

@@ -0,0 +1,1420 @@
+import { useId, useState, useRef, useCallback, useEffect } from 'react';
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+// src/components/explore-avatar-live-config.ts
+var SITE = /^[a-z][a-z0-9-]{1,31}$/;
+var VERSION = /^[A-Za-z0-9._-]{1,32}$/;
+function isAvatarSite(value) {
+  return SITE.test(value);
+}
+function isAvatarVersion(value) {
+  return VERSION.test(value);
+}
+var REVIEWED = /* @__PURE__ */ new Set(["en"]);
+function isAvatarLiveLocaleReviewed(locale) {
+  return REVIEWED.has(locale);
+}
+
+// src/components/explore-avatar-api.ts
+var AVAILABILITY_TIMEOUT_MS = 8e3;
+var CREATE_TIMEOUT_MS = 3e4;
+var MESSAGE_ID = /^[A-Za-z0-9_-]{1,64}$/;
+var CONVERSATION_TOKEN = /^[A-Za-z0-9._~+/=-]{16,512}$/;
+var LOCALE = /^[A-Za-z0-9-]{1,16}$/;
+var SESSION_ID = /^avs_[0-9a-f]{32}$/;
+var END_SECRET = /^[A-Za-z0-9_-]{43}$/;
+var INERT = { kind: "inert" };
+var FAILED = { kind: "failed" };
+function isAvatarMessageId(value) {
+  return MESSAGE_ID.test(value);
+}
+function isAvatarConversationToken(value) {
+  return CONVERSATION_TOKEN.test(value);
+}
+function isRecord(value) {
+  return value !== null && typeof value === "object" && !Array.isArray(value);
+}
+var AVAILABILITY_REASONS = /* @__PURE__ */ new Map([
+  ["site", "inert"],
+  ["unavailable", "inert"],
+  ["region", "region"],
+  ["locale", "locale"],
+  ["paused", "paused"],
+  ["busy", "busy"],
+  ["limits", "limits"]
+]);
+function readAvailability(status, body) {
+  if (status !== 200 || !isRecord(body)) return INERT;
+  const { available, reason } = body;
+  if (typeof available !== "boolean" || typeof reason !== "string") {
+    return INERT;
+  }
+  if (reason === "ok") {
+    const { consentVersion, maxSessionSeconds } = body;
+    if (available !== true || typeof consentVersion !== "string" || !isAvatarVersion(consentVersion) || typeof maxSessionSeconds !== "number" || !Number.isInteger(maxSessionSeconds) || maxSessionSeconds < 1) {
+      return INERT;
+    }
+    return { kind: "available", offer: { consentVersion, maxSessionSeconds } };
+  }
+  const meaning = available ? void 0 : AVAILABILITY_REASONS.get(reason);
+  return meaning === void 0 || meaning === "inert" ? INERT : { kind: "refused", reason: meaning };
+}
+var CREATE_REFUSALS = /* @__PURE__ */ new Map([
+  ["busy", "busy"],
+  ["limits", "limits"],
+  ["region", "region"],
+  ["locale", "locale"],
+  ["paused", "paused"],
+  ["not_eligible", "not_eligible"],
+  ["answer_claimed", "answer_claimed"]
+]);
+function errorCode(body) {
+  if (!isRecord(body) || !isRecord(body.error)) return null;
+  const { code } = body.error;
+  return typeof code === "string" ? code : null;
+}
+function readCreated(body) {
+  if (!isRecord(body)) return FAILED;
+  const { sessionId, endSecret } = body;
+  if (typeof sessionId !== "string" || !SESSION_ID.test(sessionId) || typeof endSecret !== "string" || !END_SECRET.test(endSecret)) {
+    return FAILED;
+  }
+  const unusable = { kind: "unusable", sessionId, endSecret };
+  const { state, join, captions } = body;
+  const endsAt = typeof body.endsAt === "string" ? Date.parse(body.endsAt) : NaN;
+  if (state !== "pending" || !Number.isFinite(endsAt) || !isRecord(join) || !isRecord(captions)) {
+    return unusable;
+  }
+  const { livekitUrl, participantToken, workerIdentity } = join;
+  const { locale, text } = captions;
+  if (typeof livekitUrl !== "string" || !livekitUrl.startsWith("wss://") || typeof participantToken !== "string" || participantToken === "" || typeof workerIdentity !== "string" || workerIdentity === "" || typeof locale !== "string" || typeof text !== "string") {
+    return unusable;
+  }
+  return {
+    kind: "created",
+    session: {
+      sessionId,
+      endSecret,
+      endsAt,
+      join: { livekitUrl, participantToken, workerIdentity },
+      captions: { locale, text }
+    }
+  };
+}
+function readCreate(status, body) {
+  if (status === 201) return readCreated(body);
+  const code = errorCode(body);
+  if (code !== null) {
+    const refusal = CREATE_REFUSALS.get(code);
+    if (refusal !== void 0) return { kind: "refused", reason: refusal };
+    if (code === "consent") return { kind: "consent" };
+  }
+  if (status === 401 || status === 403 || status === 404 || status === 405) {
+    return INERT;
+  }
+  return FAILED;
+}
+async function readJson(response) {
+  try {
+    return await response.json();
+  } catch {
+    return null;
+  }
+}
+function deadline(timeoutMs, outer) {
+  const controller = new AbortController();
+  const timer = setTimeout(() => controller.abort(), timeoutMs);
+  const onOuter = () => controller.abort();
+  if (outer?.aborted) controller.abort();
+  else outer?.addEventListener("abort", onOuter, { once: true });
+  return {
+    signal: controller.signal,
+    done: () => {
+      clearTimeout(timer);
+      outer?.removeEventListener("abort", onOuter);
+    }
+  };
+}
+async function requestAvailability(target) {
+  if (!isAvatarSite(target.site) || !LOCALE.test(target.locale)) return INERT;
+  const query = new URLSearchParams({
+    site: target.site,
+    locale: target.locale
+  });
+  const timer = deadline(AVAILABILITY_TIMEOUT_MS, target.signal);
+  try {
+    const response = await fetch(`${target.base}/availability?${query}`, {
+      method: "GET",
+      credentials: "omit",
+      cache: "no-store",
+      headers: { ...target.headers },
+      signal: timer.signal
+    });
+    return readAvailability(response.status, await readJson(response));
+  } catch {
+    return INERT;
+  } finally {
+    timer.done();
+  }
+}
+async function requestCreate(target) {
+  const { body } = target;
+  const payload = JSON.stringify({
+    site: body.site,
+    locale: body.locale,
+    conversationToken: body.conversationToken,
+    messageId: body.messageId,
+    consentVersion: body.consentVersion,
+    manifestVersion: body.manifestVersion
+  });
+  const timer = deadline(CREATE_TIMEOUT_MS);
+  try {
+    const response = await fetch(`${target.base}/sessions`, {
+      method: "POST",
+      credentials: "omit",
+      cache: "no-store",
+      headers: {
+        ...target.headers,
+        "Content-Type": "application/json",
+        "Idempotency-Key": target.idempotencyKey,
+        "x-web-avatar-bot-token": target.botToken
+      },
+      body: payload,
+      signal: timer.signal
+    });
+    return readCreate(response.status, await readJson(response));
+  } catch {
+    return INERT;
+  } finally {
+    timer.done();
+  }
+}
+function sendEnd(target) {
+  try {
+    void fetch(
+      `${target.base}/sessions/${encodeURIComponent(target.sessionId)}/end`,
+      {
+        method: "POST",
+        keepalive: true,
+        credentials: "omit",
+        cache: "no-store",
+        headers: { ...target.headers },
+        body: JSON.stringify({ secret: target.secret, reason: target.reason })
+      }
+    ).catch(() => void 0);
+  } catch {
+  }
+}
+var BOT_BINDING_PREFIX = "boff-web-avatar-cdata/v1";
+function webCryptoSubtle() {
+  const subtle = globalThis.crypto?.subtle;
+  return typeof subtle?.digest === "function" ? subtle : null;
+}
+function canBindBotCheck() {
+  return webCryptoSubtle() !== null;
+}
+function base64UrlNoPad(bytes) {
+  let binary = "";
+  for (const byte of bytes) binary += String.fromCharCode(byte);
+  return btoa(binary).replace(/\+/g, "-").replace(/\//g, "_").replace(/=+$/, "");
+}
+async function avatarBotBinding(values) {
+  const subtle = webCryptoSubtle();
+  if (subtle === null) {
+    throw new Error("The bot check cannot be bound here: no WebCrypto.");
+  }
+  const text = [
+    BOT_BINDING_PREFIX,
+    values.site,
+    values.locale,
+    values.conversationToken,
+    values.messageId
+  ].join("\n");
+  const digest = await subtle.digest("SHA-256", new TextEncoder().encode(text));
+  return base64UrlNoPad(new Uint8Array(digest));
+}
+function newIdempotencyKey() {
+  const crypto = globalThis.crypto;
+  if (typeof crypto?.randomUUID === "function") return crypto.randomUUID();
+  if (typeof crypto?.getRandomValues !== "function") return null;
+  const bytes = crypto.getRandomValues(new Uint8Array(16));
+  bytes[6] = (bytes[6] ?? 0) & 15 | 64;
+  bytes[8] = (bytes[8] ?? 0) & 63 | 128;
+  const hex = Array.from(bytes, (b) => b.toString(16).padStart(2, "0")).join(
+    ""
+  );
+  return `${hex.slice(0, 8)}-${hex.slice(8, 12)}-${hex.slice(12, 16)}-${hex.slice(16, 20)}-${hex.slice(20)}`;
+}
+
+// src/components/explore-avatar-i18n.ts
+var EN = {
+  checking: "Checking whether the live avatar is available\u2026",
+  needsAnswer: "Choose a suggested question in Chat first.",
+  needsAnswerDetail: "The avatar can read only the first answer aloud.",
+  startNewChat: "Start a new chat to use the avatar.",
+  startNewChatDetail: "The avatar reads aloud only the first answer in a chat, and only to a suggested question. Start a new chat and choose a suggested question.",
+  start: "Start live avatar",
+  notNow: "Not now",
+  opensInNewTab: "(opens in a new tab)",
+  botCheck: "Checking your browser\u2026",
+  connecting: "Connecting to the live avatar\u2026",
+  speaking: "The avatar is speaking.",
+  badge: "AI avatar \xB7 not a real person",
+  video: "Live AI avatar video",
+  captions: "Captions",
+  timeLeft: "Time left",
+  stop: "Stop",
+  tapForSound: "Tap to turn on sound",
+  finished: "The avatar has finished.",
+  stopped: "You stopped the avatar.",
+  failed: "The live avatar couldn't start.",
+  interrupted: "The live avatar stopped early.",
+  answerInChat: "The full answer is in Chat.",
+  backToChat: "Back to Chat",
+  busy: "The live avatar is busy right now. Please try again in a few minutes.",
+  limits: "The live avatar has reached its limit for now. Please try again later.",
+  region: "The live avatar isn't offered in your region yet.",
+  locale: "The live avatar isn't offered in this language yet.",
+  paused: "The live avatar is paused right now.",
+  notEligible: "The avatar can read answers to the suggested questions.",
+  answerClaimed: "The avatar has already read this answer."
+};
+var ZH = {
+  checking: "\u6B63\u5728\u68C0\u67E5\u5B9E\u65F6\u865A\u62DF\u5F62\u8C61\u662F\u5426\u53EF\u7528\u2026",
+  needsAnswer: "\u8BF7\u5148\u5728\u804A\u5929\u4E2D\u9009\u62E9\u4E00\u4E2A\u63A8\u8350\u95EE\u9898\u3002",
+  needsAnswerDetail: "\u865A\u62DF\u5F62\u8C61\u53EA\u80FD\u6717\u8BFB\u7B2C\u4E00\u4E2A\u56DE\u7B54\u3002",
+  // TRANSLATION REVIEW PENDING (BOFF-9797): draft.
+  startNewChat: "\u8BF7\u5F00\u59CB\u65B0\u7684\u804A\u5929\uFF0C\u518D\u4F7F\u7528\u865A\u62DF\u5F62\u8C61\u3002",
+  startNewChatDetail: "\u865A\u62DF\u5F62\u8C61\u53EA\u6717\u8BFB\u4E00\u6B21\u804A\u5929\u4E2D\u7684\u7B2C\u4E00\u4E2A\u56DE\u7B54\uFF0C\u4E14\u4EC5\u9650\u56DE\u7B54\u63A8\u8350\u95EE\u9898\u3002\u8BF7\u5F00\u59CB\u65B0\u7684\u804A\u5929\uFF0C\u5E76\u9009\u62E9\u4E00\u4E2A\u63A8\u8350\u95EE\u9898\u3002",
+  start: "\u542F\u52A8\u5B9E\u65F6\u865A\u62DF\u5F62\u8C61",
+  notNow: "\u6682\u4E0D",
+  opensInNewTab: "\uFF08\u5728\u65B0\u6807\u7B7E\u9875\u4E2D\u6253\u5F00\uFF09",
+  botCheck: "\u6B63\u5728\u68C0\u67E5\u60A8\u7684\u6D4F\u89C8\u5668\u2026",
+  connecting: "\u6B63\u5728\u8FDE\u63A5\u5B9E\u65F6\u865A\u62DF\u5F62\u8C61\u2026",
+  speaking: "\u865A\u62DF\u5F62\u8C61\u6B63\u5728\u8BB2\u8BDD\u3002",
+  badge: "AI \u865A\u62DF\u5F62\u8C61 \xB7 \u4E0D\u662F\u771F\u4EBA",
+  video: "\u5B9E\u65F6 AI \u865A\u62DF\u5F62\u8C61\u89C6\u9891",
+  captions: "\u5B57\u5E55",
+  timeLeft: "\u5269\u4F59\u65F6\u95F4",
+  stop: "\u505C\u6B62",
+  tapForSound: "\u70B9\u6309\u4EE5\u5F00\u542F\u58F0\u97F3",
+  finished: "\u865A\u62DF\u5F62\u8C61\u5DF2\u8BB2\u5B8C\u3002",
+  stopped: "\u60A8\u5DF2\u505C\u6B62\u865A\u62DF\u5F62\u8C61\u3002",
+  failed: "\u5B9E\u65F6\u865A\u62DF\u5F62\u8C61\u65E0\u6CD5\u542F\u52A8\u3002",
+  interrupted: "\u5B9E\u65F6\u865A\u62DF\u5F62\u8C61\u63D0\u524D\u505C\u6B62\u4E86\u3002",
+  answerInChat: "\u5B8C\u6574\u56DE\u7B54\u5728\u804A\u5929\u4E2D\u3002",
+  backToChat: "\u8FD4\u56DE\u804A\u5929",
+  busy: "\u5B9E\u65F6\u865A\u62DF\u5F62\u8C61\u76EE\u524D\u7E41\u5FD9\uFF0C\u8BF7\u51E0\u5206\u949F\u540E\u518D\u8BD5\u3002",
+  limits: "\u5B9E\u65F6\u865A\u62DF\u5F62\u8C61\u6682\u65F6\u5DF2\u8FBE\u5230\u4F7F\u7528\u4E0A\u9650\uFF0C\u8BF7\u7A0D\u540E\u518D\u8BD5\u3002",
+  region: "\u60A8\u6240\u5728\u7684\u5730\u533A\u6682\u4E0D\u63D0\u4F9B\u5B9E\u65F6\u865A\u62DF\u5F62\u8C61\u3002",
+  locale: "\u6B64\u8BED\u8A00\u6682\u4E0D\u63D0\u4F9B\u5B9E\u65F6\u865A\u62DF\u5F62\u8C61\u3002",
+  paused: "\u5B9E\u65F6\u865A\u62DF\u5F62\u8C61\u76EE\u524D\u5DF2\u6682\u505C\u3002",
+  notEligible: "\u865A\u62DF\u5F62\u8C61\u53EF\u4EE5\u6717\u8BFB\u63A8\u8350\u95EE\u9898\u7684\u56DE\u7B54\u3002",
+  answerClaimed: "\u865A\u62DF\u5F62\u8C61\u5DF2\u7ECF\u6717\u8BFB\u8FC7\u8FD9\u4E2A\u56DE\u7B54\u3002"
+};
+var HI = {
+  checking: "\u091C\u093E\u0901\u091A \u0939\u094B \u0930\u0939\u0940 \u0939\u0948 \u0915\u093F \u0932\u093E\u0907\u0935 \u0905\u0935\u0924\u093E\u0930 \u0909\u092A\u0932\u092C\u094D\u0927 \u0939\u0948 \u092F\u093E \u0928\u0939\u0940\u0902\u2026",
+  needsAnswer: "\u092A\u0939\u0932\u0947 \u091A\u0948\u091F \u092E\u0947\u0902 \u0915\u094B\u0908 \u0938\u0941\u091D\u093E\u092F\u093E \u0917\u092F\u093E \u092A\u094D\u0930\u0936\u094D\u0928 \u091A\u0941\u0928\u0947\u0902\u0964",
+  needsAnswerDetail: "\u0905\u0935\u0924\u093E\u0930 \u0915\u0947\u0935\u0932 \u092A\u0939\u0932\u093E \u0909\u0924\u094D\u0924\u0930 \u091C\u093C\u094B\u0930 \u0938\u0947 \u092A\u0922\u093C \u0938\u0915\u0924\u093E \u0939\u0948\u0964",
+  // TRANSLATION REVIEW PENDING (BOFF-9797): draft.
+  startNewChat: "\u0905\u0935\u0924\u093E\u0930 \u0915\u093E \u0909\u092A\u092F\u094B\u0917 \u0915\u0930\u0928\u0947 \u0915\u0947 \u0932\u093F\u090F \u0928\u0908 \u091A\u0948\u091F \u0936\u0941\u0930\u0942 \u0915\u0930\u0947\u0902\u0964",
+  startNewChatDetail: "\u0905\u0935\u0924\u093E\u0930 \u0915\u093F\u0938\u0940 \u091A\u0948\u091F \u0915\u093E \u0915\u0947\u0935\u0932 \u092A\u0939\u0932\u093E \u0909\u0924\u094D\u0924\u0930 \u091C\u093C\u094B\u0930 \u0938\u0947 \u092A\u0922\u093C\u0924\u093E \u0939\u0948, \u0914\u0930 \u0935\u0939 \u092D\u0940 \u0938\u0941\u091D\u093E\u090F \u0917\u090F \u092A\u094D\u0930\u0936\u094D\u0928 \u0915\u093E \u0939\u0940\u0964 \u0928\u0908 \u091A\u0948\u091F \u0936\u0941\u0930\u0942 \u0915\u0930\u0947\u0902 \u0914\u0930 \u0915\u094B\u0908 \u0938\u0941\u091D\u093E\u092F\u093E \u0917\u092F\u093E \u092A\u094D\u0930\u0936\u094D\u0928 \u091A\u0941\u0928\u0947\u0902\u0964",
+  start: "\u0932\u093E\u0907\u0935 \u0905\u0935\u0924\u093E\u0930 \u0936\u0941\u0930\u0942 \u0915\u0930\u0947\u0902",
+  notNow: "\u0905\u092D\u0940 \u0928\u0939\u0940\u0902",
+  opensInNewTab: "(\u0928\u090F \u091F\u0948\u092C \u092E\u0947\u0902 \u0916\u0941\u0932\u0924\u093E \u0939\u0948)",
+  botCheck: "\u0906\u092A\u0915\u0947 \u092C\u094D\u0930\u093E\u0909\u091C\u093C\u0930 \u0915\u0940 \u091C\u093E\u0901\u091A \u0939\u094B \u0930\u0939\u0940 \u0939\u0948\u2026",
+  connecting: "\u0932\u093E\u0907\u0935 \u0905\u0935\u0924\u093E\u0930 \u0938\u0947 \u091C\u0941\u0921\u093C \u0930\u0939\u0947 \u0939\u0948\u0902\u2026",
+  speaking: "\u0905\u0935\u0924\u093E\u0930 \u092C\u094B\u0932 \u0930\u0939\u093E \u0939\u0948\u0964",
+  badge: "AI \u0905\u0935\u0924\u093E\u0930 \xB7 \u0905\u0938\u0932\u0940 \u0935\u094D\u092F\u0915\u094D\u0924\u093F \u0928\u0939\u0940\u0902",
+  video: "\u0932\u093E\u0907\u0935 AI \u0905\u0935\u0924\u093E\u0930 \u0935\u0940\u0921\u093F\u092F\u094B",
+  captions: "\u0915\u0948\u092A\u094D\u0936\u0928",
+  timeLeft: "\u092C\u091A\u093E \u0939\u0941\u0906 \u0938\u092E\u092F",
+  stop: "\u0930\u094B\u0915\u0947\u0902",
+  tapForSound: "\u0906\u0935\u093E\u091C\u093C \u091A\u093E\u0932\u0942 \u0915\u0930\u0928\u0947 \u0915\u0947 \u0932\u093F\u090F \u091F\u0948\u092A \u0915\u0930\u0947\u0902",
+  finished: "\u0905\u0935\u0924\u093E\u0930 \u0928\u0947 \u092A\u0922\u093C\u0928\u093E \u092A\u0942\u0930\u093E \u0915\u0930 \u0932\u093F\u092F\u093E \u0939\u0948\u0964",
+  stopped: "\u0906\u092A\u0928\u0947 \u0905\u0935\u0924\u093E\u0930 \u0915\u094B \u0930\u094B\u0915 \u0926\u093F\u092F\u093E\u0964",
+  failed: "\u0932\u093E\u0907\u0935 \u0905\u0935\u0924\u093E\u0930 \u0936\u0941\u0930\u0942 \u0928\u0939\u0940\u0902 \u0939\u094B \u0938\u0915\u093E\u0964",
+  interrupted: "\u0932\u093E\u0907\u0935 \u0905\u0935\u0924\u093E\u0930 \u092C\u0940\u091A \u092E\u0947\u0902 \u0939\u0940 \u0930\u0941\u0915 \u0917\u092F\u093E\u0964",
+  answerInChat: "\u092A\u0942\u0930\u093E \u0909\u0924\u094D\u0924\u0930 \u091A\u0948\u091F \u092E\u0947\u0902 \u0939\u0948\u0964",
+  backToChat: "\u091A\u0948\u091F \u092A\u0930 \u0935\u093E\u092A\u0938 \u091C\u093E\u090F\u0901",
+  busy: "\u0932\u093E\u0907\u0935 \u0905\u0935\u0924\u093E\u0930 \u0905\u092D\u0940 \u0935\u094D\u092F\u0938\u094D\u0924 \u0939\u0948\u0964 \u0915\u0943\u092A\u092F\u093E \u0915\u0941\u091B \u092E\u093F\u0928\u091F \u092C\u093E\u0926 \u092B\u093F\u0930 \u0915\u094B\u0936\u093F\u0936 \u0915\u0930\u0947\u0902\u0964",
+  limits: "\u0932\u093E\u0907\u0935 \u0905\u0935\u0924\u093E\u0930 \u0905\u092D\u0940 \u0905\u092A\u0928\u0940 \u0938\u0940\u092E\u093E \u0924\u0915 \u092A\u0939\u0941\u0901\u091A \u0917\u092F\u093E \u0939\u0948\u0964 \u0915\u0943\u092A\u092F\u093E \u092C\u093E\u0926 \u092E\u0947\u0902 \u092B\u093F\u0930 \u0915\u094B\u0936\u093F\u0936 \u0915\u0930\u0947\u0902\u0964",
+  region: "\u0906\u092A\u0915\u0947 \u0915\u094D\u0937\u0947\u0924\u094D\u0930 \u092E\u0947\u0902 \u0932\u093E\u0907\u0935 \u0905\u0935\u0924\u093E\u0930 \u0905\u092D\u0940 \u0909\u092A\u0932\u092C\u094D\u0927 \u0928\u0939\u0940\u0902 \u0939\u0948\u0964",
+  locale: "\u0907\u0938 \u092D\u093E\u0937\u093E \u092E\u0947\u0902 \u0932\u093E\u0907\u0935 \u0905\u0935\u0924\u093E\u0930 \u0905\u092D\u0940 \u0909\u092A\u0932\u092C\u094D\u0927 \u0928\u0939\u0940\u0902 \u0939\u0948\u0964",
+  paused: "\u0932\u093E\u0907\u0935 \u0905\u0935\u0924\u093E\u0930 \u0905\u092D\u0940 \u0930\u0941\u0915\u093E \u0939\u0941\u0906 \u0939\u0948\u0964",
+  notEligible: "\u0905\u0935\u0924\u093E\u0930 \u0938\u0941\u091D\u093E\u090F \u0917\u090F \u092A\u094D\u0930\u0936\u094D\u0928\u094B\u0902 \u0915\u0947 \u0909\u0924\u094D\u0924\u0930 \u092A\u0922\u093C \u0938\u0915\u0924\u093E \u0939\u0948\u0964",
+  answerClaimed: "\u0905\u0935\u0924\u093E\u0930 \u092F\u0939 \u0909\u0924\u094D\u0924\u0930 \u092A\u0939\u0932\u0947 \u0939\u0940 \u092A\u0922\u093C \u091A\u0941\u0915\u093E \u0939\u0948\u0964"
+};
+var ES = {
+  checking: "Comprobando si el avatar en vivo est\xE1 disponible\u2026",
+  needsAnswer: "Primero elige una pregunta sugerida en el chat.",
+  needsAnswerDetail: "El avatar solo puede leer en voz alta la primera respuesta.",
+  // TRANSLATION REVIEW PENDING (BOFF-9797): draft.
+  startNewChat: "Inicia un chat nuevo para usar el avatar.",
+  startNewChatDetail: "El avatar solo lee en voz alta la primera respuesta de un chat, y solo si es la de una pregunta sugerida. Inicia un chat nuevo y elige una pregunta sugerida.",
+  start: "Iniciar el avatar en vivo",
+  notNow: "Ahora no",
+  opensInNewTab: "(se abre en una pesta\xF1a nueva)",
+  botCheck: "Comprobando tu navegador\u2026",
+  connecting: "Conectando con el avatar en vivo\u2026",
+  speaking: "El avatar est\xE1 hablando.",
+  badge: "Avatar de IA \xB7 no es una persona real",
+  video: "V\xEDdeo del avatar de IA en vivo",
+  captions: "Subt\xEDtulos",
+  timeLeft: "Tiempo restante",
+  stop: "Detener",
+  tapForSound: "Toca para activar el sonido",
+  finished: "El avatar ha terminado.",
+  stopped: "Has detenido el avatar.",
+  failed: "No se pudo iniciar el avatar en vivo.",
+  interrupted: "El avatar en vivo se detuvo antes de tiempo.",
+  answerInChat: "La respuesta completa est\xE1 en el chat.",
+  backToChat: "Volver al chat",
+  busy: "El avatar en vivo est\xE1 ocupado en este momento. Vuelve a intentarlo en unos minutos.",
+  limits: "El avatar en vivo ha alcanzado su l\xEDmite por ahora. Vuelve a intentarlo m\xE1s tarde.",
+  region: "El avatar en vivo a\xFAn no est\xE1 disponible en tu regi\xF3n.",
+  locale: "El avatar en vivo a\xFAn no est\xE1 disponible en este idioma.",
+  paused: "El avatar en vivo est\xE1 en pausa en este momento.",
+  notEligible: "El avatar puede leer las respuestas a las preguntas sugeridas.",
+  answerClaimed: "El avatar ya ha le\xEDdo esta respuesta."
+};
+var AR = {
+  checking: "\u062C\u0627\u0631\u064D \u0627\u0644\u062A\u062D\u0642\u0642 \u0645\u0646 \u062A\u0648\u0641\u0631 \u0627\u0644\u0623\u0641\u0627\u062A\u0627\u0631 \u0627\u0644\u0645\u0628\u0627\u0634\u0631\u2026",
+  needsAnswer: "\u0627\u062E\u062A\u0631 \u0623\u0648\u0644\u064B\u0627 \u0633\u0624\u0627\u0644\u064B\u0627 \u0645\u0642\u062A\u0631\u062D\u064B\u0627 \u0641\u064A \u0627\u0644\u062F\u0631\u062F\u0634\u0629.",
+  needsAnswerDetail: "\u064A\u0645\u0643\u0646 \u0644\u0644\u0623\u0641\u0627\u062A\u0627\u0631 \u0642\u0631\u0627\u0621\u0629 \u0627\u0644\u0625\u062C\u0627\u0628\u0629 \u0627\u0644\u0623\u0648\u0644\u0649 \u0641\u0642\u0637 \u0628\u0635\u0648\u062A \u0639\u0627\u0644\u064D.",
+  // TRANSLATION REVIEW PENDING (BOFF-9797): draft.
+  startNewChat: "\u0627\u0628\u062F\u0623 \u062F\u0631\u062F\u0634\u0629 \u062C\u062F\u064A\u062F\u0629 \u0644\u0627\u0633\u062A\u062E\u062F\u0627\u0645 \u0627\u0644\u0623\u0641\u0627\u062A\u0627\u0631.",
+  startNewChatDetail: "\u064A\u0642\u0631\u0623 \u0627\u0644\u0623\u0641\u0627\u062A\u0627\u0631 \u0628\u0635\u0648\u062A \u0639\u0627\u0644\u064D \u0627\u0644\u0625\u062C\u0627\u0628\u0629 \u0627\u0644\u0623\u0648\u0644\u0649 \u0641\u064A \u0627\u0644\u062F\u0631\u062F\u0634\u0629 \u0641\u0642\u0637\u060C \u0648\u0641\u0642\u0637 \u0625\u0630\u0627 \u0643\u0627\u0646\u062A \u0625\u062C\u0627\u0628\u0629 \u0639\u0646 \u0633\u0624\u0627\u0644 \u0645\u0642\u062A\u0631\u062D. \u0627\u0628\u062F\u0623 \u062F\u0631\u062F\u0634\u0629 \u062C\u062F\u064A\u062F\u0629 \u0648\u0627\u062E\u062A\u0631 \u0633\u0624\u0627\u0644\u064B\u0627 \u0645\u0642\u062A\u0631\u062D\u064B\u0627.",
+  start: "\u0628\u062F\u0621 \u0627\u0644\u0623\u0641\u0627\u062A\u0627\u0631 \u0627\u0644\u0645\u0628\u0627\u0634\u0631",
+  notNow: "\u0644\u064A\u0633 \u0627\u0644\u0622\u0646",
+  opensInNewTab: "(\u064A\u064F\u0641\u062A\u062D \u0641\u064A \u0639\u0644\u0627\u0645\u0629 \u062A\u0628\u0648\u064A\u0628 \u062C\u062F\u064A\u062F\u0629)",
+  botCheck: "\u062C\u0627\u0631\u064D \u0627\u0644\u062A\u062D\u0642\u0642 \u0645\u0646 \u0645\u062A\u0635\u0641\u062D\u0643\u2026",
+  connecting: "\u062C\u0627\u0631\u064D \u0627\u0644\u0627\u062A\u0635\u0627\u0644 \u0628\u0627\u0644\u0623\u0641\u0627\u062A\u0627\u0631 \u0627\u0644\u0645\u0628\u0627\u0634\u0631\u2026",
+  speaking: "\u0627\u0644\u0623\u0641\u0627\u062A\u0627\u0631 \u064A\u062A\u062D\u062F\u062B \u0627\u0644\u0622\u0646.",
+  badge: "\u0623\u0641\u0627\u062A\u0627\u0631 \u0628\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064A \xB7 \u0644\u064A\u0633 \u0634\u062E\u0635\u064B\u0627 \u062D\u0642\u064A\u0642\u064A\u064B\u0627",
+  video: "\u0641\u064A\u062F\u064A\u0648 \u0627\u0644\u0623\u0641\u0627\u062A\u0627\u0631 \u0627\u0644\u0645\u0628\u0627\u0634\u0631 \u0628\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064A",
+  captions: "\u0627\u0644\u062A\u0633\u0645\u064A\u0627\u062A \u0627\u0644\u062A\u0648\u0636\u064A\u062D\u064A\u0629",
+  timeLeft: "\u0627\u0644\u0648\u0642\u062A \u0627\u0644\u0645\u062A\u0628\u0642\u064A",
+  stop: "\u0625\u064A\u0642\u0627\u0641",
+  tapForSound: "\u0627\u0646\u0642\u0631 \u0644\u062A\u0634\u063A\u064A\u0644 \u0627\u0644\u0635\u0648\u062A",
+  finished: "\u0627\u0646\u062A\u0647\u0649 \u0627\u0644\u0623\u0641\u0627\u062A\u0627\u0631.",
+  stopped: "\u0644\u0642\u062F \u0623\u0648\u0642\u0641\u062A \u0627\u0644\u0623\u0641\u0627\u062A\u0627\u0631.",
+  failed: "\u062A\u0639\u0630\u0651\u0631 \u0628\u062F\u0621 \u0627\u0644\u0623\u0641\u0627\u062A\u0627\u0631 \u0627\u0644\u0645\u0628\u0627\u0634\u0631.",
+  interrupted: "\u062A\u0648\u0642\u0641 \u0627\u0644\u0623\u0641\u0627\u062A\u0627\u0631 \u0627\u0644\u0645\u0628\u0627\u0634\u0631 \u0642\u0628\u0644 \u0623\u0646 \u064A\u0646\u062A\u0647\u064A.",
+  answerInChat: "\u0627\u0644\u0625\u062C\u0627\u0628\u0629 \u0627\u0644\u0643\u0627\u0645\u0644\u0629 \u0645\u0648\u062C\u0648\u062F\u0629 \u0641\u064A \u0627\u0644\u062F\u0631\u062F\u0634\u0629.",
+  backToChat: "\u0627\u0644\u0639\u0648\u062F\u0629 \u0625\u0644\u0649 \u0627\u0644\u062F\u0631\u062F\u0634\u0629",
+  busy: "\u0627\u0644\u0623\u0641\u0627\u062A\u0627\u0631 \u0627\u0644\u0645\u0628\u0627\u0634\u0631 \u0645\u0634\u063A\u0648\u0644 \u0627\u0644\u0622\u0646. \u064A\u064F\u0631\u062C\u0649 \u0627\u0644\u0645\u062D\u0627\u0648\u0644\u0629 \u0645\u0631\u0629 \u0623\u062E\u0631\u0649 \u0628\u0639\u062F \u0628\u0636\u0639 \u062F\u0642\u0627\u0626\u0642.",
+  limits: "\u0628\u0644\u063A \u0627\u0644\u0623\u0641\u0627\u062A\u0627\u0631 \u0627\u0644\u0645\u0628\u0627\u0634\u0631 \u062D\u062F\u0651\u0647 \u0641\u064A \u0627\u0644\u0648\u0642\u062A \u0627\u0644\u062D\u0627\u0644\u064A. \u064A\u064F\u0631\u062C\u0649 \u0627\u0644\u0645\u062D\u0627\u0648\u0644\u0629 \u0644\u0627\u062D\u0642\u064B\u0627.",
+  region: "\u0627\u0644\u0623\u0641\u0627\u062A\u0627\u0631 \u0627\u0644\u0645\u0628\u0627\u0634\u0631 \u063A\u064A\u0631 \u0645\u062A\u0627\u062D \u0641\u064A \u0645\u0646\u0637\u0642\u062A\u0643 \u0628\u0639\u062F.",
+  locale: "\u0627\u0644\u0623\u0641\u0627\u062A\u0627\u0631 \u0627\u0644\u0645\u0628\u0627\u0634\u0631 \u063A\u064A\u0631 \u0645\u062A\u0627\u062D \u0628\u0647\u0630\u0647 \u0627\u0644\u0644\u063A\u0629 \u0628\u0639\u062F.",
+  paused: "\u0627\u0644\u0623\u0641\u0627\u062A\u0627\u0631 \u0627\u0644\u0645\u0628\u0627\u0634\u0631 \u0645\u062A\u0648\u0642\u0641 \u0645\u0624\u0642\u062A\u064B\u0627 \u0627\u0644\u0622\u0646.",
+  notEligible: "\u064A\u0645\u0643\u0646 \u0644\u0644\u0623\u0641\u0627\u062A\u0627\u0631 \u0642\u0631\u0627\u0621\u0629 \u0625\u062C\u0627\u0628\u0627\u062A \u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0627\u0644\u0645\u0642\u062A\u0631\u062D\u0629.",
+  answerClaimed: "\u0642\u0631\u0623 \u0627\u0644\u0623\u0641\u0627\u062A\u0627\u0631 \u0647\u0630\u0647 \u0627\u0644\u0625\u062C\u0627\u0628\u0629 \u0645\u0646 \u0642\u0628\u0644."
+};
+var TA = {
+  checking: "\u0BA8\u0BC7\u0BB0\u0BB2\u0BC8 \u0B85\u0BB5\u0BA4\u0BBE\u0BB0\u0BCD \u0B95\u0BBF\u0B9F\u0BC8\u0B95\u0BCD\u0B95\u0BBF\u0BB1\u0BA4\u0BBE \u0B8E\u0BA9\u0B9A\u0BCD \u0B9A\u0BB0\u0BBF\u0BAA\u0BBE\u0BB0\u0BCD\u0B95\u0BCD\u0B95\u0BBF\u0BB1\u0BA4\u0BC1\u2026",
+  needsAnswer: "\u0BAE\u0BC1\u0BA4\u0BB2\u0BBF\u0BB2\u0BCD \u0B85\u0BB0\u0B9F\u0BCD\u0B9F\u0BC8\u0BAF\u0BBF\u0BB2\u0BCD \u0BAA\u0BB0\u0BBF\u0BA8\u0BCD\u0BA4\u0BC1\u0BB0\u0BC8\u0B95\u0BCD\u0B95\u0BAA\u0BCD\u0BAA\u0B9F\u0BCD\u0B9F \u0B92\u0BB0\u0BC1 \u0B95\u0BC7\u0BB3\u0BCD\u0BB5\u0BBF\u0BAF\u0BC8\u0BA4\u0BCD \u0BA4\u0BC7\u0BB0\u0BCD\u0BA8\u0BCD\u0BA4\u0BC6\u0B9F\u0BC1\u0B95\u0BCD\u0B95\u0BB5\u0BC1\u0BAE\u0BCD.",
+  needsAnswerDetail: "\u0B85\u0BB5\u0BA4\u0BBE\u0BB0\u0BCD \u0BAE\u0BC1\u0BA4\u0BB2\u0BCD \u0BAA\u0BA4\u0BBF\u0BB2\u0BC8 \u0BAE\u0B9F\u0BCD\u0B9F\u0BC1\u0BAE\u0BC7 \u0B89\u0BB0\u0B95\u0BCD\u0B95\u0BAA\u0BCD \u0BAA\u0B9F\u0BBF\u0B95\u0BCD\u0B95 \u0BAE\u0BC1\u0B9F\u0BBF\u0BAF\u0BC1\u0BAE\u0BCD.",
+  // TRANSLATION REVIEW PENDING (BOFF-9797): draft.
+  startNewChat: "\u0B85\u0BB5\u0BA4\u0BBE\u0BB0\u0BC8\u0BAA\u0BCD \u0BAA\u0BAF\u0BA9\u0BCD\u0BAA\u0B9F\u0BC1\u0BA4\u0BCD\u0BA4 \u0BAA\u0BC1\u0BA4\u0BBF\u0BAF \u0B85\u0BB0\u0B9F\u0BCD\u0B9F\u0BC8\u0BAF\u0BC8\u0BA4\u0BCD \u0BA4\u0BCA\u0B9F\u0B99\u0BCD\u0B95\u0BB5\u0BC1\u0BAE\u0BCD.",
+  startNewChatDetail: "\u0B93\u0BB0\u0BCD \u0B85\u0BB0\u0B9F\u0BCD\u0B9F\u0BC8\u0BAF\u0BBF\u0BA9\u0BCD \u0BAE\u0BC1\u0BA4\u0BB2\u0BCD \u0BAA\u0BA4\u0BBF\u0BB2\u0BC8 \u0BAE\u0B9F\u0BCD\u0B9F\u0BC1\u0BAE\u0BC7, \u0B85\u0BA4\u0BC1\u0BB5\u0BC1\u0BAE\u0BCD \u0BAA\u0BB0\u0BBF\u0BA8\u0BCD\u0BA4\u0BC1\u0BB0\u0BC8\u0B95\u0BCD\u0B95\u0BAA\u0BCD\u0BAA\u0B9F\u0BCD\u0B9F \u0B95\u0BC7\u0BB3\u0BCD\u0BB5\u0BBF\u0B95\u0BCD\u0B95\u0BBE\u0BA9 \u0BAA\u0BA4\u0BBF\u0BB2\u0BC8 \u0BAE\u0B9F\u0BCD\u0B9F\u0BC1\u0BAE\u0BC7 \u0B85\u0BB5\u0BA4\u0BBE\u0BB0\u0BCD \u0B89\u0BB0\u0B95\u0BCD\u0B95\u0BAA\u0BCD \u0BAA\u0B9F\u0BBF\u0B95\u0BCD\u0B95\u0BC1\u0BAE\u0BCD. \u0BAA\u0BC1\u0BA4\u0BBF\u0BAF \u0B85\u0BB0\u0B9F\u0BCD\u0B9F\u0BC8\u0BAF\u0BC8\u0BA4\u0BCD \u0BA4\u0BCA\u0B9F\u0B99\u0BCD\u0B95\u0BBF, \u0BAA\u0BB0\u0BBF\u0BA8\u0BCD\u0BA4\u0BC1\u0BB0\u0BC8\u0B95\u0BCD\u0B95\u0BAA\u0BCD\u0BAA\u0B9F\u0BCD\u0B9F \u0B92\u0BB0\u0BC1 \u0B95\u0BC7\u0BB3\u0BCD\u0BB5\u0BBF\u0BAF\u0BC8\u0BA4\u0BCD \u0BA4\u0BC7\u0BB0\u0BCD\u0BA8\u0BCD\u0BA4\u0BC6\u0B9F\u0BC1\u0B95\u0BCD\u0B95\u0BB5\u0BC1\u0BAE\u0BCD.",
+  start: "\u0BA8\u0BC7\u0BB0\u0BB2\u0BC8 \u0B85\u0BB5\u0BA4\u0BBE\u0BB0\u0BC8\u0BA4\u0BCD \u0BA4\u0BCA\u0B9F\u0B99\u0BCD\u0B95\u0BC1",
+  notNow: "\u0B87\u0BAA\u0BCD\u0BAA\u0BCB\u0BA4\u0BC1 \u0BB5\u0BC7\u0BA3\u0BCD\u0B9F\u0BBE\u0BAE\u0BCD",
+  opensInNewTab: "(\u0BAA\u0BC1\u0BA4\u0BBF\u0BAF \u0BA4\u0BBE\u0BB5\u0BB2\u0BBF\u0BB2\u0BCD \u0BA4\u0BBF\u0BB1\u0B95\u0BCD\u0B95\u0BC1\u0BAE\u0BCD)",
+  botCheck: "\u0B89\u0B99\u0BCD\u0B95\u0BB3\u0BCD \u0B89\u0BB2\u0BBE\u0BB5\u0BBF\u0BAF\u0BC8\u0B9A\u0BCD \u0B9A\u0BB0\u0BBF\u0BAA\u0BBE\u0BB0\u0BCD\u0B95\u0BCD\u0B95\u0BBF\u0BB1\u0BA4\u0BC1\u2026",
+  connecting: "\u0BA8\u0BC7\u0BB0\u0BB2\u0BC8 \u0B85\u0BB5\u0BA4\u0BBE\u0BB0\u0BC1\u0B9F\u0BA9\u0BCD \u0B87\u0BA3\u0BC8\u0B95\u0BCD\u0B95\u0BBF\u0BB1\u0BA4\u0BC1\u2026",
+  speaking: "\u0B85\u0BB5\u0BA4\u0BBE\u0BB0\u0BCD \u0BAA\u0BC7\u0B9A\u0BC1\u0B95\u0BBF\u0BB1\u0BA4\u0BC1.",
+  badge: "AI \u0B85\u0BB5\u0BA4\u0BBE\u0BB0\u0BCD \xB7 \u0B89\u0BA3\u0BCD\u0BAE\u0BC8\u0BAF\u0BBE\u0BA9 \u0BA8\u0BAA\u0BB0\u0BCD \u0B85\u0BB2\u0BCD\u0BB2",
+  video: "\u0BA8\u0BC7\u0BB0\u0BB2\u0BC8 AI \u0B85\u0BB5\u0BA4\u0BBE\u0BB0\u0BCD \u0BB5\u0BC0\u0B9F\u0BBF\u0BAF\u0BCB",
+  captions: "\u0BB5\u0B9A\u0BA9\u0B99\u0BCD\u0B95\u0BB3\u0BCD",
+  timeLeft: "\u0BAE\u0BC0\u0BA4\u0BAE\u0BC1\u0BB3\u0BCD\u0BB3 \u0BA8\u0BC7\u0BB0\u0BAE\u0BCD",
+  stop: "\u0BA8\u0BBF\u0BB1\u0BC1\u0BA4\u0BCD\u0BA4\u0BC1",
+  tapForSound: "\u0B92\u0BB2\u0BBF\u0BAF\u0BC8 \u0B87\u0BAF\u0B95\u0BCD\u0B95\u0BA4\u0BCD \u0BA4\u0B9F\u0BCD\u0B9F\u0BB5\u0BC1\u0BAE\u0BCD",
+  finished: "\u0B85\u0BB5\u0BA4\u0BBE\u0BB0\u0BCD \u0BAA\u0B9F\u0BBF\u0BA4\u0BCD\u0BA4\u0BC1 \u0BAE\u0BC1\u0B9F\u0BBF\u0BA4\u0BCD\u0BA4\u0BA4\u0BC1.",
+  stopped: "\u0BA8\u0BC0\u0B99\u0BCD\u0B95\u0BB3\u0BCD \u0B85\u0BB5\u0BA4\u0BBE\u0BB0\u0BC8 \u0BA8\u0BBF\u0BB1\u0BC1\u0BA4\u0BCD\u0BA4\u0BBF\u0BA9\u0BC0\u0BB0\u0BCD\u0B95\u0BB3\u0BCD.",
+  failed: "\u0BA8\u0BC7\u0BB0\u0BB2\u0BC8 \u0B85\u0BB5\u0BA4\u0BBE\u0BB0\u0BC8\u0BA4\u0BCD \u0BA4\u0BCA\u0B9F\u0B99\u0BCD\u0B95 \u0BAE\u0BC1\u0B9F\u0BBF\u0BAF\u0BB5\u0BBF\u0BB2\u0BCD\u0BB2\u0BC8.",
+  interrupted: "\u0BA8\u0BC7\u0BB0\u0BB2\u0BC8 \u0B85\u0BB5\u0BA4\u0BBE\u0BB0\u0BCD \u0B87\u0B9F\u0BC8\u0BAF\u0BBF\u0BB2\u0BC7\u0BAF\u0BC7 \u0BA8\u0BBF\u0BA9\u0BCD\u0BB1\u0BC1\u0BB5\u0BBF\u0B9F\u0BCD\u0B9F\u0BA4\u0BC1.",
+  answerInChat: "\u0BAE\u0BC1\u0BB4\u0BC1\u0BAA\u0BCD \u0BAA\u0BA4\u0BBF\u0BB2\u0BCD \u0B85\u0BB0\u0B9F\u0BCD\u0B9F\u0BC8\u0BAF\u0BBF\u0BB2\u0BCD \u0B89\u0BB3\u0BCD\u0BB3\u0BA4\u0BC1.",
+  backToChat: "\u0B85\u0BB0\u0B9F\u0BCD\u0B9F\u0BC8\u0B95\u0BCD\u0B95\u0BC1\u0BA4\u0BCD \u0BA4\u0BBF\u0BB0\u0BC1\u0BAE\u0BCD\u0BAA\u0BC1",
+  busy: "\u0BA8\u0BC7\u0BB0\u0BB2\u0BC8 \u0B85\u0BB5\u0BA4\u0BBE\u0BB0\u0BCD \u0B87\u0BAA\u0BCD\u0BAA\u0BCB\u0BA4\u0BC1 \u0BB5\u0BC7\u0BB1\u0BC1 \u0BAA\u0BAF\u0BA9\u0BCD\u0BAA\u0BBE\u0B9F\u0BCD\u0B9F\u0BBF\u0BB2\u0BCD \u0B89\u0BB3\u0BCD\u0BB3\u0BA4\u0BC1. \u0B9A\u0BBF\u0BB2 \u0BA8\u0BBF\u0BAE\u0BBF\u0B9F\u0B99\u0BCD\u0B95\u0BB3\u0BBF\u0BB2\u0BCD \u0BAE\u0BC0\u0BA3\u0BCD\u0B9F\u0BC1\u0BAE\u0BCD \u0BAE\u0BC1\u0BAF\u0BB2\u0BB5\u0BC1\u0BAE\u0BCD.",
+  limits: "\u0BA8\u0BC7\u0BB0\u0BB2\u0BC8 \u0B85\u0BB5\u0BA4\u0BBE\u0BB0\u0BCD \u0BA4\u0BB1\u0BCD\u0BAA\u0BCB\u0BA4\u0BC8\u0B95\u0BCD\u0B95\u0BC1\u0BA4\u0BCD \u0BA4\u0BA9\u0BCD \u0BB5\u0BB0\u0BAE\u0BCD\u0BAA\u0BC8 \u0B8E\u0B9F\u0BCD\u0B9F\u0BBF\u0BB5\u0BBF\u0B9F\u0BCD\u0B9F\u0BA4\u0BC1. \u0BAA\u0BBF\u0BB1\u0B95\u0BC1 \u0BAE\u0BC0\u0BA3\u0BCD\u0B9F\u0BC1\u0BAE\u0BCD \u0BAE\u0BC1\u0BAF\u0BB2\u0BB5\u0BC1\u0BAE\u0BCD.",
+  region: "\u0B89\u0B99\u0BCD\u0B95\u0BB3\u0BCD \u0BAA\u0B95\u0BC1\u0BA4\u0BBF\u0BAF\u0BBF\u0BB2\u0BCD \u0BA8\u0BC7\u0BB0\u0BB2\u0BC8 \u0B85\u0BB5\u0BA4\u0BBE\u0BB0\u0BCD \u0B87\u0BA9\u0BCD\u0BA9\u0BC1\u0BAE\u0BCD \u0B95\u0BBF\u0B9F\u0BC8\u0B95\u0BCD\u0B95\u0BB5\u0BBF\u0BB2\u0BCD\u0BB2\u0BC8.",
+  locale: "\u0B87\u0BA8\u0BCD\u0BA4 \u0BAE\u0BCA\u0BB4\u0BBF\u0BAF\u0BBF\u0BB2\u0BCD \u0BA8\u0BC7\u0BB0\u0BB2\u0BC8 \u0B85\u0BB5\u0BA4\u0BBE\u0BB0\u0BCD \u0B87\u0BA9\u0BCD\u0BA9\u0BC1\u0BAE\u0BCD \u0B95\u0BBF\u0B9F\u0BC8\u0B95\u0BCD\u0B95\u0BB5\u0BBF\u0BB2\u0BCD\u0BB2\u0BC8.",
+  paused: "\u0BA8\u0BC7\u0BB0\u0BB2\u0BC8 \u0B85\u0BB5\u0BA4\u0BBE\u0BB0\u0BCD \u0B87\u0BAA\u0BCD\u0BAA\u0BCB\u0BA4\u0BC1 \u0B87\u0B9F\u0BC8\u0BA8\u0BBF\u0BB1\u0BC1\u0BA4\u0BCD\u0BA4\u0BAA\u0BCD\u0BAA\u0B9F\u0BCD\u0B9F\u0BC1\u0BB3\u0BCD\u0BB3\u0BA4\u0BC1.",
+  notEligible: "\u0BAA\u0BB0\u0BBF\u0BA8\u0BCD\u0BA4\u0BC1\u0BB0\u0BC8\u0B95\u0BCD\u0B95\u0BAA\u0BCD\u0BAA\u0B9F\u0BCD\u0B9F \u0B95\u0BC7\u0BB3\u0BCD\u0BB5\u0BBF\u0B95\u0BB3\u0BC1\u0B95\u0BCD\u0B95\u0BBE\u0BA9 \u0BAA\u0BA4\u0BBF\u0BB2\u0BCD\u0B95\u0BB3\u0BC8 \u0B85\u0BB5\u0BA4\u0BBE\u0BB0\u0BCD \u0BAA\u0B9F\u0BBF\u0B95\u0BCD\u0B95 \u0BAE\u0BC1\u0B9F\u0BBF\u0BAF\u0BC1\u0BAE\u0BCD.",
+  answerClaimed: "\u0B87\u0BA8\u0BCD\u0BA4\u0BAA\u0BCD \u0BAA\u0BA4\u0BBF\u0BB2\u0BC8 \u0B85\u0BB5\u0BA4\u0BBE\u0BB0\u0BCD \u0B8F\u0BB1\u0BCD\u0B95\u0BC6\u0BA9\u0BB5\u0BC7 \u0BAA\u0B9F\u0BBF\u0BA4\u0BCD\u0BA4\u0BC1\u0BB5\u0BBF\u0B9F\u0BCD\u0B9F\u0BA4\u0BC1."
+};
+var STRINGS = {
+  en: EN,
+  zh: ZH,
+  hi: HI,
+  es: ES,
+  ar: AR,
+  ta: TA
+};
+function avatarLiveStrings(locale) {
+  return STRINGS[locale] ?? EN;
+}
+var CONSENT = /* @__PURE__ */ new Map([
+  [
+    "web-consent-2026-11",
+    {
+      en: {
+        title: "Live AI avatar (beta)",
+        introProduct: "This is an AI avatar, not a real person. It reads the assistant's first eligible answer to a suggested {product} question aloud for up to a minute. The answer is AI-generated and can be wrong.",
+        intro: "This is an AI avatar, not a real person. It reads the assistant's first eligible answer to a suggested question aloud for up to a minute. The answer is AI-generated and can be wrong.",
+        processing: "When you start, Cloudflare checks for bots. The answer text goes to Google to create the voice. Your browser connects to LiveKit, which sees your IP address. LiveKit fetches our temporary audio file and passes the voice to Protoface, which makes the avatar video streamed through LiveKit.",
+        storage: "Your microphone and camera are not used. We do not record the live session. We temporarily store the generated voice file and 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"
+      }
+    }
+  ]
+]);
+function avatarConsentCopy(version, locale) {
+  if (!isAvatarLiveLocaleReviewed(locale)) return null;
+  return CONSENT.get(version)?.[locale] ?? null;
+}
+
+// src/components/explore-avatar-turnstile.ts
+var SCRIPT_SRC = "https://challenges.cloudflare.com/turnstile/v0/api.js?render=explicit";
+var SCRIPT_TIMEOUT_MS = 15e3;
+function readApi() {
+  if (typeof window === "undefined") return null;
+  const api = window.turnstile;
+  return api && typeof api.render === "function" && typeof api.remove === "function" ? api : null;
+}
+var loading = null;
+function loadTurnstile() {
+  const ready = readApi();
+  if (ready) return Promise.resolve(ready);
+  if (loading) return loading;
+  loading = new Promise((resolve, reject) => {
+    const script = document.createElement("script");
+    script.src = SCRIPT_SRC;
+    script.async = true;
+    script.setAttribute("data-boff-explore", "avatar-live-turnstile");
+    const fail = () => {
+      clearTimeout(timer);
+      loading = null;
+      script.remove();
+      reject(new Error("The bot check could not be loaded."));
+    };
+    const timer = setTimeout(fail, SCRIPT_TIMEOUT_MS);
+    script.addEventListener("load", () => {
+      const api = readApi();
+      if (!api) {
+        fail();
+        return;
+      }
+      clearTimeout(timer);
+      resolve(api);
+    });
+    script.addEventListener("error", fail);
+    document.head.appendChild(script);
+  });
+  return loading;
+}
+function runTurnstile(container, siteKey, action, cData) {
+  Promise.resolve(cData).catch(() => void 0);
+  let settled = false;
+  let cancelled = false;
+  let widget = null;
+  let rejectToken = () => void 0;
+  const removeWidget = () => {
+    if (!widget) return;
+    const { api, id } = widget;
+    widget = null;
+    try {
+      api.remove(id);
+    } catch {
+    }
+  };
+  const token = new Promise((resolve, reject) => {
+    rejectToken = (error) => {
+      if (settled) return;
+      settled = true;
+      reject(error);
+    };
+    if (!container) {
+      rejectToken(new Error("No place for the bot check."));
+      return;
+    }
+    Promise.all([loadTurnstile(), cData]).then(
+      ([api, binding]) => {
+        if (cancelled || settled) return;
+        const failed = () => {
+          removeWidget();
+          rejectToken(new Error("The bot check did not pass."));
+        };
+        const id = api.render(container, {
+          sitekey: siteKey,
+          action,
+          cData: binding,
+          appearance: "interaction-only",
+          size: "flexible",
+          "response-field": false,
+          callback: (value) => {
+            if (settled) return;
+            settled = true;
+            resolve(value);
+          },
+          "error-callback": () => {
+            failed();
+            return true;
+          },
+          "expired-callback": failed,
+          "timeout-callback": failed
+        });
+        if (typeof id === "string" && id !== "") {
+          widget = { api, id };
+          if (settled) removeWidget();
+        } else if (!settled) {
+          rejectToken(new Error("The bot check could not start."));
+        }
+      },
+      (error) => {
+        rejectToken(
+          error instanceof Error ? error : new Error("The bot check could not be loaded.")
+        );
+      }
+    );
+  });
+  token.catch(() => void 0);
+  return {
+    token,
+    cancel: () => {
+      cancelled = true;
+      removeWidget();
+      rejectToken(new Error("The bot check was cancelled."));
+    }
+  };
+}
+
+// src/components/explore-fill.ts
+function fill(template, values) {
+  return template.replace(/\{(\w+)\}/g, (match, key) => values[key] ?? match);
+}
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+var PRIVACY_HREF = "/privacy#live-avatar";
+var SPEAKER_WAIT_MS = 3e4;
+var END_GRACE_MS = 1e4;
+var CLOCK_TOLERANCE_MS = 5e3;
+var PRIMARY = '[data-avatar-primary], [data-boff-explore="panel-continue-chat"]';
+var IDLE = { name: "idle" };
+var INERT2 = { name: "inert" };
+var REFUSAL_TEXT = {
+  busy: "busy",
+  limits: "limits",
+  region: "region",
+  locale: "locale",
+  paused: "paused",
+  not_eligible: "notEligible",
+  answer_claimed: "answerClaimed"
+};
+var WAITING = { answerId: null, startOver: false };
+var START_OVER = { answerId: null, startOver: true };
+function firstExchange(messages) {
+  if (!messages || messages.length === 0) return WAITING;
+  if (messages.length > 2) return START_OVER;
+  const [question, answer] = messages;
+  if (question?.role !== "USER") return START_OVER;
+  if (answer === void 0) return WAITING;
+  if (answer.role !== "ASSISTANT") return START_OVER;
+  if (answer.status === "PENDING" || answer.status === "RUNNING") {
+    return WAITING;
+  }
+  if (answer.status !== "COMPLETED" || answer.content.trim() === "" || !isAvatarMessageId(answer.id)) {
+    return START_OVER;
+  }
+  return { answerId: answer.id, startOver: false };
+}
+function offering(offer, messageId, claimed) {
+  return claimed.has(messageId) ? { name: "refused", reason: "answer_claimed" } : { name: "consent", offer, messageId };
+}
+async function loadModule(load) {
+  const loaded = await load();
+  const join = loaded !== null && typeof loaded === "object" ? loaded.joinReceiveOnly : void 0;
+  if (typeof join !== "function") {
+    throw new Error("The live avatar module could not be loaded.");
+  }
+  return loaded;
+}
+function clock(seconds) {
+  const whole = Math.max(0, Math.ceil(seconds));
+  return `${Math.floor(whole / 60)}:${String(whole % 60).padStart(2, "0")}`;
+}
+function AvatarLiveView({
+  live,
+  active,
+  locale,
+  productName,
+  still,
+  fallback,
+  onContinueInChat,
+  continueInChat,
+  off,
+  base,
+  headers,
+  conversation
+}) {
+  const S = avatarLiveStrings(locale);
+  const uid = useId();
+  const consentTitleId = `${uid}-consent`;
+  const { answerId, startOver } = firstExchange(conversation?.messages);
+  const [phase, setPhase] = useState(IDLE);
+  const [blocked, setBlocked] = useState(false);
+  const [now, setNow] = useState(() => Date.now());
+  const phaseRef = useRef(IDLE);
+  const latest = useRef({ live, locale, base, headers, answerId, off });
+  latest.current = { live, locale, base, headers, answerId, off };
+  const conversationRef = useRef(conversation);
+  conversationRef.current = conversation;
+  const checkRef = useRef(null);
+  const askedLocale = useRef(locale);
+  const startRef = useRef(null);
+  const sessionRef = useRef(null);
+  const claimedRef = useRef(/* @__PURE__ */ new Set());
+  const rootRef = useRef(null);
+  const videoRef = useRef(null);
+  const audioRef = useRef(null);
+  const botBoxRef = useRef(null);
+  const go = useCallback((next) => {
+    phaseRef.current = next;
+    setPhase(next);
+  }, []);
+  const finish = useCallback(
+    (how, reason) => {
+      const handle = sessionRef.current;
+      if (!handle || handle.done) return;
+      handle.done = true;
+      sessionRef.current = null;
+      if (reason !== null) {
+        sendEnd({
+          base: handle.base,
+          headers: handle.headers,
+          sessionId: handle.session.sessionId,
+          secret: handle.session.endSecret,
+          reason
+        });
+      }
+      const room = handle.joined;
+      handle.joined = null;
+      if (room) void room.leave().catch(() => void 0);
+      setBlocked(false);
+      go({ name: "ended", how });
+    },
+    [go]
+  );
+  const cancelStart = useCallback((reason) => {
+    const run = startRef.current;
+    if (!run) return;
+    startRef.current = null;
+    run.cancelled = reason;
+    run.turnstile?.cancel();
+  }, []);
+  const check = useCallback(() => {
+    const { live: live2, locale: locale2, base: base2, headers: headers2, off: off2 } = latest.current;
+    checkRef.current?.abort();
+    checkRef.current = null;
+    askedLocale.current = locale2;
+    if (off2 || base2 === null) {
+      go(INERT2);
+      return;
+    }
+    const controller = new AbortController();
+    checkRef.current = controller;
+    go({ name: "checking" });
+    void requestAvailability({
+      base: base2,
+      headers: headers2,
+      site: live2.site,
+      locale: locale2,
+      signal: controller.signal
+    }).then((result) => {
+      if (checkRef.current !== controller) return;
+      checkRef.current = null;
+      if (result.kind === "inert") {
+        go(INERT2);
+        return;
+      }
+      if (result.kind === "refused") {
+        go({ name: "refused", reason: result.reason });
+        return;
+      }
+      const copy = avatarConsentCopy(result.offer.consentVersion, locale2);
+      if (copy === null) {
+        go(INERT2);
+        return;
+      }
+      const offer = { ...result.offer, locale: locale2, copy };
+      const messageId = latest.current.answerId;
+      go(
+        messageId === null ? { name: "needs-answer", offer } : offering(offer, messageId, claimedRef.current)
+      );
+    });
+  }, [go]);
+  const begin = useCallback(
+    (session, module, offer, target) => {
+      const received = Date.now();
+      const longest = offer.maxSessionSeconds * 1e3;
+      const ahead = session.endsAt - received;
+      const endsAt = ahead > 0 && ahead <= longest + CLOCK_TOLERANCE_MS ? session.endsAt : received + longest;
+      sessionRef.current = {
+        session,
+        base: target.base,
+        headers: target.headers,
+        module,
+        room: null,
+        joined: null,
+        endsAt,
+        speakerArrived: false,
+        done: false
+      };
+      setBlocked(false);
+      setNow(received);
+      go({
+        name: "pending",
+        session: { endsAt, captions: session.captions }
+      });
+    },
+    [go]
+  );
+  const settle = useCallback(
+    (result, run, context) => {
+      const created = result.kind === "created" ? {
+        sessionId: result.session.sessionId,
+        secret: result.session.endSecret
+      } : result.kind === "unusable" ? { sessionId: result.sessionId, secret: result.endSecret } : null;
+      const claimed = created !== null || result.kind === "refused" && result.reason === "answer_claimed";
+      if (claimed) claimedRef.current.add(context.messageId);
+      if (run.cancelled !== null) {
+        if (created !== null) {
+          sendEnd({
+            base: context.base,
+            headers: context.headers,
+            sessionId: created.sessionId,
+            secret: created.secret,
+            reason: run.cancelled
+          });
+        }
+        const shown = phaseRef.current;
+        if (claimed && shown.name === "consent" && shown.messageId === context.messageId) {
+          go({ name: "refused", reason: "answer_claimed" });
+        }
+        return;
+      }
+      switch (result.kind) {
+        case "created":
+          begin(result.session, context.module, context.offer, context);
+          return;
+        case "unusable":
+          sendEnd({
+            base: context.base,
+            headers: context.headers,
+            sessionId: result.sessionId,
+            secret: result.endSecret,
+            reason: "client_error"
+          });
+          go({ name: "ended", how: "failed" });
+          return;
+        case "refused":
+          go({ name: "refused", reason: result.reason });
+          return;
+        case "consent":
+          check();
+          return;
+        case "inert":
+          go(INERT2);
+          return;
+        case "failed":
+          go({ name: "ended", how: "failed" });
+          return;
+      }
+    },
+    [begin, check, go]
+  );
+  const start = useCallback(() => {
+    const current = phaseRef.current;
+    if (current.name !== "consent") return;
+    const { live: live2, base: base2, headers: headers2 } = latest.current;
+    if (base2 === null) return;
+    if (!canBindBotCheck()) {
+      go(INERT2);
+      return;
+    }
+    const { offer, messageId } = current;
+    const conversationToken = conversationRef.current?.getConversationToken() ?? null;
+    const idempotencyKey = newIdempotencyKey();
+    if (conversationToken === null || !isAvatarConversationToken(conversationToken) || idempotencyKey === null) {
+      go({ name: "ended", how: "failed" });
+      return;
+    }
+    const body2 = {
+      site: live2.site,
+      locale: offer.locale,
+      conversationToken,
+      messageId,
+      consentVersion: offer.consentVersion,
+      manifestVersion: live2.manifestVersion
+    };
+    const run = { cancelled: null, turnstile: null };
+    startRef.current = run;
+    go({ name: "bot-check", offer, messageId });
+    const module = loadModule(live2.load);
+    const turnstile = runTurnstile(
+      botBoxRef.current,
+      live2.turnstileSiteKey,
+      "avatar_start",
+      avatarBotBinding(body2)
+    );
+    run.turnstile = turnstile;
+    void (async () => {
+      let loaded;
+      let botToken;
+      try {
+        [loaded, botToken] = await Promise.all([module, turnstile.token]);
+      } catch {
+        turnstile.cancel();
+        if (run.cancelled === null) {
+          startRef.current = null;
+          go(INERT2);
+        }
+        return;
+      }
+      turnstile.cancel();
+      if (run.cancelled !== null) return;
+      go({ name: "creating" });
+      const result = await requestCreate({
+        base: base2,
+        headers: headers2,
+        idempotencyKey,
+        botToken,
+        body: body2
+      });
+      if (startRef.current === run) startRef.current = null;
+      settle(result, run, { module: loaded, offer, messageId, base: base2, headers: headers2 });
+    })();
+  }, [go, settle]);
+  const stop = useCallback(() => {
+    const current = phaseRef.current;
+    if (current.name === "bot-check") {
+      cancelStart("user");
+      go(offering(current.offer, current.messageId, claimedRef.current));
+      return;
+    }
+    if (current.name === "creating") {
+      cancelStart("user");
+      go({ name: "ended", how: "stopped" });
+      return;
+    }
+    if (current.name === "pending" || current.name === "live") {
+      finish("stopped", "user");
+    }
+  }, [cancelStart, finish, go]);
+  const leave = useCallback(
+    (reason) => {
+      const current = phaseRef.current;
+      const how = reason === "user" ? "stopped" : "interrupted";
+      switch (current.name) {
+        case "checking": {
+          if (reason !== "user") return;
+          const controller = checkRef.current;
+          checkRef.current = null;
+          controller?.abort();
+          go(IDLE);
+          return;
+        }
+        case "bot-check":
+          cancelStart(reason);
+          go(
+            reason === "user" ? IDLE : offering(current.offer, current.messageId, claimedRef.current)
+          );
+          return;
+        case "creating":
+          cancelStart(reason);
+          go({ name: "ended", how });
+          return;
+        case "pending":
+        case "live":
+          finish(how, reason);
+          return;
+        default:
+          return;
+      }
+    },
+    [cancelStart, finish, go]
+  );
+  const showing = active && !off;
+  useEffect(() => {
+    if (!showing) {
+      leave("user");
+      return;
+    }
+    const current = phaseRef.current;
+    const { answerId: offered } = latest.current;
+    const used = offered !== null && claimedRef.current.has(offered);
+    if (current.name === "ended" && used) return;
+    if (current.name === "refused" && current.reason === "answer_claimed" && used) {
+      return;
+    }
+    if (current.name === "idle" || current.name === "inert" || current.name === "refused" || current.name === "needs-answer" || current.name === "consent" || current.name === "ended" || // Asking, with nothing actually asking: React's strict mode unmounts and mounts a component again with the state it
+    // left, and the unmount in between dropped the question. (This view mounts already showing, the first time the
+    // Avatar view opens.)
+    current.name === "checking" && checkRef.current === null) {
+      check();
+    }
+  }, [showing, check, leave]);
+  useEffect(() => {
+    if (askedLocale.current === locale) return;
+    askedLocale.current = locale;
+    const current = phaseRef.current.name;
+    if (current !== "checking" && current !== "needs-answer" && current !== "consent" && current !== "refused" && current !== "inert") {
+      return;
+    }
+    if (active) {
+      check();
+    } else {
+      checkRef.current?.abort();
+      checkRef.current = null;
+      go(IDLE);
+    }
+  }, [active, check, go, locale]);
+  useEffect(() => {
+    const current = phaseRef.current;
+    if (current.name === "needs-answer" && answerId !== null) {
+      go({ name: "consent", offer: current.offer, messageId: answerId });
+    } else if (current.name === "consent" && current.messageId !== answerId) {
+      go(
+        answerId === null ? { name: "needs-answer", offer: current.offer } : { ...current, messageId: answerId }
+      );
+    }
+  }, [answerId, go]);
+  const onRoomEvent = useCallback(
+    (handle, event) => {
+      if (handle.done || sessionRef.current !== handle) return;
+      const wasLive = phaseRef.current.name === "live";
+      switch (event.type) {
+        case "speaker-track":
+          if (event.kind === "video") handle.speakerArrived = true;
+          return;
+        case "playback-blocked":
+          setBlocked(event.blocked);
+          return;
+        case "speaker-left":
+          finish(
+            wasLive ? "finished" : "failed",
+            wasLive ? null : "client_error"
+          );
+          return;
+        case "disconnected":
+          if (event.byServer) finish(wasLive ? "finished" : "failed", null);
+          else finish(wasLive ? "interrupted" : "failed", "client_error");
+          return;
+      }
+    },
+    [finish]
+  );
+  useEffect(() => {
+    if (phase.name !== "pending") return;
+    const handle = sessionRef.current;
+    if (!handle || handle.room !== null || handle.done) return;
+    const video = videoRef.current;
+    const audio = audioRef.current;
+    if (!video || !audio) {
+      finish("failed", "client_error");
+      return;
+    }
+    let joining;
+    try {
+      joining = handle.module.joinReceiveOnly({
+        url: handle.session.join.livekitUrl,
+        token: handle.session.join.participantToken,
+        workerIdentity: handle.session.join.workerIdentity,
+        video,
+        audio,
+        onEvent: (event) => onRoomEvent(handle, event)
+      });
+    } catch (error) {
+      joining = Promise.reject(error);
+    }
+    handle.room = joining.then(
+      (room) => {
+        if (handle.done) {
+          void room.leave().catch(() => void 0);
+          return null;
+        }
+        handle.joined = room;
+        return room;
+      },
+      () => {
+        if (!handle.done) finish("failed", "client_error");
+        return null;
+      }
+    );
+  }, [phase.name, finish, onRoomEvent]);
+  useEffect(() => {
+    if (phase.name !== "pending" && phase.name !== "live") return;
+    const handle = sessionRef.current;
+    if (!handle) return;
+    const timers = [];
+    if (phase.name === "pending") {
+      timers.push(
+        setTimeout(() => {
+          if (sessionRef.current === handle && !handle.speakerArrived) {
+            finish("failed", "client_error");
+          }
+        }, SPEAKER_WAIT_MS)
+      );
+    }
+    timers.push(
+      setTimeout(
+        () => {
+          if (sessionRef.current !== handle) return;
+          finish(
+            phaseRef.current.name === "live" ? "finished" : "failed",
+            "client_error"
+          );
+        },
+        Math.max(0, handle.endsAt + END_GRACE_MS - Date.now())
+      )
+    );
+    return () => timers.forEach((timer) => clearTimeout(timer));
+  }, [phase.name, finish]);
+  const ticking = phase.name === "pending" || phase.name === "live";
+  useEffect(() => {
+    if (!ticking) return;
+    const timer = setInterval(() => setNow(Date.now()), 1e3);
+    return () => clearInterval(timer);
+  }, [ticking]);
+  useEffect(() => {
+    if (typeof window === "undefined") return;
+    const onPageHide = () => leave("page_hide");
+    const onVisibility = () => {
+      if (document.visibilityState === "hidden") leave("page_hide");
+    };
+    window.addEventListener("pagehide", onPageHide);
+    document.addEventListener("visibilitychange", onVisibility);
+    return () => {
+      window.removeEventListener("pagehide", onPageHide);
+      document.removeEventListener("visibilitychange", onVisibility);
+    };
+  }, [leave]);
+  useEffect(
+    () => () => {
+      const controller = checkRef.current;
+      checkRef.current = null;
+      controller?.abort();
+      const run = startRef.current;
+      startRef.current = null;
+      if (run) {
+        run.cancelled = "user";
+        run.turnstile?.cancel();
+      }
+      const handle = sessionRef.current;
+      sessionRef.current = null;
+      if (handle && !handle.done) {
+        handle.done = true;
+        sendEnd({
+          base: handle.base,
+          headers: handle.headers,
+          sessionId: handle.session.sessionId,
+          secret: handle.session.endSecret,
+          reason: "user"
+        });
+        if (handle.joined) void handle.joined.leave().catch(() => void 0);
+      }
+    },
+    []
+  );
+  useEffect(() => {
+    if (!active) return;
+    const focused = document.activeElement;
+    if (focused && focused !== document.body && focused.isConnected) return;
+    rootRef.current?.querySelector(PRIMARY)?.focus();
+  }, [active, phase.name, blocked]);
+  const onPlaying = useCallback(() => {
+    const current = phaseRef.current;
+    const handle = sessionRef.current;
+    if (current.name !== "pending" || !handle) return;
+    handle.speakerArrived = true;
+    go({ name: "live", session: current.session });
+  }, [go]);
+  const enablePlayback = useCallback(() => {
+    void sessionRef.current?.joined?.enablePlayback().catch(() => void 0);
+  }, []);
+  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.
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          ref: rootRef,
+          style: { display: "contents" },
+          "data-boff-explore": "avatar-live",
+          "data-phase": off ? "off" : "inert",
+          children: fallback
+        }
+      )
+    );
+  }
+  const primaryButton = "inline-flex 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";
+  const secondaryButton = "inline-flex 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";
+  const stillPicture = (small) => /* @__PURE__ */ jsx(
+    "img",
+    {
+      src: still.src,
+      alt: still.alt,
+      decoding: "async",
+      width: small ? 64 : 128,
+      height: small ? 64 : 128,
+      className: cn(
+        "shrink-0 rounded-full border border-border object-cover shadow-sm",
+        small ? "h-16 w-16" : "h-32 w-32"
+      )
+    }
+  );
+  const continueButton = /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      "data-avatar-primary": "",
+      "data-boff-explore": "avatar-live-continue",
+      className: primaryButton,
+      onClick: onContinueInChat,
+      children: continueInChat
+    }
+  );
+  const stopButton = /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      "data-avatar-primary": "",
+      "data-boff-explore": "avatar-live-stop",
+      className: secondaryButton,
+      onClick: stop,
+      children: S.stop
+    }
+  );
+  const headline = {
+    idle: "",
+    checking: S.checking,
+    inert: "",
+    "needs-answer": startOver ? S.startNewChat : S.needsAnswer,
+    consent: "",
+    refused: phase.name === "refused" ? S[REFUSAL_TEXT[phase.reason]] : "",
+    "bot-check": S.botCheck,
+    creating: S.connecting,
+    pending: S.connecting,
+    live: S.speaking,
+    ended: phase.name === "ended" ? S[phase.how] : ""
+  };
+  const outcome = phase.name === "needs-answer" || phase.name === "refused" || phase.name === "ended";
+  let top = null;
+  let media = stillPicture(false);
+  let body = null;
+  let actions = null;
+  switch (phase.name) {
+    case "needs-answer":
+      body = /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: startOver ? S.startNewChatDetail : S.needsAnswerDetail });
+      actions = continueButton;
+      break;
+    case "consent": {
+      const { copy } = phase.offer;
+      media = stillPicture(true);
+      body = /* @__PURE__ */ jsxs(
+        "section",
+        {
+          "aria-labelledby": consentTitleId,
+          "data-boff-explore": "avatar-live-consent",
+          className: "w-full max-w-sm rounded-lg border border-border p-4 text-start",
+          children: [
+            /* @__PURE__ */ jsx("h2", { id: consentTitleId, className: "text-base font-semibold", children: copy.title }),
+            /* @__PURE__ */ jsx("p", { className: "mt-2 text-sm", children: productName === null ? copy.intro : fill(copy.introProduct, { product: productName }) }),
+            /* @__PURE__ */ jsx("p", { className: "mt-2 text-sm text-muted-foreground", children: copy.processing }),
+            /* @__PURE__ */ jsx("p", { className: "mt-2 text-sm text-muted-foreground", children: copy.storage }),
+            /* @__PURE__ */ jsxs(
+              "a",
+              {
+                href: PRIVACY_HREF,
+                target: "_blank",
+                rel: "noopener noreferrer",
+                "data-boff-explore": "avatar-live-privacy",
+                className: "mt-2 inline-block text-sm font-medium text-primary underline underline-offset-2 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+                children: [
+                  copy.privacyLink,
+                  /* @__PURE__ */ jsxs("span", { className: "sr-only", children: [
+                    " ",
+                    S.opensInNewTab
+                  ] })
+                ]
+              }
+            )
+          ]
+        }
+      );
+      actions = /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-center gap-2", children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            "data-avatar-primary": "",
+            "data-boff-explore": "avatar-live-start",
+            className: primaryButton,
+            onClick: start,
+            children: S.start
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            "data-boff-explore": "avatar-live-not-now",
+            className: secondaryButton,
+            onClick: onContinueInChat,
+            children: S.notNow
+          }
+        )
+      ] });
+      break;
+    }
+    case "refused":
+      actions = continueButton;
+      break;
+    case "bot-check":
+    case "creating":
+      actions = stopButton;
+      break;
+    case "pending":
+    case "live": {
+      const playing = phase.name === "live";
+      const left = Math.max(0, (phase.session.endsAt - now) / 1e3);
+      top = /* @__PURE__ */ jsx(
+        "p",
+        {
+          "data-boff-explore": "avatar-live-badge",
+          className: "rounded-full bg-muted px-3 py-1 text-xs font-medium text-foreground",
+          children: S.badge
+        }
+      );
+      media = /* @__PURE__ */ jsxs("div", { className: "relative h-48 w-48 shrink-0 overflow-hidden rounded-xl border border-border bg-muted", children: [
+        /* @__PURE__ */ jsx(
+          "video",
+          {
+            ref: videoRef,
+            "aria-label": S.video,
+            "data-boff-explore": "avatar-live-video",
+            playsInline: true,
+            autoPlay: true,
+            muted: true,
+            onPlaying,
+            className: cn(
+              "h-full w-full object-cover",
+              !playing && "opacity-0"
+            )
+          }
+        ),
+        playing ? null : /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: still.src,
+            alt: "",
+            decoding: "async",
+            className: "absolute inset-0 h-full w-full object-cover"
+          }
+        ),
+        /* @__PURE__ */ jsx("audio", { ref: audioRef, "data-boff-explore": "avatar-live-audio" })
+      ] });
+      body = /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(
+          "section",
+          {
+            "aria-label": S.captions,
+            "data-boff-explore": "avatar-live-captions",
+            lang: phase.session.captions.locale || void 0,
+            dir: "auto",
+            tabIndex: 0,
+            className: "max-h-32 w-full max-w-sm overflow-y-auto rounded-lg bg-muted p-3 text-start text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+            children: phase.session.captions.text
+          }
+        ),
+        /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: S.answerInChat }),
+        /* @__PURE__ */ jsxs("p", { className: "text-sm tabular-nums text-muted-foreground", children: [
+          S.timeLeft,
+          " ",
+          /* @__PURE__ */ jsx("span", { role: "timer", "data-boff-explore": "avatar-live-countdown", children: clock(left) })
+        ] })
+      ] });
+      actions = /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-center gap-2", children: [
+        blocked ? /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            "data-boff-explore": "avatar-live-sound",
+            className: primaryButton,
+            onClick: enablePlayback,
+            children: S.tapForSound
+          }
+        ) : null,
+        stopButton,
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            "data-boff-explore": "avatar-live-continue",
+            className: secondaryButton,
+            onClick: onContinueInChat,
+            children: continueInChat
+          }
+        )
+      ] });
+      break;
+    }
+    case "ended":
+      body = /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: S.answerInChat });
+      actions = /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          "data-avatar-primary": "",
+          "data-boff-explore": "avatar-live-back",
+          className: primaryButton,
+          onClick: onContinueInChat,
+          children: S.backToChat
+        }
+      );
+      break;
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref: rootRef,
+      "data-boff-explore": "avatar-live",
+      "data-phase": phase.name,
+      className: "flex max-h-full w-full flex-col items-center gap-4 overflow-y-auto",
+      children: [
+        top,
+        media,
+        /* @__PURE__ */ jsx(
+          "p",
+          {
+            role: "status",
+            "data-boff-explore": "avatar-live-status",
+            className: outcome ? "text-base font-semibold" : "text-sm text-muted-foreground",
+            children: headline[phase.name]
+          }
+        ),
+        body,
+        /* @__PURE__ */ jsx("div", { ref: botBoxRef, "data-boff-explore": "avatar-live-bot-check" }),
+        actions
+      ]
+    }
+  );
+}
+
+export { AvatarLiveView };
+//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map