@burdenoff/fe-libs 2026.1013.9 → 2026.1013.11

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

@@ -18,256 +18,267 @@ import { useCallback as s, useEffect as c, useMemo as he, useRef as l, useState
 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: 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;
+var m = ({ session: m, turns: be = [], onSaveTranscript: xe, onContinueInChat: Se, notice: g = null, privacyNotice: _ = null, spoken: v, onInterrupt: Ce, onToggleMute: y, attachments: b = [], onAttachFiles: x, onRemoveAttachment: we, onRetryAttachment: Te, canAttachMore: Ee = !0, preparingAttachments: S = 0, attachmentsLocked: C = !1, attachmentNotice: w = null, spokenChunks: T = null, onEnd: E, capturing: De = !0, interrupting: Oe = !1, awaitingEndpoint: ke = !1, holding: D = !1, correcting: Ae = !1, onLetMeFinish: O, onImDone: k, proposalChip: A = null, proposalTray: j = null, renderAfterTurn: je }) => {
+	let M = n(), { muted: N, error: P } = m, F = l(null), I = l(null), [Me, L] = u("mini"), R = ce(Me, m.phase === "ended"), z = R === "full", B = R === "mini", V = R === "mini" ? "panel" : R === "panel" ? "full" : "mini", [H, U] = u(!1);
+	t("assistant.transcript", he(() => ({ run: () => H ? { status: "already" } : (U(!0), { status: "done" }) }), [H]));
+	let W = j !== null && !B, G = l(!1), K = l(y);
+	K.current = y;
+	let q = s(() => {
+		m.phase !== "listening" && m.phase !== "thinking" || N || G.current || o(m) || (G.current = !0, K.current());
+	}, [N, m]), J = s(() => {
+		G.current && (G.current = !1, K.current());
+	}, []), Ne = q;
 	c(() => {
 		let e = () => {
-			document.visibilityState === "hidden" ? K() : q();
+			document.visibilityState === "hidden" ? q() : J();
 		};
 		return document.addEventListener("visibilitychange", e), () => document.removeEventListener("visibilitychange", e);
-	}, [K, q]), c(() => {
-		let e = q;
+	}, [q, J]), c(() => {
+		let e = J;
 		return window.addEventListener("focus", e), () => {
-			window.removeEventListener("focus", e), W.current = !1;
+			window.removeEventListener("focus", e), G.current = !1;
 		};
 	}, []), c(() => {
-		document.activeElement?.closest("[data-hands-free-notice]") || P.current?.focus();
-	}, []), e(F, { fallbackSelector: `[${ae}]` }), c(() => {
+		document.activeElement?.closest("[data-hands-free-notice]") || F.current?.focus();
+	}, []), e(I, { fallbackSelector: `[${ae}]` }), c(() => {
 		let e = (e) => {
 			if (e.key === "Escape") {
 				let t = pe({
 					defaultPrevented: e.defaultPrevented,
 					layerAbove: fe({
 						target: e.target,
-						session: F.current,
+						session: I.current,
 						doc: document
 					}),
-					transcriptOpen: V
+					transcriptOpen: H
 				});
 				if (t === "ignore") return;
-				e.preventDefault(), t === "close-transcript" ? H(!1) : g ? g.decline() : U ? A?.onClose() : T();
+				e.preventDefault(), t === "close-transcript" ? U(!1) : _ ? _.decline() : W ? j?.onClose() : E();
 				return;
 			}
-			if (e.key !== "Tab" || !R) return;
-			let t = (V ? F.current?.querySelector("[data-testid=\"assistant-voice-transcript\"]") : F.current)?.querySelectorAll("button:not([disabled])");
+			if (e.key !== "Tab" || !z) return;
+			let t = (H ? I.current?.querySelector("[data-testid=\"assistant-voice-transcript\"]") : I.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);
 	}, [
-		T,
-		R,
-		V,
-		U,
-		A,
-		g
+		E,
+		z,
+		H,
+		W,
+		j,
+		_
 	]);
-	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;
+	let Y = g !== null && P === null, X = o(m), Z = O && k && m.phase === "listening" && !N && P === null ? {
+		letMeFinish: O,
+		imDone: k
+	} : null, Pe = Z !== null;
 	c(() => {
-		if (Fe) return;
+		if (Pe) return;
 		let e = document.activeElement;
-		(!e || e === document.body) && P.current?.focus();
-	}, [Fe]);
-	let Z = i({
+		(!e || e === document.body) && F.current?.focus();
+	}, [Pe]);
+	let Q = i({
 		snapshot: m,
-		capturing: Oe,
-		interrupting: ke,
-		awaitingEndpoint: Ae
-	}), Ie = (() => {
-		switch (Z) {
-			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");
+		capturing: De,
+		interrupting: Oe,
+		awaitingEndpoint: ke
+	}), Fe = (() => {
+		switch (Q) {
+			case "connecting": return M("voiceSession.connecting", "Starting the microphone…");
+			case "endpoint-grace": return M("voiceSession.endpointGrace", "Still listening — take your time");
+			case "interrupting": return M("voiceSession.interrupting", "Stopped — go ahead");
+			case "thinking": return M(a.key, a.fallback);
+			case "speaking": return M("voiceSession.speaking", "Speaking — tap to stop");
 			case "mic-error":
 			case "ended": return "";
-			case "listening": return M ? j("voiceSession.muted", "Microphone off") : j("voiceSession.listening", "Listening…");
-			default: return Z;
+			case "listening": return N ? M("voiceSession.muted", "Microphone off") : M("voiceSession.listening", "Listening…");
+			default: return Q;
 		}
-	})(), 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: M,
-		label: Re
-	}), ze = te(Re, Q), $ = Z === "thinking";
+	})(), Ie = !N && (Q === "listening" || Q === "endpoint-grace"), Le = Ie && D ? M("voiceSession.holding", "Take your time — tap “I’m done” when you finish") : Ie && Ae ? M("voiceSession.correcting", "Stopped that answer — listening to your correction") : Fe, $ = ne({
+		tr: M,
+		stage: Q,
+		muted: N,
+		label: Le
+	}), Re = te(Le, $), ze = Q === "thinking";
 	return /* @__PURE__ */ p("div", {
-		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"}`,
+		ref: I,
+		className: `flex flex-col items-center justify-between bg-bg-sunken ${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": R || void 0,
-		"aria-label": j("voiceSession.title", "Voice conversation"),
+		"aria-modal": z || void 0,
+		"aria-label": M("voiceSession.title", "Voice conversation"),
 		"data-testid": "assistant-voice-session",
 		[oe]: "",
 		children: [
 			/* @__PURE__ */ p("button", {
-				ref: P,
+				ref: F,
 				type: "button",
-				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"),
+				onClick: E,
+				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: M("voiceSession.end", "End the voice conversation"),
 				"data-testid": "assistant-voice-end",
 				children: [/* @__PURE__ */ f(d, {
-					className: R ? "size-6" : z ? "size-4" : "size-5",
+					className: z ? "size-6" : B ? "size-4" : "size-5",
 					"aria-hidden": "true"
 				}), /* @__PURE__ */ f("span", {
-					className: `truncate whitespace-nowrap font-medium ${z ? "max-w-[3.5rem] text-xs" : "max-w-[7rem]"}`,
-					children: j("voiceSession.endShort", "End")
+					className: `truncate whitespace-nowrap font-medium ${B ? "max-w-[3.5rem] text-xs" : "max-w-[7rem]"}`,
+					children: M("voiceSession.endShort", "End")
 				})]
 			}),
 			/* @__PURE__ */ p("div", {
-				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: 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: C
-				}) : null]
+				className: `flex flex-col items-center ${B ? `px-3 ${Y || w ? "pt-9 pb-2" : ""}` : `min-h-[1.5rem] ${Y || w ? z ? "pt-14" : "pt-10" : ""}`}`,
+				children: [
+					Y ? /* @__PURE__ */ f("p", {
+						className: "max-w-xs text-center text-xs text-status-warning",
+						"data-testid": "assistant-voice-notice",
+						children: h(g, M)
+					}) : null,
+					/* @__PURE__ */ f("span", {
+						className: "sr-only start-0 top-0",
+						role: "status",
+						"aria-live": "polite",
+						"aria-atomic": "true",
+						"data-testid": "assistant-voice-notice-announced",
+						children: Y && g === "reply-not-heard" ? h(g, M) : null
+					}),
+					w ? /* @__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: w
+					}) : null
+				]
 			}),
 			(() => {
 				let e = /* @__PURE__ */ f(se, {
 					session: m,
-					compact: z,
-					connecting: Z === "connecting",
-					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", {
+					compact: B,
+					connecting: Q === "connecting",
+					onPress: r(Q) ? Ce : y,
+					label: r(Q) ? M("voiceSession.interrupt", "Stop the assistant and speak") : N ? M("voiceSession.unmute", "Turn the microphone on") : M("voiceSession.mute", "Turn the microphone off")
+				}), t = Z ? /* @__PURE__ */ f("button", {
 					type: "button",
-					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”"),
+					onClick: D ? 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"} ${D ? "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: D ? M("voiceSession.imDoneHint", "Send what you said now") : M("voiceSession.letMeFinishHint", "Pause sending until you tap “I’m done”"),
 					"data-testid": "assistant-voice-hold",
-					"data-holding": E ? "true" : "false",
-					children: E ? j("voiceSession.imDone", "I’m done") : j("voiceSession.letMeFinish", "Let me finish")
+					"data-holding": D ? "true" : "false",
+					children: D ? M("voiceSession.imDone", "I’m done") : M("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) ? _ : Y || null, a = N === null ? null : be(N, j);
-				return z ? /* @__PURE__ */ f(le, {
-					spokenChunks: w,
-					state: Z,
+				}) : e, i = ee(Q) ? v : X || null, a = P === null ? null : ye(P, M);
+				return B ? /* @__PURE__ */ f(le, {
+					spokenChunks: T,
+					state: Q,
 					caption: i,
-					statusText: ze,
-					statusSuffix: Q,
-					rotateStatus: $,
+					statusText: Re,
+					statusSuffix: $,
+					rotateStatus: ze,
 					errorText: a,
 					control: n
 				}) : /* @__PURE__ */ f(ue, {
-					state: Z,
-					userCaption: Y || null,
-					spokenChunks: w,
-					assistantCaption: _,
-					expanded: R,
-					statusText: ze,
-					statusSuffix: Q,
-					rotateStatus: $,
+					state: Q,
+					userCaption: X || null,
+					spokenChunks: T,
+					assistantCaption: v,
+					expanded: z,
+					statusText: Re,
+					statusSuffix: $,
+					rotateStatus: ze,
 					errorText: a,
 					control: n
 				});
 			})(),
-			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)]"}`,
+			A && !W ? /* @__PURE__ */ f("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__ */ f("button", {
 					type: "button",
 					onClick: () => {
-						I("panel"), k.onOpen();
+						L("panel"), A.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 ${z ? "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 ${B ? "h-8 px-3 text-xs" : "h-10 px-4 text-sm"}`,
 					"data-testid": "assistant-voice-proposal-chip",
-					children: k.label
+					children: A.label
 				})
 			}) : null,
-			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"}`,
+			j && W ? /* @__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 ${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__ */ f("div", {
 					className: "flex justify-end",
 					children: /* @__PURE__ */ f("button", {
 						type: "button",
-						onClick: A.onClose,
+						onClick: j.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": A.closeLabel,
+						"aria-label": j.closeLabel,
 						"data-testid": "assistant-voice-proposal-tray-close",
 						children: /* @__PURE__ */ f(d, {
 							className: "size-4",
 							"aria-hidden": "true"
 						})
 					})
-				}), A.content]
+				}), j.content]
 			}) : null,
-			g ? /* @__PURE__ */ f(me, {
-				view: L,
-				onContinue: g.accept,
-				onNotNow: g.decline
+			_ ? /* @__PURE__ */ f(me, {
+				view: R,
+				onContinue: _.accept,
+				onNotNow: _.decline
 			}) : null,
-			V ? /* @__PURE__ */ f(de, {
-				turns: xe,
-				onClose: () => H(!1),
-				onSave: Se,
-				onContinueInChat: Ce,
-				renderAfterTurn: Me
+			H ? /* @__PURE__ */ f(de, {
+				turns: be,
+				onClose: () => U(!1),
+				onSave: xe,
+				onContinueInChat: Se,
+				renderAfterTurn: je
 			}) : null,
-			b ? /* @__PURE__ */ f("div", {
-				className: `absolute ${R ? "left-6 top-6" : z ? "left-11 top-2" : "left-3 top-3"}`,
+			x ? /* @__PURE__ */ f("div", {
+				className: `absolute ${z ? "left-6 top-6" : B ? "left-11 top-2" : "left-3 top-3"}`,
 				children: /* @__PURE__ */ f(re, {
 					onFiles: (e) => {
-						b(e), I((e) => e === "mini" ? "panel" : e);
+						x(e), L((e) => e === "mini" ? "panel" : e);
 					},
-					onPickerOpen: Pe,
+					onPickerOpen: Ne,
 					direction: "down",
-					canAddMore: De,
-					disabled: S
+					canAddMore: Ee,
+					disabled: C
 				})
 			}) : null,
-			(y.length > 0 || x > 0) && !z ? /* @__PURE__ */ f("div", {
-				className: `absolute ${R ? "bottom-24 left-24 right-24" : "bottom-16 left-16 right-16"}`,
+			(b.length > 0 || S > 0) && !B ? /* @__PURE__ */ f("div", {
+				className: `absolute ${z ? "bottom-24 left-24 right-24" : "bottom-16 left-16 right-16"}`,
 				"data-testid": "assistant-voice-attachments",
 				children: /* @__PURE__ */ f(ie, {
-					attachments: y,
-					onRemove: Te ?? (() => void 0),
-					onRetry: Ee ?? (() => void 0),
-					preparingCount: x,
-					disabled: S
+					attachments: b,
+					onRemove: we ?? (() => void 0),
+					onRetry: Te ?? (() => void 0),
+					preparingCount: S,
+					disabled: C
 				})
 			}) : null,
 			/* @__PURE__ */ f("button", {
 				type: "button",
-				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"),
+				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": M("voiceSession.transcriptTitle", "Voice transcript"),
 				"data-testid": "assistant-voice-transcript-toggle",
-				children: /* @__PURE__ */ f(ve, { className: R ? "size-6" : z ? "size-4" : "size-5" })
+				children: /* @__PURE__ */ f(ve, { className: z ? "size-6" : B ? "size-4" : "size-5" })
 			}),
 			/* @__PURE__ */ f("button", {
 				type: "button",
-				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"),
+				onClick: () => L(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" ? M("voiceSession.expandPanel", "Show the conversation in the panel") : V === "full" ? M("voiceSession.expand", "Expand the conversation to full screen") : M("voiceSession.collapse", "Shrink to the compact controller"),
 				"data-testid": "assistant-voice-expand",
-				children: R ? /* @__PURE__ */ f(_e, { className: "size-5" }) : /* @__PURE__ */ f(ge, { className: z ? "size-4" : "size-5" })
+				children: z ? /* @__PURE__ */ f(_e, { className: "size-5" }) : /* @__PURE__ */ f(ge, { className: B ? "size-4" : "size-5" })
 			})
 		]
 	});
 };
-function ye(e, t) {
+function h(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.");
@@ -275,10 +286,11 @@ function ye(e, t) {
 		case "nothing-heard": return t("voiceSession.noticeNothingHeard", "Nothing heard yet. Check your microphone is not muted or in use by another app.");
 		case "hands-free-nothing-heard": return t("voiceSession.noticeHandsFreeNothingHeard", "Stopped, but I did not catch that. Say it again, or tap to replay.");
 		case "hands-free-fallback": return t("voiceSession.noticeHandsFreeFallback", "Hands-free interrupt turned itself off for this conversation. Tap to interrupt still works.");
+		case "reply-not-heard": return t("voiceSession.noticeReplyNotHeard", "That reply was not read aloud: earlier audio may still be playing. Read it in the transcript.");
 		default: return e;
 	}
 }
-function be(e, t) {
+function ye(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.");