@burdenoff/fe-libs 2026.1007.5 → 2026.1008.1

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

@@ -17,242 +17,251 @@ import { useCallback as s, useEffect as c, useMemo as me, useRef as l, useState
 import { Maximize2 as he, Minimize2 as ge, ScrollText as _e, 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: h = null, privacyNotice: g = null, spoken: _, onInterrupt: Ce, onToggleMute: v, attachments: y = [], onAttachFiles: b, onRemoveAttachment: we, onRetryAttachment: Te, canAttachMore: Ee = !0, preparingAttachments: x = 0, spokenChunks: S = null, onEnd: C, capturing: De = !0, interrupting: Oe = !1, awaitingEndpoint: ke = !1, holding: w = !1, correcting: Ae = !1, onLetMeFinish: T, onImDone: E, proposalChip: D = null, proposalTray: O = null }) => {
-	let k = n(), { muted: A, error: j } = m, M = l(null), N = l(null), [P, F] = u("mini"), I = P === "full", L = P === "mini", R = P === "mini" ? "panel" : P === "panel" ? "full" : "mini", [z, B] = u(!1);
-	t("assistant.transcript", me(() => ({ run: () => z ? { status: "already" } : (B(!0), { status: "done" }) }), [z]));
-	let V = O !== null && !L, H = l(!1), U = l(v);
-	U.current = v;
-	let W = s(() => {
-		m.phase !== "listening" && m.phase !== "thinking" || A || H.current || o(m) || (H.current = !0, U.current());
-	}, [A, m]), G = s(() => {
-		H.current && (H.current = !1, U.current());
-	}, []), je = W;
+var m = ({ session: m, turns: be = [], onSaveTranscript: xe, onContinueInChat: Se, notice: h = null, privacyNotice: g = null, spoken: _, onInterrupt: Ce, onToggleMute: v, attachments: y = [], onAttachFiles: b, onRemoveAttachment: we, onRetryAttachment: Te, canAttachMore: Ee = !0, preparingAttachments: x = 0, attachmentsLocked: S = !1, attachmentNotice: C = null, spokenChunks: w = null, onEnd: T, capturing: De = !0, interrupting: Oe = !1, awaitingEndpoint: ke = !1, holding: E = !1, correcting: Ae = !1, onLetMeFinish: D, onImDone: O, proposalChip: k = null, proposalTray: A = null, renderAfterTurn: je }) => {
+	let j = n(), { muted: M, error: N } = m, P = l(null), F = l(null), [I, L] = u("mini"), R = I === "full", z = I === "mini", B = I === "mini" ? "panel" : I === "panel" ? "full" : "mini", [V, H] = u(!1);
+	t("assistant.transcript", me(() => ({ 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());
+	}, []), Me = K;
 	c(() => {
 		let e = () => {
-			document.visibilityState === "hidden" ? W() : G();
+			document.visibilityState === "hidden" ? K() : q();
 		};
 		return document.addEventListener("visibilitychange", e), () => document.removeEventListener("visibilitychange", e);
-	}, [W, G]), c(() => {
-		let e = G;
+	}, [K, q]), c(() => {
+		let e = q;
 		return window.addEventListener("focus", e), () => {
-			window.removeEventListener("focus", e), H.current = !1;
+			window.removeEventListener("focus", e), W.current = !1;
 		};
 	}, []), c(() => {
-		document.activeElement?.closest("[data-hands-free-notice]") || M.current?.focus();
-	}, []), e(N, { 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({
 					defaultPrevented: e.defaultPrevented,
 					layerAbove: de({
 						target: e.target,
-						session: N.current,
+						session: F.current,
 						doc: document
 					}),
-					transcriptOpen: z
+					transcriptOpen: V
 				});
 				if (t === "ignore") return;
-				e.preventDefault(), t === "close-transcript" ? B(!1) : g ? g.decline() : V ? O?.onClose() : C();
+				e.preventDefault(), t === "close-transcript" ? H(!1) : g ? g.decline() : U ? A?.onClose() : T();
 				return;
 			}
-			if (e.key !== "Tab" || !I) return;
-			let t = (z ? N.current?.querySelector("[data-testid=\"assistant-voice-transcript\"]") : N.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);
 	}, [
-		C,
-		I,
-		z,
+		T,
+		R,
 		V,
-		O,
+		U,
+		A,
 		g
 	]);
-	let K = h !== null && j === null, q = o(m), J = T && E && m.phase === "listening" && !A && j === null ? {
-		letMeFinish: T,
-		imDone: E
-	} : null, Y = J !== null;
+	let J = h !== null && N === null, Y = o(m), X = D && O && m.phase === "listening" && !M && N === null ? {
+		letMeFinish: D,
+		imDone: O
+	} : null, Ne = X !== null;
 	c(() => {
-		if (Y) return;
+		if (Ne) return;
 		let e = document.activeElement;
-		(!e || e === document.body) && M.current?.focus();
-	}, [Y]);
-	let X = i({
+		(!e || e === document.body) && P.current?.focus();
+	}, [Ne]);
+	let Z = i({
 		snapshot: m,
 		capturing: De,
 		interrupting: Oe,
 		awaitingEndpoint: ke
-	}), Me = (() => {
-		switch (X) {
-			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");
+	}), Pe = (() => {
+		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");
 			case "mic-error":
 			case "ended": return "";
-			case "listening": return A ? k("voiceSession.muted", "Microphone off") : k("voiceSession.listening", "Listening…");
-			default: return X;
+			case "listening": return M ? j("voiceSession.muted", "Microphone off") : j("voiceSession.listening", "Listening…");
+			default: return Z;
 		}
-	})(), Z = !A && (X === "listening" || X === "endpoint-grace"), Q = Z && w ? k("voiceSession.holding", "Take your time — tap “I’m done” when you finish") : Z && Ae ? k("voiceSession.correcting", "Stopped that answer — listening to your correction") : Me, $ = ne({
-		tr: k,
-		stage: X,
-		muted: A,
-		label: Q
-	}), Ne = te(Q, $), Pe = X === "thinking";
+	})(), Fe = !M && (Z === "listening" || Z === "endpoint-grace"), Ie = Fe && E ? j("voiceSession.holding", "Take your time — tap “I’m done” when you finish") : Fe && Ae ? j("voiceSession.correcting", "Stopped that answer — listening to your correction") : Pe, Q = ne({
+		tr: j,
+		stage: Z,
+		muted: M,
+		label: Ie
+	}), Le = te(Ie, Q), $ = Z === "thinking";
 	return /* @__PURE__ */ p("div", {
-		ref: N,
-		className: `flex flex-col items-center justify-between bg-bg-sunken ${P === "full" ? "fixed inset-x-0 bottom-0 top-14 z-[60] px-6 py-8" : P === "panel" ? "absolute inset-0 z-20 px-4 py-6" : "absolute inset-x-0 bottom-0 z-20 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 ${I === "full" ? "fixed inset-x-0 bottom-0 top-14 z-[60] px-6 py-8" : I === "panel" ? "absolute inset-0 z-20 px-4 py-6" : "absolute inset-x-0 bottom-0 z-20 h-[11.25rem] border-t border-border-subtle px-3 py-3 shadow-lg"}`,
 		role: "dialog",
-		"aria-modal": I || void 0,
-		"aria-label": k("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: M,
+				ref: P,
 				type: "button",
-				onClick: C,
-				className: `absolute ${I ? "right-6 top-6 h-14 gap-2 px-5 text-base" : L ? "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: k("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: I ? "size-6" : L ? "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 ${L ? "max-w-[3.5rem] text-xs" : "max-w-[7rem]"}`,
-					children: k("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__ */ f("div", {
-				className: `flex flex-col items-center ${L ? "px-3" : `min-h-[1.5rem] ${K ? I ? "pt-14" : "pt-10" : ""}`}`,
-				children: K ? /* @__PURE__ */ f("p", {
+			/* @__PURE__ */ p("div", {
+				className: `flex flex-col items-center ${z ? "px-3" : `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(h, k)
-				}) : null
+					children: ve(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]
 			}),
 			(() => {
 				let e = /* @__PURE__ */ f(se, {
 					session: m,
-					compact: L,
-					connecting: X === "connecting",
-					onPress: r(X) ? Ce : v,
-					label: r(X) ? k("voiceSession.interrupt", "Stop the assistant and speak") : A ? k("voiceSession.unmute", "Turn the microphone on") : k("voiceSession.mute", "Turn the microphone off")
-				}), t = J ? /* @__PURE__ */ f("button", {
+					compact: z,
+					connecting: Z === "connecting",
+					onPress: r(Z) ? Ce : 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: w ? J.imDone : J.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 ${L ? "h-7 px-3 text-xs" : I ? "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 ? k("voiceSession.imDoneHint", "Send what you said now") : k("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": w ? "true" : "false",
-					children: w ? k("voiceSession.imDone", "I’m done") : k("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(X) ? _ : q || null, a = j === null ? null : ye(j, k);
-				return L ? /* @__PURE__ */ f(ce, {
-					spokenChunks: S,
-					state: X,
+				}) : e, i = ee(Z) ? _ : Y || null, a = N === null ? null : ye(N, j);
+				return z ? /* @__PURE__ */ f(ce, {
+					spokenChunks: w,
+					state: Z,
 					caption: i,
-					statusText: Ne,
-					statusSuffix: $,
-					rotateStatus: Pe,
+					statusText: Le,
+					statusSuffix: Q,
+					rotateStatus: $,
 					errorText: a,
 					control: n
 				}) : /* @__PURE__ */ f(le, {
-					state: X,
-					userCaption: q || null,
-					spokenChunks: S,
+					state: Z,
+					userCaption: Y || null,
+					spokenChunks: w,
 					assistantCaption: _,
-					expanded: I,
-					statusText: Ne,
-					statusSuffix: $,
-					rotateStatus: Pe,
+					expanded: R,
+					statusText: Le,
+					statusSuffix: Q,
+					rotateStatus: $,
 					errorText: a,
 					control: n
 				});
 			})(),
-			D && !V ? /* @__PURE__ */ f("div", {
-				className: L ? "absolute left-20 right-36 top-2 flex justify-center" : `flex w-full justify-center ${I ? "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: () => {
-						F("panel"), D.onOpen();
+						L("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 ${L ? "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: D.label
+					children: k.label
 				})
 			}) : null,
-			O && V ? /* @__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 ${I ? "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: O.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": O.closeLabel,
+						"aria-label": A.closeLabel,
 						"data-testid": "assistant-voice-proposal-tray-close",
 						children: /* @__PURE__ */ f(d, {
 							className: "size-4",
 							"aria-hidden": "true"
 						})
 					})
-				}), O.content]
+				}), A.content]
 			}) : null,
 			g ? /* @__PURE__ */ f(pe, {
-				view: P,
+				view: I,
 				onContinue: g.accept,
 				onNotNow: g.decline
 			}) : null,
-			z ? /* @__PURE__ */ f(ue, {
+			V ? /* @__PURE__ */ f(ue, {
 				turns: be,
-				onClose: () => B(!1),
+				onClose: () => H(!1),
 				onSave: xe,
-				onContinueInChat: Se
+				onContinueInChat: Se,
+				renderAfterTurn: je
 			}) : null,
 			b ? /* @__PURE__ */ f("div", {
-				className: `absolute ${I ? "left-6 top-6" : L ? "left-11 top-2" : "left-3 top-3"}`,
+				className: `absolute ${R ? "left-6 top-6" : z ? "left-11 top-2" : "left-3 top-3"}`,
 				children: /* @__PURE__ */ f(re, {
 					onFiles: (e) => {
-						b(e), F((e) => e === "mini" ? "panel" : e);
+						b(e), L((e) => e === "mini" ? "panel" : e);
 					},
-					onPickerOpen: je,
+					onPickerOpen: Me,
 					direction: "down",
-					canAddMore: Ee
+					canAddMore: Ee,
+					disabled: S
 				})
 			}) : null,
-			(y.length > 0 || x > 0) && !L ? /* @__PURE__ */ f("div", {
-				className: `absolute ${I ? "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: y,
 					onRemove: we ?? (() => void 0),
 					onRetry: Te ?? (() => void 0),
-					preparingCount: x
+					preparingCount: x,
+					disabled: S
 				})
 			}) : null,
 			/* @__PURE__ */ f("button", {
 				type: "button",
-				onClick: () => B((e) => !e),
-				className: `absolute ${I ? "bottom-6 right-6 size-14" : L ? "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": z,
-				"aria-label": k("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: I ? "size-6" : L ? "size-4" : "size-5" })
+				children: /* @__PURE__ */ f(_e, { className: R ? "size-6" : z ? "size-4" : "size-5" })
 			}),
 			/* @__PURE__ */ f("button", {
 				type: "button",
-				onClick: () => F(R),
-				className: `absolute ${I ? "bottom-6 left-6 size-14" : L ? "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": R === "panel" ? k("voiceSession.expandPanel", "Show the conversation in the panel") : R === "full" ? k("voiceSession.expand", "Expand the conversation to full screen") : k("voiceSession.collapse", "Shrink to the compact controller"),
+				onClick: () => L(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: I ? /* @__PURE__ */ f(ge, { className: "size-5" }) : /* @__PURE__ */ f(he, { className: L ? "size-4" : "size-5" })
+				children: R ? /* @__PURE__ */ f(ge, { className: "size-5" }) : /* @__PURE__ */ f(he, { className: z ? "size-4" : "size-5" })
 			})
 		]
 	});

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

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import { FC, ReactNode } from 'react';
 import { VoiceTranscriptTurn } from '../../voice/turnVisibility';
 /**
  * The voice conversation, as a normal chat.
@@ -32,6 +32,11 @@ interface Props {
      * leading group rather than being scattered one divider apart.
      */
     turns: ReadonlyArray<VoiceTranscriptTurn>;
+    /**
+     * ★ BOFF-8060 (N3): drawn under one ASSISTANT turn's text — the page the
+     * model offered in that voice turn. Absent, or null for a turn, nothing is.
+     */
+    renderAfterTurn?: (turnId: string) => ReactNode;
 }
 export declare const VoiceConversationView: FC<Props>;
 export {};

package/dist/shared/assistant/ui/voice/VoiceConversationView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VoiceConversationView.d.ts","sourceRoot":"","sources":["../../../../../src/shared/assistant/ui/voice/VoiceConversationView.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAW,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,EAEL,KAAK,mBAAmB,EACzB,MAAM,4BAA4B,CAAC;AAGpC;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAEH,UAAU,KAAK;IACb;;;;;;OAMG;IACH,KAAK,EAAE,aAAa,CAAC,mBAAmB,CAAC,CAAC;CAC3C;AAED,eAAO,MAAM,qBAAqB,EAAE,EAAE,CAAC,KAAK,CAwE3C,CAAC"}
+{"version":3,"file":"VoiceConversationView.d.ts","sourceRoot":"","sources":["../../../../../src/shared/assistant/ui/voice/VoiceConversationView.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAW,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzD,OAAO,EAEL,KAAK,mBAAmB,EACzB,MAAM,4BAA4B,CAAC;AAGpC;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAEH,UAAU,KAAK;IACb;;;;;;OAMG;IACH,KAAK,EAAE,aAAa,CAAC,mBAAmB,CAAC,CAAC;IAC1C;;;OAGG;IACH,eAAe,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,SAAS,CAAC;CACjD;AAED,eAAO,MAAM,qBAAqB,EAAE,EAAE,CAAC,KAAK,CA4E3C,CAAC"}

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

@@ -4,18 +4,18 @@ import { groupConsecutiveBySession as n } from "../../voice/turnVisibility.js";
 import { useMemo as r } from "react";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 //#region src/shared/assistant/ui/voice/VoiceConversationView.tsx
-var o = ({ turns: o }) => {
-	let s = e(), c = r(() => n(o, (e) => e.sessionId), [o]);
+var o = ({ turns: o, renderAfterTurn: s }) => {
+	let c = e(), l = r(() => n(o, (e) => e.sessionId), [o]);
 	return o.length === 0 ? /* @__PURE__ */ i("div", {
 		className: "flex flex-1 items-center justify-center px-6",
 		children: /* @__PURE__ */ i("p", {
 			className: "text-center text-sm text-text-muted",
-			children: s("voiceSession.transcriptEmpty", "Nothing spoken yet in this session.")
+			children: c("voiceSession.transcriptEmpty", "Nothing spoken yet in this session.")
 		})
 	}) : /* @__PURE__ */ i("div", {
 		className: "scrollbar-slim flex-1 overflow-y-auto px-4 py-4",
 		"data-testid": "assistant-voice-conversation",
-		children: c.map((e, n) => /* @__PURE__ */ a("section", {
+		children: l.map((e, n) => /* @__PURE__ */ a("section", {
 			className: "space-y-4 pb-4",
 			children: [n > 0 ? /* @__PURE__ */ a("div", {
 				className: "flex items-center gap-2 pt-2",
@@ -24,7 +24,7 @@ var o = ({ turns: o }) => {
 					/* @__PURE__ */ i("span", { className: "h-px flex-1 bg-border-subtle" }),
 					/* @__PURE__ */ i("span", {
 						className: "text-[11px] uppercase tracking-wide text-text-muted",
-						children: s("voiceSession.newSession", "New voice session")
+						children: c("voiceSession.newSession", "New voice session")
 					}),
 					/* @__PURE__ */ i("span", { className: "h-px flex-1 bg-border-subtle" })
 				]
@@ -34,9 +34,9 @@ var o = ({ turns: o }) => {
 					className: "max-w-[85%] whitespace-pre-wrap break-words rounded-2xl bg-bg-elevated px-3 py-2 text-sm leading-relaxed text-text-primary",
 					children: e.text
 				})
-			}, e.id) : /* @__PURE__ */ i("div", {
+			}, e.id) : /* @__PURE__ */ a("div", {
 				className: "text-sm leading-relaxed text-text-secondary",
-				children: /* @__PURE__ */ i(t, { content: e.text })
+				children: [/* @__PURE__ */ i(t, { content: e.text }), s?.(e.id)]
 			}, e.id))]
 		}, `${e.sessionId ?? "earlier"}-${n}`))
 	});

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

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import { FC, ReactNode } from 'react';
 import { VoiceTranscriptTurn } from '../../voice/turnVisibility';
 /**
  * This session's spoken turns, on demand.
@@ -56,6 +56,11 @@ interface Props {
     onShowEarlier?: () => void;
     /** A page is being read: the control waits. */
     showEarlierDisabled?: boolean;
+    /**
+     * ★ BOFF-8060 (N3): what goes under one assistant turn — the page the model
+     * offered in that VOICE turn. Never the chat thread's offers (rule 4).
+     */
+    renderAfterTurn?: (turnId: string) => ReactNode;
 }
 export declare const VoiceTranscriptDrawer: FC<Props>;
 export {};

package/dist/shared/assistant/ui/voice/VoiceTranscriptDrawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VoiceTranscriptDrawer.d.ts","sourceRoot":"","sources":["../../../../../src/shared/assistant/ui/voice/VoiceTranscriptDrawer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAOnD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAEtE;;;;;;;;;;;;;;;;;;GAkBG;AAEH,UAAU,KAAK;IACb,KAAK,EAAE,aAAa,CAAC,mBAAmB,CAAC,CAAC;IAC1C,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,8EAA8E;IAC9E,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB;;;;;;;;;;;;OAYG;IACH,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B;;;;;;;OAOG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;;;OAKG;IACH,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,+CAA+C;IAC/C,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAED,eAAO,MAAM,qBAAqB,EAAE,EAAE,CAAC,KAAK,CAoJ3C,CAAC"}
+{"version":3,"file":"VoiceTranscriptDrawer.d.ts","sourceRoot":"","sources":["../../../../../src/shared/assistant/ui/voice/VoiceTranscriptDrawer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAOnE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAEtE;;;;;;;;;;;;;;;;;;GAkBG;AAEH,UAAU,KAAK;IACb,KAAK,EAAE,aAAa,CAAC,mBAAmB,CAAC,CAAC;IAC1C,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,8EAA8E;IAC9E,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB;;;;;;;;;;;;OAYG;IACH,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B;;;;;;;OAOG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;;;OAKG;IACH,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,+CAA+C;IAC/C,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;;OAGG;IACH,eAAe,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,SAAS,CAAC;CACjD;AAED,eAAO,MAAM,qBAAqB,EAAE,EAAE,CAAC,KAAK,CAqJ3C,CAAC"}

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

@@ -7,21 +7,21 @@ import { useEffect as o, useRef as s } from "react";
 import { ArrowRight as c, Download as l, X as u } from "lucide-react";
 import { jsx as d, jsxs as f } from "react/jsx-runtime";
 //#region src/shared/assistant/ui/voice/VoiceTranscriptDrawer.tsx
-var p = ({ turns: p, onClose: m, onSave: h, onContinueInChat: g, closeOnEscape: _ = !1, onShowEarlier: v, showEarlierDisabled: y = !1 }) => {
-	let b = t(), x = s(null);
-	return e(x, { fallbackSelector: `[${n}]` }), o(() => {
+var p = ({ turns: p, onClose: m, onSave: h, onContinueInChat: g, closeOnEscape: _ = !1, onShowEarlier: v, showEarlierDisabled: y = !1, renderAfterTurn: b }) => {
+	let x = t(), S = s(null);
+	return e(S, { fallbackSelector: `[${n}]` }), o(() => {
 		if (!_) return;
 		let e = (e) => {
 			if (e.key !== "Escape" || document.querySelector("[role=\"alertdialog\"]")) return;
-			let t = x.current?.closest(`[${n}]`), i = document.activeElement;
+			let t = S.current?.closest(`[${n}]`), i = document.activeElement;
 			r(t ?? null, i) && (e.preventDefault(), e.stopPropagation(), m());
 		};
 		return document.addEventListener("keydown", e, !0), () => document.removeEventListener("keydown", e, !0);
 	}, [_, m]), /* @__PURE__ */ f("div", {
-		ref: x,
+		ref: S,
 		className: "absolute inset-0 z-30 flex flex-col bg-bg-sunken/95 backdrop-blur-sm",
 		role: "dialog",
-		"aria-label": b("voiceSession.transcriptTitle", "Voice transcript"),
+		"aria-label": x("voiceSession.transcriptTitle", "Voice transcript"),
 		"data-testid": "assistant-voice-transcript",
 		children: [
 			/* @__PURE__ */ f("div", {
@@ -30,16 +30,16 @@ var p = ({ turns: p, onClose: m, onSave: h, onContinueInChat: g, closeOnEscape:
 					className: "min-w-0",
 					children: [/* @__PURE__ */ d("h2", {
 						className: "text-sm font-semibold text-text-primary",
-						children: b("voiceSession.transcript", "Voice conversation")
+						children: x("voiceSession.transcript", "Voice conversation")
 					}), /* @__PURE__ */ d("p", {
 						className: "truncate text-xs text-text-muted",
-						children: b("voiceSession.transcriptHint", "Spoken turns in this conversation — kept out of your typed chat.")
+						children: x("voiceSession.transcriptHint", "Spoken turns in this conversation — kept out of your typed chat.")
 					})]
 				}), /* @__PURE__ */ d("button", {
 					type: "button",
 					onClick: m,
 					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": b("voiceSession.transcriptClose", "Close the transcript"),
+					"aria-label": x("voiceSession.transcriptClose", "Close the transcript"),
 					"data-testid": "assistant-voice-transcript-close",
 					children: /* @__PURE__ */ d(u, { className: "size-4" })
 				})]
@@ -48,7 +48,10 @@ var p = ({ turns: p, onClose: m, onSave: h, onContinueInChat: g, closeOnEscape:
 				onShowEarlier: v,
 				disabled: y
 			}) : null,
-			/* @__PURE__ */ d(i, { turns: p }),
+			/* @__PURE__ */ d(i, {
+				turns: p,
+				renderAfterTurn: b
+			}),
 			(h || g) && p.length > 0 ? /* @__PURE__ */ f("div", {
 				className: "flex items-center justify-end gap-2 border-t border-border-subtle px-4 py-3",
 				children: [h ? /* @__PURE__ */ f("button", {
@@ -59,13 +62,13 @@ var p = ({ turns: p, onClose: m, onSave: h, onContinueInChat: g, closeOnEscape:
 					children: [/* @__PURE__ */ d(l, {
 						className: "size-3.5",
 						"aria-hidden": "true"
-					}), b("voiceSession.save", "Save transcript")]
+					}), x("voiceSession.save", "Save transcript")]
 				}) : null, g ? /* @__PURE__ */ f("button", {
 					type: "button",
 					onClick: g,
 					className: "flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-3 py-1.5 text-xs font-medium text-action-primary-fg transition-opacity hover:opacity-90 focus:outline-none focus-visible:ring-2 focus-visible:ring-border-strong",
 					"data-testid": "assistant-voice-continue-in-chat",
-					children: [b("voiceSession.continueInChat", "Continue in chat"), /* @__PURE__ */ d(c, {
+					children: [x("voiceSession.continueInChat", "Continue in chat"), /* @__PURE__ */ d(c, {
 						className: "size-3.5",
 						"aria-hidden": "true"
 					})]