@burdenoff/fe-libs 2026.1024.3 → 2026.1026.1

package/dist/shared/assistant/avatar/live/LiveAvatarTabView.js

@@ -2,164 +2,174 @@ import { HOSTED_SPEAKERS as e, isHostedSpeaker as t } from "../../speech/hostedV
 import { useAvatarCopy as n } from "../useAvatarCopy.js";
 import { useAssistantSpeech as ee } from "../../ui/AssistantSpeechProvider.js";
 import { resolveAvatarVoiceMode as te } from "../avatarPreferences.js";
+import { avatarMinutesRefusal as ne } from "./avatarSessionClient.js";
 import "./liveAvatarController.js";
-import { liveAvatarStatusText as ne } from "./liveAvatarStatus.js";
-import { AvatarFace as re } from "./AvatarFace.js";
-import { hostedAvatarVoice as r } from "./avatarVoice.js";
-import { useCallback as i, useEffect as a, useId as o, useLayoutEffect as ie, useRef as s, useState as c, useSyncExternalStore as l } from "react";
-import { Volume2 as u } from "lucide-react";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { liveAvatarMinutesActive as re, liveAvatarMinutesBlockStart as ie } from "./liveAvatarMinutesView.js";
+import { liveAvatarStatusText as ae } from "./liveAvatarStatus.js";
+import { AvatarFace as r } from "./AvatarFace.js";
+import { hostedAvatarVoice as i } from "./avatarVoice.js";
+import { LiveAvatarMinutes as oe } from "./LiveAvatarMinutes.js";
+import { useCallback as se, useEffect as a, useId as o, useLayoutEffect as ce, useRef as s, useState as c, useSyncExternalStore as le } from "react";
+import { Volume2 as ue } from "lucide-react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region src/shared/assistant/avatar/live/LiveAvatarTabView.tsx
-var p = "mine", m = "paired", h = "speaker:", g = /-Chirp3-HD-([A-Za-z]+)$/;
-function _(e) {
-	let n = g.exec(e)?.[1];
+var d = "mine", f = "paired", p = "speaker:", m = /-Chirp3-HD-([A-Za-z]+)$/;
+function de(e) {
+	let n = m.exec(e)?.[1];
 	return n !== void 0 && t(n) ? n : e;
 }
-function v(e, t) {
+function fe(e, t) {
 	let n = t.find((e) => e.source === "hosted")?.lang;
-	return n === void 0 ? null : r(e, n, t);
+	return n === void 0 ? null : i(e, n, t);
 }
-var y = "text-xs font-medium text-text-secondary", b = "text-xs text-text-muted", x = "focus:outline-none focus-visible:ring-2 focus-visible:ring-border-strong", S = `inline-flex min-h-11 w-full items-center justify-center gap-2 rounded-xl border border-border-default bg-bg-elevated px-4 text-sm font-medium text-text-primary transition-colors hover:bg-bg-raised aria-disabled:cursor-default aria-disabled:opacity-60 aria-disabled:hover:bg-bg-elevated ${x}`, ae = `inline-flex min-h-11 w-full items-center justify-center rounded-xl bg-action-primary-bg px-4 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg-hover aria-disabled:cursor-default aria-disabled:opacity-60 aria-disabled:hover:bg-action-primary-bg ${x}`, oe = "relative inline-flex min-h-11 min-w-0 max-w-full cursor-pointer items-center gap-2 rounded-full border ps-1.5 pe-4 text-sm font-medium transition-colors focus-within:ring-2 focus-within:ring-border-strong", se = "absolute inset-0 m-0 size-full cursor-pointer appearance-none rounded-full opacity-0", C = ({ controller: r, shown: g, voice: C, handsFreeOff: ce, leaveHintId: le, startVoiceRef: ue, askLine: w, avatarNames: de, avatarImages: fe, avatarVoices: pe, defaultAvatarVoiceMode: me, voiceStore: T, now: E = Date.now }) => {
-	let D = n(), O = ee(), k = o(), he = o(), A = o(), j = o(), M = o(), N = s(null), P = l(r.subscribe, r.getSnapshot, r.getSnapshot), F = l(T.subscribe, T.getState, T.getState);
+var h = "text-xs font-medium text-text-secondary", g = "text-xs text-text-muted", _ = "focus:outline-none focus-visible:ring-2 focus-visible:ring-border-strong", v = `inline-flex min-h-11 w-full items-center justify-center gap-2 rounded-xl border border-border-default bg-bg-elevated px-4 text-sm font-medium text-text-primary transition-colors hover:bg-bg-raised aria-disabled:cursor-default aria-disabled:opacity-60 aria-disabled:hover:bg-bg-elevated ${_}`, pe = `inline-flex min-h-11 w-full items-center justify-center rounded-xl bg-action-primary-bg px-4 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg-hover aria-disabled:cursor-default aria-disabled:opacity-60 aria-disabled:hover:bg-action-primary-bg ${_}`, me = "relative inline-flex min-h-11 min-w-0 max-w-full cursor-pointer items-center gap-2 rounded-full border ps-1.5 pe-4 text-sm font-medium transition-colors focus-within:ring-2 focus-within:ring-border-strong", he = "absolute inset-0 m-0 size-full cursor-pointer appearance-none rounded-full opacity-0", y = ({ controller: i, shown: m, voice: y, handsFreeOff: ge, leaveHintId: _e, startVoiceRef: ve, askLine: b, avatarNames: ye, avatarImages: be, avatarVoices: xe, defaultAvatarVoiceMode: Se, voiceStore: x, now: S = Date.now, navigate: Ce, minutesPurchase: we }) => {
+	let C = n(), w = ee(), T = o(), Te = o(), E = o(), D = o(), O = o(), k = o(), Ee = o(), A = s(null), j = le(i.subscribe, i.getSnapshot, i.getSnapshot), M = le(x.subscribe, x.getState, x.getState);
 	a(() => {
-		if (g) return r.setStageMounted(!0), () => r.setStageMounted(!1);
-	}, [r, g]), a(() => {
-		let e = r.getSnapshot();
-		e.phase === "off" && e.avatars.length === 0 && r.requestOn({ start: !1 });
-	}, [r]);
-	let { phase: I } = P, L = I === "starting" || I === "connecting" || I === "ready" || I === "ending", [R, z] = c(!1);
-	R && (I === "off" || I === "choosing" || I === "ready" || I === "ending") && z(!1);
-	let B = E(), V = P.retryAt !== null && P.retryAt > B, H = ne(P, D, B), U = P.selectedAvatarId, W = (e) => {
-		let t = P.avatars.indexOf(e);
-		return de?.[e] ?? (t === -1 ? D.chooserNone : `${D.chooserLabel} ${t + 1}`);
-	}, G = I === "ready" ? { kind: "turn-off" } : I === "ending" ? { kind: "ending" } : R || I === "starting" || I === "connecting" ? { kind: "starting" } : P.offered ? {
+		if (m) return i.setStageMounted(!0), () => i.setStageMounted(!1);
+	}, [i, m]), a(() => {
+		let e = i.getSnapshot();
+		e.phase === "off" && e.avatars.length === 0 && i.requestOn({ start: !1 });
+	}, [i]);
+	let { phase: N } = j, P = N === "starting" || N === "connecting" || N === "ready" || N === "ending", [De, F] = c(!1);
+	De && (N === "off" || N === "choosing" || N === "ready" || N === "ending") && F(!1);
+	let I = S(), L = j.retryAt !== null && j.retryAt > I, R = ae(j, C, I), Oe = re(j), z = ie(j, I), B = z && R !== null, V = j.selectedAvatarId, H = (e) => {
+		let t = j.avatars.indexOf(e);
+		return ye?.[e] ?? (t === -1 ? C.chooserNone : `${C.chooserLabel} ${t + 1}`);
+	}, U = N === "ready" ? { kind: "turn-off" } : N === "ending" ? { kind: "ending" } : De || N === "starting" || N === "connecting" ? { kind: "starting" } : j.offered ? {
 		kind: "turn-on",
-		ready: !V && U !== null && (I === "choosing" || I === "off" && P.avatars.includes(U))
-	} : null, K = s(null), ge = G?.kind === "turn-off";
-	ie(() => {
-		K.current = ge ? E() : null;
-	}, [ge, E]);
-	let _e = i((e) => {
+		ready: !L && !z && V !== null && (N === "choosing" || N === "off" && j.avatars.includes(V))
+	} : null, W = s(null), G = U?.kind === "turn-off";
+	ce(() => {
+		W.current = G ? S() : null;
+	}, [G, S]);
+	let ke = se((e) => {
 		if (e !== null) return () => {
-			e.ownerDocument.activeElement === e && N.current?.focus();
+			e.ownerDocument.activeElement === e && A.current?.focus();
 		};
-	}, []), ve = () => {
-		if (G !== null) switch (G.kind) {
-			case "turn-on":
-				if (!G.ready || U === null) {
-					V && r.recheckRetry();
+	}, []), Ae = () => {
+		if (U !== null) switch (U.kind) {
+			case "turn-on": {
+				if (!U.ready || V === null) {
+					(L || j.retryAt !== null) && i.recheckRetry();
 					return;
 				}
-				z(!0), I === "choosing" ? r.confirm() : r.requestOn({
+				F(!0);
+				let e = ne(j.minutes)?.problem;
+				if (N === "choosing" && !(e === "minutes-in-use" || e === "minutes-in-use-self")) {
+					i.confirm();
+					return;
+				}
+				N === "choosing" && i.cancelChoice(), i.requestOn({
 					start: !0,
-					avatarId: U
+					avatarId: V
 				});
 				return;
+			}
 			case "turn-off": {
-				let e = K.current;
-				if (e !== null && E() - e < 1e3) return;
-				r.switchOff();
+				let e = W.current;
+				if (e !== null && S() - e < 1e3) return;
+				i.switchOff();
 				return;
 			}
 			case "starting":
 			case "ending": return;
 		}
-	}, ye = te(F, me), q = U === null ? null : pe.get(U) ?? null, J = ye === "speaker" && F.avatarSpeaker !== null ? `${h}${F.avatarSpeaker}` : ye === "paired" && q !== null ? m : p, be = J === m ? q : J.startsWith(h) ? F.avatarSpeaker : null, Y = J === p ? O.activeVoiceName : be === null ? null : v(be, O.voiceChoices)?.name ?? null, xe = O.speakingMessageId !== null || O.spokenChunks !== null, Se = Y !== null && !C.live && !xe, Ce = O.activeVoiceName ? D.voiceModeMineNamed(_(O.activeVoiceName)) : D.voiceModeMine, we = (e) => {
-		if (e === p || e === m) {
-			T.setVoiceMode(e);
+	}, K = te(M, Se), q = V === null ? null : xe.get(V) ?? null, J = K === "speaker" && M.avatarSpeaker !== null ? `${p}${M.avatarSpeaker}` : K === "paired" && q !== null ? f : d, je = J === f ? q : J.startsWith(p) ? M.avatarSpeaker : null, Y = J === d ? w.activeVoiceName : je === null ? null : fe(je, w.voiceChoices)?.name ?? null, Me = w.speakingMessageId !== null || w.spokenChunks !== null, Ne = Y !== null && !y.live && !Me, Pe = w.activeVoiceName ? C.voiceModeMineNamed(de(w.activeVoiceName)) : C.voiceModeMine, Fe = (e) => {
+		if (e === d || e === f) {
+			x.setVoiceMode(e);
 			return;
 		}
 		let n = e.slice(8);
-		e.startsWith(h) && t(n) && T.setAvatarSpeaker(n);
-	}, Te = I === "ending" ? D.stateEnding : I === "connecting" || I === "ready" ? D.stageWaiting : I === "starting" ? D.stateStarting : D.stateOff, [Ee, De] = c(() => /* @__PURE__ */ new Set()), Oe = i((e) => {
-		De((t) => t.has(e) ? t : new Set(t).add(e));
-	}, []), ke = (e) => {
-		let t = fe?.get(e);
-		return t === void 0 || Ee.has(t) ? null : t;
-	}, X = !L && U !== null ? ke(U) : null, Z = L ? null : w === void 0 ? C.impossible ? D.askNeedsVoice : null : w === "by-typing" ? D.askByTyping : w === "needs-voice" ? D.askNeedsVoice : w === "nothing" ? D.askNothing : null, Ae = I === "off" && P.avatars.length === 0 && P.offered, [Q, je] = c(!1), $ = Ae && (Q || P.problem !== null);
-	return $ !== Q && je($), /* @__PURE__ */ f("div", {
-		ref: N,
+		e.startsWith(p) && t(n) && x.setAvatarSpeaker(n);
+	}, Ie = N === "ending" ? C.stateEnding : N === "connecting" || N === "ready" ? C.stageWaiting : N === "starting" ? C.stateStarting : C.stateOff, [Le, Re] = c(() => /* @__PURE__ */ new Set()), ze = se((e) => {
+		Re((t) => t.has(e) ? t : new Set(t).add(e));
+	}, []), Be = (e) => {
+		let t = be?.get(e);
+		return t === void 0 || Le.has(t) ? null : t;
+	}, X = !P && V !== null ? Be(V) : null, Z = P ? null : b === void 0 ? y.impossible ? C.askNeedsVoice : null : b === "by-typing" ? C.askByTyping : b === "needs-voice" ? C.askNeedsVoice : b === "nothing" ? C.askNothing : null, Ve = N === "off" && j.avatars.length === 0 && j.offered, [Q, He] = c(!1), $ = Ve && (Q || j.problem !== null);
+	return $ !== Q && He($), /* @__PURE__ */ u("div", {
+		ref: A,
 		tabIndex: -1,
 		className: "flex min-h-full shrink-0 flex-col gap-3 focus:outline-none",
 		"data-testid": "assistant-avatar-tab-view",
 		children: [
-			/* @__PURE__ */ d("div", {
+			/* @__PURE__ */ l("div", {
 				className: "flex max-h-80 min-h-[7.5rem] grow basis-30 justify-center",
-				children: /* @__PURE__ */ f("div", {
+				children: /* @__PURE__ */ u("div", {
 					className: "relative aspect-square h-full max-w-full overflow-hidden rounded-2xl border border-border-subtle bg-bg-sunken",
 					"data-testid": "assistant-avatar-tab-frame",
-					"data-phase": I,
+					"data-phase": N,
 					children: [
-						L ? /* @__PURE__ */ d("video", {
-							ref: r.attachVideo,
-							className: `size-full object-cover ${P.videoReady ? "" : "invisible"}`,
-							"aria-label": D.stageLabel,
-							autoPlay: !0,
+						P ? /* @__PURE__ */ l("video", {
+							ref: i.attachVideo,
+							className: `size-full object-cover ${j.videoReady && !j.videoBlocked ? "" : "invisible"}`,
+							"aria-label": C.stageLabel,
 							muted: !0,
 							playsInline: !0,
 							"data-testid": "assistant-avatar-tab-video"
 						}) : null,
-						X !== null && U !== null ? /* @__PURE__ */ d(re, {
+						X !== null && V !== null ? /* @__PURE__ */ l(r, {
 							size: "frame",
-							name: W(U),
+							name: H(V),
 							src: X,
-							onError: Oe
+							onError: ze
 						}) : null,
-						L && P.videoReady ? null : /* @__PURE__ */ d("p", {
+						P && j.videoReady && !j.videoBlocked || N === "ready" && j.videoBlocked ? null : /* @__PURE__ */ l("p", {
 							className: X === null ? "absolute inset-0 flex items-center justify-center p-3 text-center text-sm text-text-secondary" : "absolute inset-x-0 bottom-0 bg-bg-elevated/90 px-3 py-1.5 text-center text-xs text-text-secondary",
 							"data-testid": "assistant-avatar-tab-frame-text",
-							children: Te
+							children: Ie
 						}),
-						P.audioBlocked ? /* @__PURE__ */ f("button", {
+						j.audioBlocked ? /* @__PURE__ */ u("button", {
 							type: "button",
-							onClick: () => r.resumeAudio(),
-							className: `absolute inset-x-2 bottom-2 inline-flex min-h-11 items-center justify-center gap-1.5 rounded-xl bg-bg-elevated px-3 text-xs font-medium text-text-primary ${x}`,
+							onClick: () => i.resumeAudio(),
+							className: `absolute inset-x-2 bottom-2 inline-flex min-h-11 items-center justify-center gap-1.5 rounded-xl bg-bg-elevated px-3 text-xs font-medium text-text-primary ${_}`,
 							"data-testid": "assistant-avatar-tab-sound",
-							children: [/* @__PURE__ */ d(u, {
+							children: [/* @__PURE__ */ l(ue, {
 								className: "size-4 shrink-0",
 								"aria-hidden": "true"
-							}), /* @__PURE__ */ d("span", { children: D.problem("playback-blocked") })]
+							}), /* @__PURE__ */ l("span", { children: C.problem("playback-blocked") })]
 						}) : null
 					]
 				})
 			}),
-			/* @__PURE__ */ d("p", {
-				className: H === null ? "sr-only" : "text-center text-sm text-text-secondary",
+			/* @__PURE__ */ l("p", {
+				id: B ? Ee : void 0,
+				className: R === null ? "sr-only" : "text-center text-sm text-text-secondary",
 				role: "status",
 				"data-testid": "assistant-avatar-tab-status",
-				children: H ?? ""
+				children: R ?? ""
 			}),
-			P.avatars.length > 1 && !L ? /* @__PURE__ */ f("fieldset", {
+			j.avatars.length > 1 && !P ? /* @__PURE__ */ u("fieldset", {
 				className: "flex min-w-0 flex-col gap-1.5",
 				"data-testid": "assistant-avatar-tab-chooser",
-				children: [/* @__PURE__ */ d("legend", {
-					className: y,
-					children: D.chooserTitle
-				}), /* @__PURE__ */ d("div", {
+				children: [/* @__PURE__ */ l("legend", {
+					className: h,
+					children: C.chooserTitle
+				}), /* @__PURE__ */ l("div", {
 					className: "flex flex-wrap gap-2",
-					children: P.avatars.map((e) => {
-						let t = e === U, n = W(e);
-						return /* @__PURE__ */ f("label", {
-							className: `${oe} ${t ? "border-transparent bg-action-primary-bg text-action-primary-text" : "border-border-default bg-bg-elevated text-text-secondary hover:bg-bg-raised hover:text-text-primary"}`,
-							title: t ? D.chooserSelected(n) : D.chooserOption(n),
+					children: j.avatars.map((e) => {
+						let t = e === V, n = H(e);
+						return /* @__PURE__ */ u("label", {
+							className: `${me} ${t ? "border-transparent bg-action-primary-bg text-action-primary-text" : "border-border-default bg-bg-elevated text-text-secondary hover:bg-bg-raised hover:text-text-primary"}`,
+							title: t ? C.chooserSelected(n) : C.chooserOption(n),
 							children: [
-								/* @__PURE__ */ d("input", {
+								/* @__PURE__ */ l("input", {
 									type: "radio",
-									name: he,
+									name: Te,
 									value: e,
 									checked: t,
-									onChange: () => r.selectAvatar(e),
-									className: se,
+									onChange: () => i.selectAvatar(e),
+									className: he,
 									"data-avatar-id": e
 								}),
-								/* @__PURE__ */ d(re, {
+								/* @__PURE__ */ l(r, {
 									size: "pill",
 									name: n,
-									src: ke(e),
+									src: Be(e),
 									selected: t,
-									onError: Oe
+									onError: ze
 								}),
-								/* @__PURE__ */ d("span", {
+								/* @__PURE__ */ l("span", {
 									className: "truncate",
 									children: n
 								})
@@ -167,142 +177,155 @@ var y = "text-xs font-medium text-text-secondary", b = "text-xs text-text-muted"
 						}, e);
 					})
 				})]
-			}) : P.avatars.length > 0 && U !== null ? /* @__PURE__ */ f("div", {
+			}) : j.avatars.length > 0 && V !== null ? /* @__PURE__ */ u("div", {
 				className: "flex flex-col gap-0.5",
 				"data-testid": "assistant-avatar-tab-chosen",
-				children: [/* @__PURE__ */ f("p", {
+				children: [/* @__PURE__ */ u("p", {
 					className: "flex min-w-0 items-baseline gap-2 text-sm",
-					children: [/* @__PURE__ */ d("span", {
-						className: y,
-						children: D.chooserLabel
-					}), /* @__PURE__ */ d("span", {
+					children: [/* @__PURE__ */ l("span", {
+						className: h,
+						children: C.chooserLabel
+					}), /* @__PURE__ */ l("span", {
 						className: "truncate text-text-primary",
-						children: W(U)
+						children: H(V)
 					})]
-				}), L && P.avatars.length > 1 ? /* @__PURE__ */ d("p", {
-					className: b,
-					children: D.chooserLocked
+				}), P && j.avatars.length > 1 ? /* @__PURE__ */ l("p", {
+					className: g,
+					children: C.chooserLocked
 				}) : null]
-			}) : I === "choosing" ? /* @__PURE__ */ d("p", {
-				className: b,
+			}) : N === "choosing" ? /* @__PURE__ */ l("p", {
+				className: g,
 				"data-testid": "assistant-avatar-tab-empty",
-				children: D.chooserEmpty
+				children: C.chooserEmpty
 			}) : null,
-			/* @__PURE__ */ f("div", {
+			/* @__PURE__ */ u("div", {
 				className: "flex flex-col gap-1",
 				children: [
-					/* @__PURE__ */ d("label", {
-						htmlFor: A,
-						className: y,
-						children: D.voiceModeLabel
+					/* @__PURE__ */ l("label", {
+						htmlFor: E,
+						className: h,
+						children: C.voiceModeLabel
 					}),
-					/* @__PURE__ */ f("div", {
+					/* @__PURE__ */ u("div", {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ f("select", {
-							id: A,
+						children: [/* @__PURE__ */ u("select", {
+							id: E,
 							value: J,
-							onChange: (e) => we(e.target.value),
-							"aria-describedby": j,
-							className: `min-h-11 min-w-0 flex-1 rounded-xl border border-border-default bg-bg-elevated px-3 text-sm text-text-primary scheme-normal dark:scheme-dark [&_option]:bg-bg-surface [&_option]:text-text-primary ${x}`,
+							onChange: (e) => Fe(e.target.value),
+							"aria-describedby": D,
+							className: `min-h-11 min-w-0 flex-1 rounded-xl border border-border-default bg-bg-elevated px-3 text-sm text-text-primary scheme-normal dark:scheme-dark [&_option]:bg-bg-surface [&_option]:text-text-primary ${_}`,
 							"data-testid": "assistant-avatar-tab-voice",
 							children: [
-								/* @__PURE__ */ d("option", {
-									value: p,
-									children: Ce
+								/* @__PURE__ */ l("option", {
+									value: d,
+									children: Pe
 								}),
-								q === null ? null : /* @__PURE__ */ d("option", {
-									value: m,
-									children: D.voiceModeDefaultNamed(q)
+								q === null ? null : /* @__PURE__ */ l("option", {
+									value: f,
+									children: C.voiceModeDefaultNamed(q)
 								}),
-								e.map((e) => /* @__PURE__ */ d("option", {
-									value: `${h}${e}`,
+								e.map((e) => /* @__PURE__ */ l("option", {
+									value: `${p}${e}`,
 									children: e
 								}, e))
 							]
-						}), /* @__PURE__ */ d("button", {
+						}), /* @__PURE__ */ l("button", {
 							type: "button",
 							onClick: () => {
-								Se && Y !== null && O.previewVoice(Y);
+								Ne && Y !== null && w.previewVoice(Y);
 							},
-							"aria-disabled": !Se,
-							"aria-label": D.hearVoice,
-							title: D.hearVoice,
-							className: `inline-flex size-11 shrink-0 items-center justify-center rounded-xl border border-border-default bg-bg-elevated text-text-secondary transition-colors hover:bg-bg-raised hover:text-text-primary aria-disabled:cursor-default aria-disabled:opacity-60 ${x}`,
+							"aria-disabled": !Ne,
+							"aria-label": C.hearVoice,
+							title: C.hearVoice,
+							className: `inline-flex size-11 shrink-0 items-center justify-center rounded-xl border border-border-default bg-bg-elevated text-text-secondary transition-colors hover:bg-bg-raised hover:text-text-primary aria-disabled:cursor-default aria-disabled:opacity-60 ${_}`,
 							"data-testid": "assistant-avatar-tab-hear",
-							children: /* @__PURE__ */ d(u, {
+							children: /* @__PURE__ */ l(ue, {
 								className: "size-5",
 								"aria-hidden": "true"
 							})
 						})]
 					}),
-					/* @__PURE__ */ d("p", {
-						id: j,
-						className: b,
-						children: D.voiceModeHint
+					/* @__PURE__ */ l("p", {
+						id: D,
+						className: g,
+						children: C.voiceModeHint
 					})
 				]
 			}),
-			L ? null : /* @__PURE__ */ d("p", {
-				id: k,
+			Oe ? /* @__PURE__ */ l(oe, {
+				controller: i,
+				snapshot: j,
+				minutesPurchase: we,
+				navigate: Ce,
+				now: S,
+				textId: k,
+				viewRef: A
+			}) : null,
+			P ? null : /* @__PURE__ */ l("p", {
+				id: T,
 				className: "text-xs text-text-secondary",
 				"data-testid": "assistant-avatar-tab-disclosure",
-				children: D.consent
+				children: C.consent
 			}),
-			G === null ? null : /* @__PURE__ */ d("button", {
-				ref: _e,
+			U === null ? null : /* @__PURE__ */ l("button", {
+				ref: ke,
 				type: "button",
-				onClick: ve,
-				"aria-disabled": G.kind === "turn-on" ? !G.ready : G.kind !== "turn-off",
-				"aria-describedby": G.kind === "turn-on" ? k : void 0,
-				className: G.kind === "turn-off" ? S : ae,
+				onClick: Ae,
+				"aria-disabled": U.kind === "turn-on" ? !U.ready : U.kind !== "turn-off",
+				"aria-describedby": U.kind === "turn-on" ? z ? [
+					T,
+					B ? Ee : null,
+					k
+				].filter((e) => e !== null).join(" ") : T : void 0,
+				className: U.kind === "turn-off" ? v : pe,
 				"data-testid": "assistant-avatar-tab-switch",
-				"data-slot": G.kind,
-				children: G.kind === "turn-off" ? D.stop : G.kind === "starting" ? D.turnOnStarting : G.kind === "ending" ? D.stateEnding : D.consentConfirm
+				"data-slot": U.kind,
+				children: U.kind === "turn-off" ? C.stop : U.kind === "starting" ? C.turnOnStarting : U.kind === "ending" ? C.stateEnding : C.consentConfirm
 			}),
-			$ ? /* @__PURE__ */ d("button", {
+			$ ? /* @__PURE__ */ l("button", {
 				type: "button",
-				onClick: () => r.requestOn({ start: !1 }),
-				className: S,
+				onClick: () => i.requestOn({ start: !1 }),
+				className: v,
 				"data-testid": "assistant-avatar-tab-retry",
-				children: D.chooserRetry
+				children: C.chooserRetry
 			}) : null,
-			C.live ? null : /* @__PURE__ */ f("div", {
+			y.live ? null : /* @__PURE__ */ u("div", {
 				className: "flex flex-col gap-1",
-				children: [/* @__PURE__ */ d("button", {
-					ref: ue,
+				children: [/* @__PURE__ */ l("button", {
+					ref: ve,
 					type: "button",
 					onClick: () => {
-						C.blocked === null && C.start();
+						y.blocked === null && y.start();
 					},
-					"aria-disabled": C.blocked !== null,
-					"aria-describedby": C.blocked === null ? void 0 : M,
-					className: S,
+					"aria-disabled": y.blocked !== null,
+					"aria-describedby": y.blocked === null ? void 0 : O,
+					className: v,
 					"data-testid": "assistant-avatar-tab-start-voice",
-					children: D.startVoice
-				}), C.blocked === null ? Z === null ? null : /* @__PURE__ */ d("p", {
-					className: b,
+					children: C.startVoice
+				}), y.blocked === null ? Z === null ? null : /* @__PURE__ */ l("p", {
+					className: g,
 					"data-testid": "assistant-avatar-tab-ask-note",
 					children: Z
-				}) : /* @__PURE__ */ d("p", {
-					id: M,
-					className: b,
+				}) : /* @__PURE__ */ l("p", {
+					id: O,
+					className: g,
 					"data-testid": "assistant-avatar-tab-voice-blocked",
-					children: Z === null ? C.blocked : `${C.blocked} ${Z}`
+					children: Z === null ? y.blocked : `${y.blocked} ${Z}`
 				})]
 			}),
-			ce && !P.voiceLive ? /* @__PURE__ */ d("p", {
-				className: b,
+			ge && !j.voiceLive ? /* @__PURE__ */ l("p", {
+				className: g,
 				"data-testid": "assistant-avatar-tab-hands-free",
-				children: D.handsFreeOff
+				children: C.handsFreeOff
 			}) : null,
-			L && !P.heldByVoice ? /* @__PURE__ */ d("p", {
-				id: le,
-				className: b,
+			P && !j.heldByVoice ? /* @__PURE__ */ l("p", {
+				id: _e,
+				className: g,
 				"data-testid": "assistant-avatar-tab-leave-hint",
-				children: D.tabLeaveHint
+				children: C.tabLeaveHint
 			}) : null
 		]
 	});
 };
 //#endregion
-export { C as LiveAvatarTabView, v as avatarPreviewVoice, _ as avatarVoiceDisplayName };
+export { y as LiveAvatarTabView, fe as avatarPreviewVoice, de as avatarVoiceDisplayName };

package/dist/shared/assistant/avatar/live/avatarPorts.d.ts

@@ -63,4 +63,13 @@ export interface AvatarRoom {
     startAudio(): Promise<void>;
     /** Whether the browser currently lets remote audio play (false until a user gesture while autoplay is blocked). */
     canPlaybackAudio(): boolean;
+    /**
+     * ★ BOFF-9696: the browser refused (false) or allowed again (true) the avatar's VIDEO. iOS in Low Power Mode refuses even a muted
+     * inline video until a user gesture. Optional: a room without it never reports a refused video.
+     */
+    onVideoPlaybackChanged?(handler: (canPlay: boolean) => void): AvatarUnsubscribe;
+    /** Start the refused video after a user gesture: the video twin of startAudio. */
+    startVideo?(): Promise<void>;
+    /** Whether the browser currently lets the remote video play. */
+    canPlaybackVideo?(): boolean;
 }