@burdenoff/fe-libs 2026.1029.11 → 2026.1030.2

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

@@ -1,70 +1,77 @@
-import { useReturnFocus as e } from "../../../hooks/useReturnFocus.js";
-import { useAssistantControl as t } from "../../appControls/useAssistantControl.js";
-import { useAssistantTr as n } from "../../i18n.js";
-import { micIsInterrupt as r, showsAssistantCaption as ee, voiceStageState as i } from "../../voice/voiceStageState.js";
-import { VOICE_THINKING_LABEL as a, composeVoiceStatus as te, voiceStatusSuffix as ne } from "../../voice/voiceStatus.js";
-import { spokenSoFar as re } from "../../voice/voiceSession.js";
-import { useAvatarCopy as ie } from "../../avatar/useAvatarCopy.js";
-import { ASSISTANT_PANEL_ATTR as ae, ASSISTANT_VOICE_SESSION_ATTR as oe } from "../panelOverlays.js";
-import { useLiveAvatarHandsFreeGuard as se, useLiveAvatarTab as ce, useLiveAvatarVoiceView as le } from "../assistantLiveAvatarSeam.js";
-import { AssistantAttachmentButton as ue } from "../composer/AssistantAttachmentButton.js";
-import { AssistantAttachmentChips as de } from "../composer/AssistantAttachmentChips.js";
-import { AssistantVoiceOrb as fe } from "./AssistantVoiceOrb.js";
-import { VoiceMiniController as pe } from "./VoiceMiniController.js";
-import { VoiceStage as me } from "./VoiceStage.js";
-import { VoiceTranscriptDrawer as he } from "./VoiceTranscriptDrawer.js";
-import { escapeBelongsToLayerAbove as ge, voiceSessionEscapeAction as _e } from "./voiceSessionEscape.js";
-import { HandsFreePrivacyNotice as ve } from "./HandsFreePrivacyNotice.js";
-import { useCallback as ye, useEffect as o, useMemo as be, useRef as s, useState as c } from "react";
-import { Maximize2 as xe, Minimize2 as Se, ScrollText as Ce, X as l } from "lucide-react";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { focusWasDropped as e, useReturnFocus as t } from "../../../hooks/useReturnFocus.js";
+import { useAssistantControl as n } from "../../appControls/useAssistantControl.js";
+import { useAssistantTr as r } from "../../i18n.js";
+import { micIsInterrupt as i, showsAssistantCaption as ee, voiceStageState as te } from "../../voice/voiceStageState.js";
+import { VOICE_THINKING_LABEL as a, composeVoiceStatus as o, voiceStatusSuffix as s } from "../../voice/voiceStatus.js";
+import { spokenSoFar as c } from "../../voice/voiceSession.js";
+import { useAvatarCopy as l } from "../../avatar/useAvatarCopy.js";
+import { ASSISTANT_PANEL_ATTR as ne, ASSISTANT_VOICE_SESSION_ATTR as re } from "../panelOverlays.js";
+import { useLiveAvatarHandsFreeGuard as ie, useLiveAvatarTab as ae, useLiveAvatarVoiceView as oe } from "../assistantLiveAvatarSeam.js";
+import { AssistantAttachmentButton as se } from "../composer/AssistantAttachmentButton.js";
+import { AssistantAttachmentChips as ce } from "../composer/AssistantAttachmentChips.js";
+import { AssistantVoiceOrb as le } from "./AssistantVoiceOrb.js";
+import { VoiceMiniController as ue } from "./VoiceMiniController.js";
+import { VoiceStage as de } from "./VoiceStage.js";
+import { VoiceTranscriptDrawer as fe } from "./VoiceTranscriptDrawer.js";
+import { escapeBelongsToLayerAbove as pe, voiceSessionEscapeAction as me } from "./voiceSessionEscape.js";
+import { HandsFreePrivacyNotice as he } from "./HandsFreePrivacyNotice.js";
+import { useCallback as ge, useEffect as u, useMemo as _e, useRef as d, useState as f } from "react";
+import { Maximize2 as ve, Mic as ye, MicOff as be, Minimize2 as xe, ScrollText as Se, ShieldAlert as Ce, Square as we, X as p } from "lucide-react";
+import { Fragment as Te, jsx as m, jsxs as h } from "react/jsx-runtime";
 //#region src/shared/assistant/ui/voice/AssistantVoiceSession.tsx
-var f = ({ session: f, turns: m = [], onSaveTranscript: Ee, onContinueInChat: De, notice: h = null, privacyNotice: g = null, spoken: _, onInterrupt: Oe, onToggleMute: v, attachments: y = [], onAttachFiles: ke, onRemoveAttachment: Ae, onRetryAttachment: je, canAttachMore: Me = !0, preparingAttachments: b = 0, attachmentsLocked: Ne = !1, attachmentNotice: x = null, spokenChunks: S = null, onEnd: C, capturing: Pe = !0, interrupting: Fe = !1, awaitingEndpoint: Ie = !1, holding: w = !1, correcting: Le = !1, onLetMeFinish: T, onImDone: E, proposalChip: D = null, proposalTray: O = null, renderAfterTurn: Re, onViewChange: k }) => {
-	let A = n(), { muted: j, error: M } = f, N = s(null), P = s(null), [ze, F] = c("mini"), I = ce().open, [Be, Ve] = c(I);
-	Be !== I && (Ve(I), I && ze !== "mini" && F("mini"));
-	let L = le(ze, f.phase === "ended"), He = se();
-	o(() => {
-		k?.(L);
-	}, [k, L]);
-	let R = ie(), z = L === "full", B = L === "mini", V = L === "mini" ? "panel" : L === "panel" ? "full" : "mini", [H, U] = c(!1);
-	t("assistant.transcript", be(() => ({ run: () => H ? { status: "already" } : (U(!0), { status: "done" }) }), [H]));
-	let W = O !== null && !B, G = s(!1), K = s(v);
-	K.current = v;
-	let q = ye(() => {
-		f.phase !== "listening" && f.phase !== "thinking" || j || G.current || re(f) || (G.current = !0, K.current());
-	}, [j, f]), J = ye(() => {
+var g = ({ session: g, turns: Oe = [], onSaveTranscript: Ae, onContinueInChat: je, notice: _ = null, privacyNotice: v = null, spoken: Me, onInterrupt: Ne, onToggleMute: y, attachments: Pe = [], onAttachFiles: b, onRemoveAttachment: Fe, onRetryAttachment: Ie, canAttachMore: Le = !0, preparingAttachments: Re = 0, attachmentsLocked: x = !1, attachmentNotice: S = null, spokenChunks: ze = null, onEnd: C, capturing: Be = !0, interrupting: Ve = !1, awaitingEndpoint: He = !1, holding: w = !1, correcting: Ue = !1, onLetMeFinish: We, onImDone: Ge, proposalChip: T = null, proposalTray: E = null, renderAfterTurn: Ke, onViewChange: qe, view: D, startedCue: O }) => {
+	let k = r(), { muted: A, error: j } = g, M = d(null), N = d(null), [Je, P] = f("mini"), Ye = D !== void 0, F = D === "compact", [I, Xe] = f(D);
+	I !== D && (Xe(D), D === void 0 && I !== void 0 && P(I === "compact" ? "panel" : I));
+	let Ze = D === void 0 ? Je : D === "compact" ? "panel" : D, L = ae().open, [Qe, $e] = f(L);
+	Qe !== L && ($e(L), L && Je !== "mini" && P("mini"));
+	let R = oe(Ze, g.phase === "ended"), et = ie();
+	u(() => {
+		qe?.(R);
+	}, [qe, R]);
+	let tt = l(), z = R === "full", B = R === "mini", V = R === "mini" ? "panel" : R === "panel" ? "full" : "mini", [H, U] = f(!1);
+	n("assistant.transcript", _e(() => ({ run: () => H ? { status: "already" } : (U(!0), { status: "done" }) }), [H]));
+	let W = E !== null && !B, G = d(!1), K = d(y);
+	K.current = y;
+	let q = ge(() => {
+		g.phase !== "listening" && g.phase !== "thinking" || A || G.current || c(g) || (G.current = !0, K.current());
+	}, [A, g]), J = ge(() => {
 		G.current && (G.current = !1, K.current());
-	}, []), Ue = q;
-	o(() => {
+	}, []), nt = q;
+	u(() => {
 		let e = () => {
 			document.visibilityState === "hidden" ? q() : J();
 		};
 		return document.addEventListener("visibilitychange", e), () => document.removeEventListener("visibilitychange", e);
-	}, [q, J]), o(() => {
+	}, [q, J]), u(() => {
 		let e = J;
 		return window.addEventListener("focus", e), () => {
 			window.removeEventListener("focus", e), G.current = !1;
 		};
-	}, []), o(() => {
-		document.activeElement?.closest("[data-hands-free-notice]") || N.current?.focus();
-	}, []), e(P, { fallbackSelector: `[${ae}]` }), o(() => {
+	}, []), u(() => {
+		document.activeElement?.closest("[data-hands-free-notice]") || M.current?.focus();
+	}, []), t(N, { fallbackSelector: `[${ne}]` });
+	let rt = d(F);
+	u(() => {
+		let t = rt.current;
+		rt.current = F, !(!t || F || !e(document)) && (N.current?.querySelector("[data-testid=\"assistant-voice-transcript-close\"]") ?? M.current)?.focus({ preventScroll: !0 });
+	}, [F]), u(() => {
 		let e = (e) => {
 			if (e.key === "Escape") {
-				let t = _e({
+				let t = me({
 					defaultPrevented: e.defaultPrevented,
-					layerAbove: ge({
+					layerAbove: pe({
 						target: e.target,
-						session: P.current,
+						session: N.current,
 						doc: document
 					}),
 					transcriptOpen: H
 				});
 				if (t === "ignore") return;
-				e.preventDefault(), t === "close-transcript" ? U(!1) : g ? g.decline() : W ? O?.onClose() : C();
+				e.preventDefault(), t === "close-transcript" ? U(!1) : v ? v.decline() : W ? E?.onClose() : C();
 				return;
 			}
 			if (e.key !== "Tab" || !z) return;
-			let t = (H ? P.current?.querySelector("[data-testid=\"assistant-voice-transcript\"]") : P.current)?.querySelectorAll("button:not([disabled])");
+			let t = (H ? N.current?.querySelector("[data-testid=\"assistant-voice-transcript\"]") : N.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()));
@@ -75,228 +82,325 @@ var f = ({ session: f, turns: m = [], onSaveTranscript: Ee, onContinueInChat: De
 		z,
 		H,
 		W,
-		O,
-		g
+		E,
+		v
 	]);
-	let Y = h !== null && M === null, X = He && h === null && M === null, We = re(f), Z = T && E && f.phase === "listening" && !j && M === null ? {
-		letMeFinish: T,
-		imDone: E
-	} : null, Ge = Z !== null;
-	o(() => {
-		if (Ge) return;
+	let Y = _ !== null && j === null, X = et && _ === null && j === null, it = c(g), Z = We && Ge && g.phase === "listening" && !A && j === null ? {
+		letMeFinish: We,
+		imDone: Ge
+	} : null, at = Z !== null;
+	u(() => {
+		if (at) return;
 		let e = document.activeElement;
-		(!e || e === document.body) && N.current?.focus();
-	}, [Ge]);
-	let Q = i({
-		snapshot: f,
-		capturing: Pe,
-		interrupting: Fe,
-		awaitingEndpoint: Ie
-	}), Ke = (() => {
+		(!e || e === document.body) && M.current?.focus();
+	}, [at]);
+	let Q = te({
+		snapshot: g,
+		capturing: Be,
+		interrupting: Ve,
+		awaitingEndpoint: He
+	}), ot = (() => {
 		switch (Q) {
-			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 k("voiceSession.connecting", "Starting the microphone…");
+			case "endpoint-grace": return k("voiceSession.endpointGrace", "Still listening — take your time");
+			case "interrupting": return k("voiceSession.interrupting", "Stopped — go ahead");
+			case "thinking": return k(a.key, a.fallback);
+			case "speaking": return k("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 A ? k("voiceSession.muted", "Microphone off") : k("voiceSession.listening", "Listening…");
 			default: return Q;
 		}
-	})(), qe = !j && (Q === "listening" || Q === "endpoint-grace"), Je = qe && w ? A("voiceSession.holding", "Take your time — tap “I’m done” when you finish") : qe && Le ? A("voiceSession.correcting", "Stopped that answer — listening to your correction") : Ke, $ = ne({
-		tr: A,
+	})(), st = !A && (Q === "listening" || Q === "endpoint-grace"), ct = st && w ? k("voiceSession.holding", "Take your time — tap “I’m done” when you finish") : st && Ue ? k("voiceSession.correcting", "Stopped that answer — listening to your correction") : ot, $ = s({
+		tr: k,
 		stage: Q,
-		muted: j,
-		label: Je
-	}), Ye = te(Je, $), Xe = Q === "thinking";
-	return /* @__PURE__ */ d("div", {
-		ref: P,
-		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"}`,
+		muted: A,
+		label: ct
+	}), lt = o(ct, $), ut = Q === "thinking";
+	return /* @__PURE__ */ h("div", {
+		ref: N,
+		className: `flex flex-col ${F ? "items-stretch" : "items-center"} justify-between ${F ? "bg-bg-elevated" : "bg-bg-sunken"} ${F ? "absolute inset-0 z-20 px-3 pb-3 pt-2" : R === "full" ? "fixed inset-x-0 bottom-0 top-14 z-[60] px-6 py-8" : R === "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": z || void 0,
-		"aria-label": A("voiceSession.title", "Voice conversation"),
+		"aria-label": k("voiceSession.title", "Voice conversation"),
 		"data-testid": "assistant-voice-session",
-		[oe]: "",
+		[re]: "",
 		children: [
-			/* @__PURE__ */ d("button", {
-				ref: N,
+			F ? null : /* @__PURE__ */ h("button", {
+				ref: M,
 				type: "button",
 				onClick: C,
 				className: `absolute ${z ? "right-6 top-6 h-14 gap-2 px-5 text-base" : B ? "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"),
+				title: k("voiceSession.end", "End the voice conversation"),
 				"data-testid": "assistant-voice-end",
-				children: [/* @__PURE__ */ u(l, {
+				children: [/* @__PURE__ */ m(p, {
 					className: z ? "size-6" : B ? "size-4" : "size-5",
 					"aria-hidden": "true"
-				}), /* @__PURE__ */ u("span", {
+				}), /* @__PURE__ */ m("span", {
 					className: `truncate whitespace-nowrap font-medium ${B ? "max-w-[3.5rem] text-xs" : "max-w-[7rem]"}`,
-					children: A("voiceSession.endShort", "End")
+					children: k("voiceSession.endShort", "End")
 				})]
 			}),
-			/* @__PURE__ */ d("div", {
-				className: `flex flex-col items-center ${B ? `px-3 ${Y || X || x ? "pt-9 pb-2" : ""}` : `min-h-[1.5rem] ${Y || X || x ? z ? "pt-14" : "pt-10" : ""}`}`,
+			/* @__PURE__ */ h("div", {
+				className: `flex flex-col items-center ${F ? "min-h-[1.5rem]" : B ? `px-3 ${Y || X || S ? "pt-9 pb-2" : ""}` : `min-h-[1.5rem] ${Y || X || S ? z ? "pt-14" : "pt-10" : ""}`}`,
 				children: [
-					Y ? /* @__PURE__ */ u("p", {
+					Y ? /* @__PURE__ */ m("p", {
 						className: "max-w-xs text-center text-xs text-status-warning",
 						"data-testid": "assistant-voice-notice",
-						children: p(h, A)
+						children: Ee(_, k)
 					}) : null,
-					X ? /* @__PURE__ */ u("p", {
+					X ? /* @__PURE__ */ m("p", {
 						className: "max-w-xs text-center text-xs text-text-secondary",
 						"data-testid": "assistant-voice-avatar-hands-free",
-						children: R.handsFreeOff
+						children: tt.handsFreeOff
 					}) : null,
-					/* @__PURE__ */ u("span", {
+					/* @__PURE__ */ m("span", {
 						className: "sr-only start-0 top-0",
 						role: "status",
 						"aria-live": "polite",
 						"aria-atomic": "true",
 						"data-testid": "assistant-voice-notice-announced",
-						children: Y && we(h) ? p(h, A) : X ? R.handsFreeOff : null
+						children: Y && De(_) ? Ee(_, k) : X ? tt.handsFreeOff : null
 					}),
-					x ? /* @__PURE__ */ u("p", {
+					S ? /* @__PURE__ */ m("p", {
 						className: "max-w-xs text-center text-xs text-status-warning",
 						role: "status",
 						"aria-live": "polite",
 						"data-testid": "assistant-voice-attachment-notice",
-						children: x
-					}) : null
+						children: S
+					}) : null,
+					O === void 0 ? null : /* @__PURE__ */ h(Te, { children: [O ? /* @__PURE__ */ m("p", {
+						className: "max-w-xs text-center text-xs text-text-secondary",
+						"data-testid": "assistant-voice-started-cue",
+						children: O
+					}) : null, /* @__PURE__ */ m("span", {
+						className: "sr-only start-0 top-0",
+						role: "status",
+						"aria-live": "polite",
+						"aria-atomic": "true",
+						"data-testid": "assistant-voice-started-cue-announced",
+						children: O
+					})] })
 				]
 			}),
 			(() => {
-				let e = /* @__PURE__ */ u(fe, {
-					session: f,
+				let e = /* @__PURE__ */ m(le, {
+					session: g,
 					compact: B,
 					connecting: Q === "connecting",
-					onPress: r(Q) ? Oe : v,
-					label: r(Q) ? A("voiceSession.interrupt", "Stop the assistant and speak") : j ? A("voiceSession.unmute", "Turn the microphone on") : A("voiceSession.mute", "Turn the microphone off")
-				}), t = Z ? /* @__PURE__ */ u("button", {
+					onPress: i(Q) ? Ne : y,
+					label: i(Q) ? k("voiceSession.interrupt", "Stop the assistant and speak") : A ? k("voiceSession.unmute", "Turn the microphone on") : k("voiceSession.mute", "Turn the microphone off")
+				}), t = Z ? /* @__PURE__ */ m("button", {
 					type: "button",
 					onClick: w ? Z.imDone : Z.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 ${B ? "h-7 px-3 text-xs" : z ? "h-11 px-6 text-base" : "h-9 px-4 text-sm"} ${w ? "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: w ? A("voiceSession.imDoneHint", "Send what you said now") : A("voiceSession.letMeFinishHint", "Pause sending until you tap “I’m done”"),
+					title: w ? k("voiceSession.imDoneHint", "Send what you said now") : k("voiceSession.letMeFinishHint", "Pause sending until you tap “I’m done”"),
 					"data-testid": "assistant-voice-hold",
 					"data-holding": w ? "true" : "false",
-					children: w ? A("voiceSession.imDone", "I’m done") : A("voiceSession.letMeFinish", "Let me finish")
-				}) : null, n = t ? /* @__PURE__ */ d("div", {
+					children: w ? k("voiceSession.imDone", "I’m done") : k("voiceSession.letMeFinish", "Let me finish")
+				}) : null, n = i(Q), r = n ? Ne : y, te = g.phase === "idle" || g.phase === "ended" || j !== null || Q === "connecting" || !r, a = F ? /* @__PURE__ */ h("button", {
+					type: "button",
+					onClick: r,
+					disabled: te,
+					className: "flex h-11 items-center justify-center gap-2 rounded-full border border-border-default bg-bg-elevated px-6 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)] disabled:cursor-default disabled:text-text-muted disabled:hover:bg-bg-elevated",
+					"data-testid": "assistant-voice-primary",
+					"data-state": Q,
+					"data-muted": A || void 0,
+					children: [n ? /* @__PURE__ */ m(we, {
+						className: "size-4 fill-current",
+						"aria-hidden": "true"
+					}) : m(A ? be : ye, {
+						className: "size-4",
+						"aria-hidden": "true"
+					}), n ? k("window.stopSpeaking", "Stop speaking") : A ? k("window.unmute", "Unmute") : k("window.mute", "Mute")]
+				}) : null, o = t ? /* @__PURE__ */ h("div", {
 					className: "flex flex-col items-center gap-2",
 					children: [e, t]
-				}) : e, i = ee(Q) ? _ : We || null, a = M === null ? null : Te(M, A);
-				return B ? /* @__PURE__ */ u(pe, {
-					spokenChunks: S,
+				}) : e, s = F ? /* @__PURE__ */ h("div", {
+					className: "flex flex-col items-center gap-2",
+					children: [t, a]
+				}) : void 0, c = ee(Q) ? Me : it || null, l = j === null ? null : ke(j, k);
+				return B ? /* @__PURE__ */ m(ue, {
+					spokenChunks: ze,
 					state: Q,
-					caption: i,
-					statusText: Ye,
+					caption: c,
+					statusText: lt,
 					statusSuffix: $,
-					rotateStatus: Xe,
-					errorText: a,
-					control: n
-				}) : /* @__PURE__ */ u(me, {
+					rotateStatus: ut,
+					errorText: l,
+					control: o
+				}) : /* @__PURE__ */ m(de, {
 					state: Q,
-					userCaption: We || null,
-					spokenChunks: S,
-					assistantCaption: _,
+					userCaption: it || null,
+					spokenChunks: ze,
+					assistantCaption: Me,
 					expanded: z,
-					statusText: Ye,
+					statusText: lt,
 					statusSuffix: $,
-					rotateStatus: Xe,
-					errorText: a,
-					control: n
+					rotateStatus: ut,
+					errorText: l,
+					control: o,
+					compact: F || void 0,
+					compactControl: s
 				});
 			})(),
-			D && !W ? /* @__PURE__ */ u("div", {
+			T && !W && !F ? /* @__PURE__ */ m("div", {
 				className: B ? "absolute left-20 right-36 top-2 flex justify-center" : `flex w-full justify-center ${z ? "max-w-[calc(100%-12rem)]" : "max-w-[calc(100%-8rem)]"}`,
-				children: /* @__PURE__ */ u("button", {
+				children: /* @__PURE__ */ m("button", {
 					type: "button",
 					onClick: () => {
-						F("panel"), D.onOpen();
+						P("panel"), T.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 ${B ? "h-8 px-3 text-xs" : "h-10 px-4 text-sm"}`,
 					"data-testid": "assistant-voice-proposal-chip",
-					children: D.label
+					children: T.label
 				})
 			}) : null,
-			O && W ? /* @__PURE__ */ d("div", {
+			T && F ? /* @__PURE__ */ h("div", {
+				className: "flex min-h-11 w-full items-center gap-2 rounded-xl border border-status-warning bg-status-warning/10 px-3 py-1",
+				"data-testid": "assistant-voice-proposal-chip-row",
+				children: [
+					/* @__PURE__ */ m(Ce, {
+						className: "size-4 shrink-0 text-status-warning",
+						"aria-hidden": "true"
+					}),
+					T.status ? /* @__PURE__ */ m("p", {
+						role: "status",
+						"aria-live": "polite",
+						className: "min-w-0 flex-1 text-sm text-text-primary",
+						"data-testid": "assistant-voice-proposal-status",
+						children: T.status
+					}) : /* @__PURE__ */ m("span", { className: "flex-1" }),
+					/* @__PURE__ */ m("button", {
+						type: "button",
+						onClick: T.onOpen,
+						className: "min-h-9 shrink-0 rounded-button px-3 text-sm font-medium text-action-primary-bg transition-colors hover:bg-bg-sunken focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]",
+						"data-testid": "assistant-voice-proposal-chip",
+						children: T.label
+					})
+				]
+			}) : null,
+			E && W ? /* @__PURE__ */ h("div", {
 				className: `absolute z-10 flex flex-col gap-2 overflow-y-auto rounded-lg border border-border-subtle bg-bg-elevated shadow-lg ${z ? "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__ */ u("div", {
+				children: [/* @__PURE__ */ m("div", {
 					className: "flex justify-end",
-					children: /* @__PURE__ */ u("button", {
+					children: /* @__PURE__ */ m("button", {
 						type: "button",
-						onClick: O.onClose,
+						onClick: E.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": O.closeLabel,
+						"aria-label": E.closeLabel,
 						"data-testid": "assistant-voice-proposal-tray-close",
-						children: /* @__PURE__ */ u(l, {
+						children: /* @__PURE__ */ m(p, {
 							className: "size-4",
 							"aria-hidden": "true"
 						})
 					})
-				}), O.content]
+				}), E.content]
 			}) : null,
-			g ? /* @__PURE__ */ u(ve, {
-				view: L,
-				onContinue: g.accept,
-				onNotNow: g.decline
+			v ? /* @__PURE__ */ m(he, {
+				view: R,
+				onContinue: v.accept,
+				onNotNow: v.decline
 			}) : null,
-			H ? /* @__PURE__ */ u(he, {
-				turns: m,
+			H ? /* @__PURE__ */ m(fe, {
+				turns: Oe,
 				onClose: () => U(!1),
-				onSave: Ee,
-				onContinueInChat: De,
-				renderAfterTurn: Re
+				onSave: Ae,
+				onContinueInChat: je,
+				renderAfterTurn: Ke
 			}) : null,
-			ke ? /* @__PURE__ */ u("div", {
+			b && !F ? /* @__PURE__ */ m("div", {
 				className: `absolute ${z ? "left-6 top-6" : B ? "left-11 top-2" : "left-3 top-3"}`,
-				children: /* @__PURE__ */ u(ue, {
+				children: /* @__PURE__ */ m(se, {
 					onFiles: (e) => {
-						ke(e), F((e) => e === "mini" ? "panel" : e);
+						b(e), Ye || P((e) => e === "mini" ? "panel" : e);
 					},
-					onPickerOpen: Ue,
+					onPickerOpen: nt,
 					direction: "down",
-					canAddMore: Me,
-					disabled: Ne
+					canAddMore: Le,
+					disabled: x
 				})
 			}) : null,
-			(y.length > 0 || b > 0) && !B ? /* @__PURE__ */ u("div", {
-				className: `absolute ${z ? "bottom-24 left-24 right-24" : "bottom-16 left-16 right-16"}`,
+			(Pe.length > 0 || Re > 0) && !B ? /* @__PURE__ */ m("div", {
+				className: F ? "w-full" : `absolute ${z ? "bottom-24 left-24 right-24" : "bottom-16 left-16 right-16"}`,
 				"data-testid": "assistant-voice-attachments",
-				children: /* @__PURE__ */ u(de, {
-					attachments: y,
-					onRemove: Ae ?? (() => void 0),
-					onRetry: je ?? (() => void 0),
-					preparingCount: b,
-					disabled: Ne
+				children: /* @__PURE__ */ m(ce, {
+					attachments: Pe,
+					onRemove: Fe ?? (() => void 0),
+					onRetry: Ie ?? (() => void 0),
+					preparingCount: Re,
+					disabled: x
 				})
 			}) : null,
-			/* @__PURE__ */ u("button", {
+			F ? null : /* @__PURE__ */ m("button", {
 				type: "button",
 				onClick: () => U((e) => !e),
 				className: `absolute ${z ? "bottom-6 right-6 size-14" : B ? "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": H,
-				"aria-label": A("voiceSession.transcriptTitle", "Voice transcript"),
+				"aria-label": k("voiceSession.transcriptTitle", "Voice transcript"),
 				"data-testid": "assistant-voice-transcript-toggle",
-				children: /* @__PURE__ */ u(Ce, { className: z ? "size-6" : B ? "size-4" : "size-5" })
+				children: /* @__PURE__ */ m(Se, { className: z ? "size-6" : B ? "size-4" : "size-5" })
 			}),
-			/* @__PURE__ */ u("button", {
+			Ye ? null : /* @__PURE__ */ m("button", {
 				type: "button",
-				onClick: () => F(V),
+				onClick: () => P(V),
 				className: `absolute ${z ? "bottom-6 left-6 size-14" : B ? "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": V === "panel" ? A("voiceSession.expandPanel", "Show the conversation in the panel") : V === "full" ? A("voiceSession.expand", "Expand the conversation to full screen") : A("voiceSession.collapse", "Shrink to the compact controller"),
+				"aria-label": V === "panel" ? k("voiceSession.expandPanel", "Show the conversation in the panel") : V === "full" ? k("voiceSession.expand", "Expand the conversation to full screen") : k("voiceSession.collapse", "Shrink to the compact controller"),
 				"data-testid": "assistant-voice-expand",
-				children: z ? /* @__PURE__ */ u(Se, { className: "size-5" }) : /* @__PURE__ */ u(xe, { className: B ? "size-4" : "size-5" })
-			})
+				children: z ? /* @__PURE__ */ m(xe, { className: "size-5" }) : /* @__PURE__ */ m(ve, { className: B ? "size-4" : "size-5" })
+			}),
+			F ? /* @__PURE__ */ h("div", {
+				className: "flex w-full items-center gap-2 pt-2",
+				"data-testid": "assistant-voice-controls",
+				children: [
+					b ? /* @__PURE__ */ m(se, {
+						onFiles: (e) => b(e),
+						onPickerOpen: nt,
+						direction: "up",
+						canAddMore: Le,
+						disabled: x
+					}) : null,
+					/* @__PURE__ */ h("button", {
+						type: "button",
+						onClick: () => U((e) => !e),
+						className: "flex h-10 min-w-0 flex-1 items-center justify-center gap-2 rounded-full border border-border-default bg-bg-elevated px-3 text-sm text-text-secondary transition-colors hover:bg-bg-sunken hover:text-text-primary focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]",
+						"aria-expanded": H,
+						"data-testid": "assistant-voice-transcript-toggle",
+						children: [/* @__PURE__ */ m(Se, {
+							className: "size-4 shrink-0",
+							"aria-hidden": "true"
+						}), /* @__PURE__ */ m("span", {
+							className: "truncate",
+							children: H ? k("window.hideTranscript", "Hide transcript") : k("window.showTranscript", "Show transcript")
+						})]
+					}),
+					/* @__PURE__ */ h("button", {
+						ref: M,
+						type: "button",
+						onClick: C,
+						className: "flex h-10 min-w-0 flex-1 items-center justify-center gap-2 rounded-full border border-status-error-border bg-status-error-bg-subtle px-3 text-sm font-medium text-status-error-text transition-colors hover:opacity-90 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]",
+						"data-testid": "assistant-voice-end",
+						children: [/* @__PURE__ */ m(p, {
+							className: "size-4 shrink-0",
+							"aria-hidden": "true"
+						}), /* @__PURE__ */ m("span", {
+							className: "truncate",
+							children: k("window.endVoice", "End voice")
+						})]
+					})
+				]
+			}) : null
 		]
 	});
 };
-function p(e, t) {
-	return typeof e == "string" ? m(e, t) : e.text;
+function Ee(e, t) {
+	return typeof e == "string" ? Oe(e, t) : e.text;
 }
-function we(e) {
+function De(e) {
 	return e !== null && (typeof e != "string" || e === "reply-not-heard");
 }
-function m(e, t) {
+function Oe(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.");
@@ -308,7 +412,7 @@ function m(e, t) {
 		default: return e;
 	}
 }
-function Te(e, t) {
+function ke(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.");
@@ -317,4 +421,4 @@ function Te(e, t) {
 	}
 }
 //#endregion
-export { f as AssistantVoiceSession };
+export { g as AssistantVoiceSession };

package/dist/shared/assistant/ui/voice/VoiceStage.d.ts

@@ -48,6 +48,14 @@ interface Props {
         chunks: string[];
         index: number;
     } | null;
+    /**
+     * BOFF-10180: the Quick assistant window's stage. Nothing sits in its corners, so
+     * the side reserve the docked and full stages keep for them is not kept: the
+     * column is the whole 360 px less its padding. Absent: as before.
+     */
+    compact?: boolean;
+    /** With `compact`: the control drawn in place of `control` (named buttons, not the orb). */
+    compactControl?: ReactNode;
 }
 export declare const VoiceStage: FC<Props>;
 export {};