@burdenoff/fe-libs 2026.1013.7 → 2026.1013.9

package/dist/shared/assistant/ui/voice/AssistantVoiceSession.js

@@ -8,265 +8,266 @@ import { AssistantAttachmentButton as re } from "../composer/AssistantAttachment
 import { AssistantAttachmentChips as ie } from "../composer/AssistantAttachmentChips.js";
 import { ASSISTANT_PANEL_ATTR as ae, ASSISTANT_VOICE_SESSION_ATTR as oe } from "../panelOverlays.js";
 import { AssistantVoiceOrb as se } from "./AssistantVoiceOrb.js";
-import { VoiceMiniController as ce } from "./VoiceMiniController.js";
-import { VoiceStage as le } from "./VoiceStage.js";
-import { VoiceTranscriptDrawer as ue } from "./VoiceTranscriptDrawer.js";
-import { escapeBelongsToLayerAbove as de, voiceSessionEscapeAction as fe } from "./voiceSessionEscape.js";
-import { HandsFreePrivacyNotice as pe } from "./HandsFreePrivacyNotice.js";
-import { useCallback as s, useEffect as c, useMemo as me, useRef as l, useState as u } from "react";
-import { Maximize2 as he, Minimize2 as ge, ScrollText as _e, X as d } from "lucide-react";
+import { useLiveAvatarVoiceView as ce } from "../assistantLiveAvatarSeam.js";
+import { VoiceMiniController as le } from "./VoiceMiniController.js";
+import { VoiceStage as ue } from "./VoiceStage.js";
+import { VoiceTranscriptDrawer as de } from "./VoiceTranscriptDrawer.js";
+import { escapeBelongsToLayerAbove as fe, voiceSessionEscapeAction as pe } from "./voiceSessionEscape.js";
+import { HandsFreePrivacyNotice as me } from "./HandsFreePrivacyNotice.js";
+import { useCallback as s, useEffect as c, useMemo as he, useRef as l, useState as u } from "react";
+import { Maximize2 as ge, Minimize2 as _e, ScrollText as ve, X as d } from "lucide-react";
 import { jsx as f, jsxs as p } from "react/jsx-runtime";
 //#region src/shared/assistant/ui/voice/AssistantVoiceSession.tsx
-var m = ({ session: m, turns: be = [], onSaveTranscript: xe, onContinueInChat: Se, notice: Ce = null, privacyNotice: h = null, spoken: g, onInterrupt: we, onToggleMute: _, attachments: v = [], onAttachFiles: y, onRemoveAttachment: Te, onRetryAttachment: Ee, canAttachMore: De = !0, preparingAttachments: b = 0, attachmentsLocked: x = !1, attachmentNotice: S = null, spokenChunks: C = null, onEnd: w, capturing: Oe = !0, interrupting: ke = !1, awaitingEndpoint: Ae = !1, holding: T = !1, correcting: je = !1, onLetMeFinish: E, onImDone: D, proposalChip: O = null, proposalTray: k = null, renderAfterTurn: Me }) => {
-	let A = n(), { muted: j, error: M } = m, N = l(null), P = l(null), [F, I] = u("mini"), L = F === "full", R = F === "mini", z = F === "mini" ? "panel" : F === "panel" ? "full" : "mini", [B, V] = u(!1);
-	t("assistant.transcript", me(() => ({ run: () => B ? { status: "already" } : (V(!0), { status: "done" }) }), [B]));
-	let H = k !== null && !R, U = l(!1), W = l(_);
-	W.current = _;
-	let G = s(() => {
-		m.phase !== "listening" && m.phase !== "thinking" || j || U.current || o(m) || (U.current = !0, W.current());
-	}, [j, m]), K = s(() => {
-		U.current && (U.current = !1, W.current());
-	}, []), Ne = G;
+var m = ({ session: m, turns: xe = [], onSaveTranscript: Se, onContinueInChat: Ce, notice: h = null, privacyNotice: g = null, spoken: _, onInterrupt: we, onToggleMute: v, attachments: y = [], onAttachFiles: b, onRemoveAttachment: Te, onRetryAttachment: Ee, canAttachMore: De = !0, preparingAttachments: x = 0, attachmentsLocked: S = !1, attachmentNotice: C = null, spokenChunks: w = null, onEnd: T, capturing: Oe = !0, interrupting: ke = !1, awaitingEndpoint: Ae = !1, holding: E = !1, correcting: je = !1, onLetMeFinish: D, onImDone: O, proposalChip: k = null, proposalTray: A = null, renderAfterTurn: Me }) => {
+	let j = n(), { muted: M, error: N } = m, P = l(null), F = l(null), [Ne, I] = u("mini"), L = ce(Ne, m.phase === "ended"), R = L === "full", z = L === "mini", B = L === "mini" ? "panel" : L === "panel" ? "full" : "mini", [V, H] = u(!1);
+	t("assistant.transcript", he(() => ({ run: () => V ? { status: "already" } : (H(!0), { status: "done" }) }), [V]));
+	let U = A !== null && !z, W = l(!1), G = l(v);
+	G.current = v;
+	let K = s(() => {
+		m.phase !== "listening" && m.phase !== "thinking" || M || W.current || o(m) || (W.current = !0, G.current());
+	}, [M, m]), q = s(() => {
+		W.current && (W.current = !1, G.current());
+	}, []), Pe = K;
 	c(() => {
 		let e = () => {
-			document.visibilityState === "hidden" ? G() : K();
+			document.visibilityState === "hidden" ? K() : q();
 		};
 		return document.addEventListener("visibilitychange", e), () => document.removeEventListener("visibilitychange", e);
-	}, [G, K]), c(() => {
-		let e = K;
+	}, [K, q]), c(() => {
+		let e = q;
 		return window.addEventListener("focus", e), () => {
-			window.removeEventListener("focus", e), U.current = !1;
+			window.removeEventListener("focus", e), W.current = !1;
 		};
 	}, []), c(() => {
-		document.activeElement?.closest("[data-hands-free-notice]") || N.current?.focus();
-	}, []), e(P, { fallbackSelector: `[${ae}]` }), c(() => {
+		document.activeElement?.closest("[data-hands-free-notice]") || P.current?.focus();
+	}, []), e(F, { fallbackSelector: `[${ae}]` }), c(() => {
 		let e = (e) => {
 			if (e.key === "Escape") {
-				let t = fe({
+				let t = pe({
 					defaultPrevented: e.defaultPrevented,
-					layerAbove: de({
+					layerAbove: fe({
 						target: e.target,
-						session: P.current,
+						session: F.current,
 						doc: document
 					}),
-					transcriptOpen: B
+					transcriptOpen: V
 				});
 				if (t === "ignore") return;
-				e.preventDefault(), t === "close-transcript" ? V(!1) : h ? h.decline() : H ? k?.onClose() : w();
+				e.preventDefault(), t === "close-transcript" ? H(!1) : g ? g.decline() : U ? A?.onClose() : T();
 				return;
 			}
-			if (e.key !== "Tab" || !L) return;
-			let t = (B ? P.current?.querySelector("[data-testid=\"assistant-voice-transcript\"]") : P.current)?.querySelectorAll("button:not([disabled])");
+			if (e.key !== "Tab" || !R) return;
+			let t = (V ? F.current?.querySelector("[data-testid=\"assistant-voice-transcript\"]") : F.current)?.querySelectorAll("button:not([disabled])");
 			if (!t || t.length === 0) return;
 			let n = t[0], r = t[t.length - 1];
 			!n || !r || (e.shiftKey && document.activeElement === n ? (e.preventDefault(), r.focus()) : !e.shiftKey && document.activeElement === r && (e.preventDefault(), n.focus()));
 		};
 		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
 	}, [
-		w,
-		L,
-		B,
-		H,
-		k,
-		h
+		T,
+		R,
+		V,
+		U,
+		A,
+		g
 	]);
-	let q = Ce !== null && M === null, J = o(m), Y = E && D && m.phase === "listening" && !j && M === null ? {
-		letMeFinish: E,
-		imDone: D
-	} : null, X = Y !== null;
+	let J = h !== null && N === null, Y = o(m), X = D && O && m.phase === "listening" && !M && N === null ? {
+		letMeFinish: D,
+		imDone: O
+	} : null, Fe = X !== null;
 	c(() => {
-		if (X) return;
+		if (Fe) return;
 		let e = document.activeElement;
-		(!e || e === document.body) && N.current?.focus();
-	}, [X]);
+		(!e || e === document.body) && P.current?.focus();
+	}, [Fe]);
 	let Z = i({
 		snapshot: m,
 		capturing: Oe,
 		interrupting: ke,
 		awaitingEndpoint: Ae
-	}), Pe = (() => {
+	}), Ie = (() => {
 		switch (Z) {
-			case "connecting": return A("voiceSession.connecting", "Starting the microphone…");
-			case "endpoint-grace": return A("voiceSession.endpointGrace", "Still listening — take your time");
-			case "interrupting": return A("voiceSession.interrupting", "Stopped — go ahead");
-			case "thinking": return A(a.key, a.fallback);
-			case "speaking": return A("voiceSession.speaking", "Speaking — tap to stop");
+			case "connecting": return j("voiceSession.connecting", "Starting the microphone…");
+			case "endpoint-grace": return j("voiceSession.endpointGrace", "Still listening — take your time");
+			case "interrupting": return j("voiceSession.interrupting", "Stopped — go ahead");
+			case "thinking": return j(a.key, a.fallback);
+			case "speaking": return j("voiceSession.speaking", "Speaking — tap to stop");
 			case "mic-error":
 			case "ended": return "";
-			case "listening": return j ? A("voiceSession.muted", "Microphone off") : A("voiceSession.listening", "Listening…");
+			case "listening": return M ? j("voiceSession.muted", "Microphone off") : j("voiceSession.listening", "Listening…");
 			default: return Z;
 		}
-	})(), Q = !j && (Z === "listening" || Z === "endpoint-grace"), Fe = Q && T ? A("voiceSession.holding", "Take your time — tap “I’m done” when you finish") : Q && je ? A("voiceSession.correcting", "Stopped that answer — listening to your correction") : Pe, $ = ne({
-		tr: A,
+	})(), Le = !M && (Z === "listening" || Z === "endpoint-grace"), Re = Le && E ? j("voiceSession.holding", "Take your time — tap “I’m done” when you finish") : Le && je ? j("voiceSession.correcting", "Stopped that answer — listening to your correction") : Ie, Q = ne({
+		tr: j,
 		stage: Z,
-		muted: j,
-		label: Fe
-	}), Ie = te(Fe, $), Le = Z === "thinking";
+		muted: M,
+		label: Re
+	}), ze = te(Re, Q), $ = Z === "thinking";
 	return /* @__PURE__ */ p("div", {
-		ref: P,
-		className: `flex flex-col items-center justify-between bg-bg-sunken ${F === "full" ? "fixed inset-x-0 bottom-0 top-14 z-[60] px-6 py-8" : F === "panel" ? "absolute inset-0 z-20 px-4 py-6" : "absolute inset-x-0 bottom-0 z-20 min-h-[11.25rem] border-t border-border-subtle px-3 py-3 shadow-lg"}`,
+		ref: F,
+		className: `flex flex-col items-center justify-between bg-bg-sunken ${L === "full" ? "fixed inset-x-0 bottom-0 top-14 z-[60] px-6 py-8" : L === "panel" ? "absolute inset-0 z-20 px-4 py-6" : "absolute inset-x-0 bottom-0 z-20 min-h-[11.25rem] border-t border-border-subtle px-3 py-3 shadow-lg"}`,
 		role: "dialog",
-		"aria-modal": L || void 0,
-		"aria-label": A("voiceSession.title", "Voice conversation"),
+		"aria-modal": R || void 0,
+		"aria-label": j("voiceSession.title", "Voice conversation"),
 		"data-testid": "assistant-voice-session",
 		[oe]: "",
 		children: [
 			/* @__PURE__ */ p("button", {
-				ref: N,
+				ref: P,
 				type: "button",
-				onClick: w,
-				className: `absolute ${L ? "right-6 top-6 h-14 gap-2 px-5 text-base" : R ? "right-12 top-2 h-8 gap-1.5 px-2.5 text-xs" : "right-3 top-3 h-11 gap-2 px-4 text-sm"} flex items-center justify-center rounded-full border border-border-default bg-bg-elevated text-text-secondary hover:bg-bg-sunken transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-border-strong`,
-				title: A("voiceSession.end", "End the voice conversation"),
+				onClick: T,
+				className: `absolute ${R ? "right-6 top-6 h-14 gap-2 px-5 text-base" : z ? "right-12 top-2 h-8 gap-1.5 px-2.5 text-xs" : "right-3 top-3 h-11 gap-2 px-4 text-sm"} flex items-center justify-center rounded-full border border-border-default bg-bg-elevated text-text-secondary hover:bg-bg-sunken transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-border-strong`,
+				title: j("voiceSession.end", "End the voice conversation"),
 				"data-testid": "assistant-voice-end",
 				children: [/* @__PURE__ */ f(d, {
-					className: L ? "size-6" : R ? "size-4" : "size-5",
+					className: R ? "size-6" : z ? "size-4" : "size-5",
 					"aria-hidden": "true"
 				}), /* @__PURE__ */ f("span", {
-					className: `truncate whitespace-nowrap font-medium ${R ? "max-w-[3.5rem] text-xs" : "max-w-[7rem]"}`,
-					children: A("voiceSession.endShort", "End")
+					className: `truncate whitespace-nowrap font-medium ${z ? "max-w-[3.5rem] text-xs" : "max-w-[7rem]"}`,
+					children: j("voiceSession.endShort", "End")
 				})]
 			}),
 			/* @__PURE__ */ p("div", {
-				className: `flex flex-col items-center ${R ? `px-3 ${q || S ? "pt-9 pb-2" : ""}` : `min-h-[1.5rem] ${q || S ? L ? "pt-14" : "pt-10" : ""}`}`,
-				children: [q ? /* @__PURE__ */ f("p", {
+				className: `flex flex-col items-center ${z ? `px-3 ${J || C ? "pt-9 pb-2" : ""}` : `min-h-[1.5rem] ${J || C ? R ? "pt-14" : "pt-10" : ""}`}`,
+				children: [J ? /* @__PURE__ */ f("p", {
 					className: "max-w-xs text-center text-xs text-status-warning",
 					"data-testid": "assistant-voice-notice",
-					children: ve(Ce, A)
-				}) : null, S ? /* @__PURE__ */ f("p", {
+					children: ye(h, j)
+				}) : null, C ? /* @__PURE__ */ f("p", {
 					className: "max-w-xs text-center text-xs text-status-warning",
 					role: "status",
 					"aria-live": "polite",
 					"data-testid": "assistant-voice-attachment-notice",
-					children: S
+					children: C
 				}) : null]
 			}),
 			(() => {
 				let e = /* @__PURE__ */ f(se, {
 					session: m,
-					compact: R,
+					compact: z,
 					connecting: Z === "connecting",
-					onPress: r(Z) ? we : _,
-					label: r(Z) ? A("voiceSession.interrupt", "Stop the assistant and speak") : j ? A("voiceSession.unmute", "Turn the microphone on") : A("voiceSession.mute", "Turn the microphone off")
-				}), t = Y ? /* @__PURE__ */ f("button", {
+					onPress: r(Z) ? we : v,
+					label: r(Z) ? j("voiceSession.interrupt", "Stop the assistant and speak") : M ? j("voiceSession.unmute", "Turn the microphone on") : j("voiceSession.mute", "Turn the microphone off")
+				}), t = X ? /* @__PURE__ */ f("button", {
 					type: "button",
-					onClick: T ? Y.imDone : Y.letMeFinish,
-					className: `flex items-center justify-center rounded-full border font-medium transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-border-strong ${R ? "h-7 px-3 text-xs" : L ? "h-11 px-6 text-base" : "h-9 px-4 text-sm"} ${T ? "border-transparent bg-action-primary-bg text-action-primary-text hover:opacity-90" : "border-border-default bg-bg-elevated text-text-secondary hover:bg-bg-sunken"}`,
-					title: T ? A("voiceSession.imDoneHint", "Send what you said now") : A("voiceSession.letMeFinishHint", "Pause sending until you tap “I’m done”"),
+					onClick: E ? X.imDone : X.letMeFinish,
+					className: `flex items-center justify-center rounded-full border font-medium transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-border-strong ${z ? "h-7 px-3 text-xs" : R ? "h-11 px-6 text-base" : "h-9 px-4 text-sm"} ${E ? "border-transparent bg-action-primary-bg text-action-primary-text hover:opacity-90" : "border-border-default bg-bg-elevated text-text-secondary hover:bg-bg-sunken"}`,
+					title: E ? j("voiceSession.imDoneHint", "Send what you said now") : j("voiceSession.letMeFinishHint", "Pause sending until you tap “I’m done”"),
 					"data-testid": "assistant-voice-hold",
-					"data-holding": T ? "true" : "false",
-					children: T ? A("voiceSession.imDone", "I’m done") : A("voiceSession.letMeFinish", "Let me finish")
+					"data-holding": E ? "true" : "false",
+					children: E ? j("voiceSession.imDone", "I’m done") : j("voiceSession.letMeFinish", "Let me finish")
 				}) : null, n = t ? /* @__PURE__ */ p("div", {
 					className: "flex flex-col items-center gap-2",
 					children: [e, t]
-				}) : e, i = ee(Z) ? g : J || null, a = M === null ? null : ye(M, A);
-				return R ? /* @__PURE__ */ f(ce, {
-					spokenChunks: C,
+				}) : e, i = ee(Z) ? _ : Y || null, a = N === null ? null : be(N, j);
+				return z ? /* @__PURE__ */ f(le, {
+					spokenChunks: w,
 					state: Z,
 					caption: i,
-					statusText: Ie,
-					statusSuffix: $,
-					rotateStatus: Le,
+					statusText: ze,
+					statusSuffix: Q,
+					rotateStatus: $,
 					errorText: a,
 					control: n
-				}) : /* @__PURE__ */ f(le, {
+				}) : /* @__PURE__ */ f(ue, {
 					state: Z,
-					userCaption: J || null,
-					spokenChunks: C,
-					assistantCaption: g,
-					expanded: L,
-					statusText: Ie,
-					statusSuffix: $,
-					rotateStatus: Le,
+					userCaption: Y || null,
+					spokenChunks: w,
+					assistantCaption: _,
+					expanded: R,
+					statusText: ze,
+					statusSuffix: Q,
+					rotateStatus: $,
 					errorText: a,
 					control: n
 				});
 			})(),
-			O && !H ? /* @__PURE__ */ f("div", {
-				className: R ? "absolute left-20 right-36 top-2 flex justify-center" : `flex w-full justify-center ${L ? "max-w-[calc(100%-12rem)]" : "max-w-[calc(100%-8rem)]"}`,
+			k && !U ? /* @__PURE__ */ f("div", {
+				className: z ? "absolute left-20 right-36 top-2 flex justify-center" : `flex w-full justify-center ${R ? "max-w-[calc(100%-12rem)]" : "max-w-[calc(100%-8rem)]"}`,
 				children: /* @__PURE__ */ f("button", {
 					type: "button",
 					onClick: () => {
-						I("panel"), O.onOpen();
+						I("panel"), k.onOpen();
 					},
-					className: `max-w-full truncate rounded-full border border-border-default bg-bg-elevated font-medium text-text-primary transition-colors hover:bg-bg-raised focus:outline-none focus-visible:ring-2 focus-visible:ring-border-strong ${R ? "h-8 px-3 text-xs" : "h-10 px-4 text-sm"}`,
+					className: `max-w-full truncate rounded-full border border-border-default bg-bg-elevated font-medium text-text-primary transition-colors hover:bg-bg-raised focus:outline-none focus-visible:ring-2 focus-visible:ring-border-strong ${z ? "h-8 px-3 text-xs" : "h-10 px-4 text-sm"}`,
 					"data-testid": "assistant-voice-proposal-chip",
-					children: O.label
+					children: k.label
 				})
 			}) : null,
-			k && H ? /* @__PURE__ */ p("div", {
-				className: `absolute z-10 flex flex-col gap-2 overflow-y-auto rounded-lg border border-border-subtle bg-bg-elevated shadow-lg ${L ? "inset-x-6 bottom-24 top-24 mx-auto max-w-xl p-4" : "inset-x-3 bottom-16 top-16 p-3"}`,
+			A && U ? /* @__PURE__ */ p("div", {
+				className: `absolute z-10 flex flex-col gap-2 overflow-y-auto rounded-lg border border-border-subtle bg-bg-elevated shadow-lg ${R ? "inset-x-6 bottom-24 top-24 mx-auto max-w-xl p-4" : "inset-x-3 bottom-16 top-16 p-3"}`,
 				"data-testid": "assistant-voice-proposal-tray",
 				children: [/* @__PURE__ */ f("div", {
 					className: "flex justify-end",
 					children: /* @__PURE__ */ f("button", {
 						type: "button",
-						onClick: k.onClose,
+						onClick: A.onClose,
 						className: "flex size-8 items-center justify-center rounded-full text-text-secondary transition-colors hover:bg-bg-raised hover:text-text-primary focus:outline-none focus-visible:ring-2 focus-visible:ring-border-strong",
-						"aria-label": k.closeLabel,
+						"aria-label": A.closeLabel,
 						"data-testid": "assistant-voice-proposal-tray-close",
 						children: /* @__PURE__ */ f(d, {
 							className: "size-4",
 							"aria-hidden": "true"
 						})
 					})
-				}), k.content]
+				}), A.content]
 			}) : null,
-			h ? /* @__PURE__ */ f(pe, {
-				view: F,
-				onContinue: h.accept,
-				onNotNow: h.decline
+			g ? /* @__PURE__ */ f(me, {
+				view: L,
+				onContinue: g.accept,
+				onNotNow: g.decline
 			}) : null,
-			B ? /* @__PURE__ */ f(ue, {
-				turns: be,
-				onClose: () => V(!1),
-				onSave: xe,
-				onContinueInChat: Se,
+			V ? /* @__PURE__ */ f(de, {
+				turns: xe,
+				onClose: () => H(!1),
+				onSave: Se,
+				onContinueInChat: Ce,
 				renderAfterTurn: Me
 			}) : null,
-			y ? /* @__PURE__ */ f("div", {
-				className: `absolute ${L ? "left-6 top-6" : R ? "left-11 top-2" : "left-3 top-3"}`,
+			b ? /* @__PURE__ */ f("div", {
+				className: `absolute ${R ? "left-6 top-6" : z ? "left-11 top-2" : "left-3 top-3"}`,
 				children: /* @__PURE__ */ f(re, {
 					onFiles: (e) => {
-						y(e), I((e) => e === "mini" ? "panel" : e);
+						b(e), I((e) => e === "mini" ? "panel" : e);
 					},
-					onPickerOpen: Ne,
+					onPickerOpen: Pe,
 					direction: "down",
 					canAddMore: De,
-					disabled: x
+					disabled: S
 				})
 			}) : null,
-			(v.length > 0 || b > 0) && !R ? /* @__PURE__ */ f("div", {
-				className: `absolute ${L ? "bottom-24 left-24 right-24" : "bottom-16 left-16 right-16"}`,
+			(y.length > 0 || x > 0) && !z ? /* @__PURE__ */ f("div", {
+				className: `absolute ${R ? "bottom-24 left-24 right-24" : "bottom-16 left-16 right-16"}`,
 				"data-testid": "assistant-voice-attachments",
 				children: /* @__PURE__ */ f(ie, {
-					attachments: v,
+					attachments: y,
 					onRemove: Te ?? (() => void 0),
 					onRetry: Ee ?? (() => void 0),
-					preparingCount: b,
-					disabled: x
+					preparingCount: x,
+					disabled: S
 				})
 			}) : null,
 			/* @__PURE__ */ f("button", {
 				type: "button",
-				onClick: () => V((e) => !e),
-				className: `absolute ${L ? "bottom-6 right-6 size-14" : R ? "right-2 top-2 size-8" : "bottom-3 right-3 size-11"} flex items-center justify-center rounded-full bg-bg-elevated text-text-secondary transition-colors hover:bg-bg-raised hover:text-text-primary focus:outline-none focus-visible:ring-2 focus-visible:ring-border-strong`,
-				"aria-pressed": B,
-				"aria-label": A("voiceSession.transcriptTitle", "Voice transcript"),
+				onClick: () => H((e) => !e),
+				className: `absolute ${R ? "bottom-6 right-6 size-14" : z ? "right-2 top-2 size-8" : "bottom-3 right-3 size-11"} flex items-center justify-center rounded-full bg-bg-elevated text-text-secondary transition-colors hover:bg-bg-raised hover:text-text-primary focus:outline-none focus-visible:ring-2 focus-visible:ring-border-strong`,
+				"aria-pressed": V,
+				"aria-label": j("voiceSession.transcriptTitle", "Voice transcript"),
 				"data-testid": "assistant-voice-transcript-toggle",
-				children: /* @__PURE__ */ f(_e, { className: L ? "size-6" : R ? "size-4" : "size-5" })
+				children: /* @__PURE__ */ f(ve, { className: R ? "size-6" : z ? "size-4" : "size-5" })
 			}),
 			/* @__PURE__ */ f("button", {
 				type: "button",
-				onClick: () => I(z),
-				className: `absolute ${L ? "bottom-6 left-6 size-14" : R ? "left-2 top-2 size-8" : "bottom-3 left-3 size-11"} flex items-center justify-center rounded-full bg-bg-elevated text-text-secondary transition-colors hover:bg-bg-raised hover:text-text-primary focus:outline-none focus-visible:ring-2 focus-visible:ring-border-strong`,
-				"aria-label": z === "panel" ? A("voiceSession.expandPanel", "Show the conversation in the panel") : z === "full" ? A("voiceSession.expand", "Expand the conversation to full screen") : A("voiceSession.collapse", "Shrink to the compact controller"),
+				onClick: () => I(B),
+				className: `absolute ${R ? "bottom-6 left-6 size-14" : z ? "left-2 top-2 size-8" : "bottom-3 left-3 size-11"} flex items-center justify-center rounded-full bg-bg-elevated text-text-secondary transition-colors hover:bg-bg-raised hover:text-text-primary focus:outline-none focus-visible:ring-2 focus-visible:ring-border-strong`,
+				"aria-label": B === "panel" ? j("voiceSession.expandPanel", "Show the conversation in the panel") : B === "full" ? j("voiceSession.expand", "Expand the conversation to full screen") : j("voiceSession.collapse", "Shrink to the compact controller"),
 				"data-testid": "assistant-voice-expand",
-				children: L ? /* @__PURE__ */ f(ge, { className: "size-5" }) : /* @__PURE__ */ f(he, { className: R ? "size-4" : "size-5" })
+				children: R ? /* @__PURE__ */ f(_e, { className: "size-5" }) : /* @__PURE__ */ f(ge, { className: z ? "size-4" : "size-5" })
 			})
 		]
 	});
 };
-function ve(e, t) {
+function ye(e, t) {
 	switch (e) {
 		case "network": return t("voiceSession.noticeNetwork", "Speech recognition lost its connection. Check your network — it will retry.");
 		case "not-capturing": return t("voiceSession.noticeNotCapturing", "The microphone did not start. Check that this site is allowed to use it, then try again.");
@@ -277,7 +278,7 @@ function ve(e, t) {
 		default: return e;
 	}
 }
-function ye(e, t) {
+function be(e, t) {
 	switch (e) {
 		case "mic-denied": return t("voiceSession.micDenied", "Microphone access is blocked. Allow it in your browser settings to talk.");
 		case "no-speech-support": return t("voiceSession.noSpeechSupport", "This browser cannot listen. Try a different browser, or type instead.");

package/dist/shared/assistant/ui/voice/VoiceMiniController.js

@@ -3,59 +3,64 @@ import { showPreviousChunk as r } from "../../voice/miniCaptionBudget.js";
 import { isAwaitingFirstChunk as i } from "../../voice/speechPlayback.js";
 import { VoiceWaveform as a } from "./VoiceWaveform.js";
 import { VoiceStatusText as o } from "./VoiceStatusText.js";
-import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
+import { LiveAvatarMiniIndicator as s, useLiveAvatarMiniIndicatorShown as c } from "../assistantLiveAvatarSeam.js";
+import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
 //#region src/shared/assistant/ui/voice/VoiceMiniController.tsx
-var u = ({ state: u, caption: d, spokenChunks: f = null, statusText: p, statusSuffix: m, rotateStatus: h, control: g, errorText: _ = null }) => {
-	let v = e(u), y = v && f && f.index >= 0 ? f : null, b = v && i(f);
-	return /* @__PURE__ */ l("div", {
+var f = " self-stretch justify-end pb-8.5 [container-type:size] [@container_(min-height:4.0312rem)_and_(max-height:5.2343rem)]:[&>p[role=status]]:line-clamp-2 [@container_(max-height:4.0312rem)]:[&>p[role=status]]:line-clamp-1 [@container_(max-height:4.0312rem)]:[&>p[role=status]]:min-h-5 [@container_(max-height:5.2343rem)]:[&>p[role=status]>span:not(:last-child)]:sr-only", p = ({ state: p, caption: m, spokenChunks: h = null, statusText: g, statusSuffix: _, rotateStatus: v, control: y, errorText: b = null }) => {
+	let x = e(p), S = x && h && h.index >= 0 ? h : null, C = x && i(h);
+	return /* @__PURE__ */ d("div", {
 		className: "flex min-h-0 w-full flex-1 items-center gap-3 px-4",
 		"data-testid": "assistant-voice-mini",
-		"data-state": u,
-		children: [/* @__PURE__ */ l("div", {
-			className: "flex min-w-0 flex-1 flex-col gap-1.5",
-			children: [/* @__PURE__ */ l("div", {
-				className: "flex items-center gap-2",
-				children: [/* @__PURE__ */ c(a, {
-					active: t(u),
-					settled: n(u),
-					tone: u === "speaking" ? "speaking" : "listening"
-				}), /* @__PURE__ */ c(o, {
-					className: "truncate text-xs text-text-muted",
-					status: p,
-					suffix: m,
-					rotating: h
+		"data-state": p,
+		children: [
+			/* @__PURE__ */ d("div", {
+				className: `flex min-w-0 flex-1 flex-col gap-1.5${c() ? f : ""}`,
+				children: [/* @__PURE__ */ d("div", {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ u(a, {
+						active: t(p),
+						settled: n(p),
+						tone: p === "speaking" ? "speaking" : "listening"
+					}), /* @__PURE__ */ u(o, {
+						className: "truncate text-xs text-text-muted",
+						status: g,
+						suffix: _,
+						rotating: v
+					})]
+				}), p === "mic-error" ? /* @__PURE__ */ u("p", {
+					className: "line-clamp-2 text-xs text-status-warning",
+					role: "alert",
+					"data-testid": "assistant-voice-mini-error",
+					children: b
+				}) : m ? /* @__PURE__ */ u("p", {
+					className: [
+						"line-clamp-3 break-words text-left text-sm leading-snug",
+						C ? "min-h-9" : "",
+						x ? "font-semibold text-text-primary" : "font-semibold text-text-secondary"
+					].join(" "),
+					role: "status",
+					"aria-live": "polite",
+					"data-testid": "assistant-voice-caption",
+					children: S ? /* @__PURE__ */ d(l, { children: [r(S) ? /* @__PURE__ */ d("span", {
+						className: "text-text-muted transition-colors duration-300",
+						children: [S.chunks[S.index - 1], " "]
+					}) : null, /* @__PURE__ */ u("span", {
+						className: "text-text-primary",
+						"data-testid": "assistant-voice-caption-current",
+						children: S.chunks[S.index]
+					})] }) : C ? null : m
+				}) : /* @__PURE__ */ u("div", {
+					className: "h-9",
+					"aria-hidden": "true"
 				})]
-			}), u === "mic-error" ? /* @__PURE__ */ c("p", {
-				className: "line-clamp-2 text-xs text-status-warning",
-				role: "alert",
-				"data-testid": "assistant-voice-mini-error",
-				children: _
-			}) : d ? /* @__PURE__ */ c("p", {
-				className: [
-					"line-clamp-3 break-words text-left text-sm leading-snug",
-					b ? "min-h-9" : "",
-					v ? "font-semibold text-text-primary" : "font-semibold text-text-secondary"
-				].join(" "),
-				role: "status",
-				"aria-live": "polite",
-				"data-testid": "assistant-voice-caption",
-				children: y ? /* @__PURE__ */ l(s, { children: [r(y) ? /* @__PURE__ */ l("span", {
-					className: "text-text-muted transition-colors duration-300",
-					children: [y.chunks[y.index - 1], " "]
-				}) : null, /* @__PURE__ */ c("span", {
-					className: "text-text-primary",
-					"data-testid": "assistant-voice-caption-current",
-					children: y.chunks[y.index]
-				})] }) : b ? null : d
-			}) : /* @__PURE__ */ c("div", {
-				className: "h-9",
-				"aria-hidden": "true"
-			})]
-		}), /* @__PURE__ */ c("div", {
-			className: "shrink-0",
-			children: g
-		})]
+			}),
+			/* @__PURE__ */ u("div", {
+				className: "shrink-0",
+				children: y
+			}),
+			/* @__PURE__ */ u(s, {})
+		]
 	});
 };
 //#endregion
-export { u as VoiceMiniController };
+export { p as VoiceMiniController };