@burdenoff/fe-libs 2026.913.1 → 2026.914.1

package/dist/shared/assistant/ui/AssistantMessageList.js

@@ -3,36 +3,37 @@ import { AssistantMessageItem as t } from "./AssistantMessageItem.js";
 import { useEffect as n, useRef as r } from "react";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 //#region src/shared/assistant/ui/AssistantMessageList.tsx
-var o = ({ onApprovePendingWrite: o, approvingWriteRef: s = null, messages: c, streamingMessageId: l, failedMessageId: u, onRetry: d }) => {
-	let f = e(), p = (() => {
+var o = ({ onApprovePendingWrite: o, approvingWriteRef: s = null, messages: c, processing: l, streamingMessageId: u, failedMessageId: d, onRetry: f }) => {
+	let p = e(), m = (() => {
 		for (let e = c.length - 1; e >= 0; --e) if (c[e].role === "assistant") return c[e].id;
 		return null;
-	})(), m = r(null), h = r(null);
+	})(), h = r(null), g = r(null);
 	return n(() => {
-		let e = h.current;
+		let e = g.current;
 		if (e && e.scrollHeight - e.scrollTop - e.clientHeight < 100) {
 			let e = typeof window < "u" && window.matchMedia?.("(prefers-reduced-motion: reduce)").matches;
-			m.current?.scrollIntoView({ behavior: e ? "auto" : "smooth" });
+			h.current?.scrollIntoView({ behavior: e ? "auto" : "smooth" });
 		}
-	}, [c, l]), n(() => {
-		m.current?.scrollIntoView({ behavior: "instant" });
+	}, [c, u]), n(() => {
+		h.current?.scrollIntoView({ behavior: "instant" });
 	}, []), /* @__PURE__ */ a("div", {
-		ref: h,
+		ref: g,
 		className: "flex-1 space-y-4 overflow-y-auto p-3",
 		role: "log",
 		"aria-live": "polite",
 		"aria-relevant": "additions",
-		"aria-busy": l !== null,
-		"aria-label": f("messageList.ariaLabel", "Conversation messages"),
+		"aria-busy": u !== null,
+		"aria-label": p("messageList.ariaLabel", "Conversation messages"),
 		children: [c.map((e) => /* @__PURE__ */ i(t, {
 			onApprovePendingWrite: o,
 			approvingWriteRef: s,
 			message: e,
-			isStreaming: e.id === l,
-			isFailed: e.id === u,
-			isLastAssistant: e.id === p,
-			onRetry: d
-		}, e.id)), /* @__PURE__ */ i("div", { ref: m })]
+			processing: l,
+			isStreaming: e.id === u,
+			isFailed: e.id === d,
+			isLastAssistant: e.id === m,
+			onRetry: f
+		}, e.id)), /* @__PURE__ */ i("div", { ref: h })]
 	});
 };
 //#endregion

package/dist/shared/assistant/ui/AssistantMoreMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AssistantMoreMenu.d.ts","sourceRoot":"","sources":["../../../../src/shared/assistant/ui/AssistantMoreMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+B,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAiB7D;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,iBAAiB,EAAE,EAgM/B,CAAC"}
+{"version":3,"file":"AssistantMoreMenu.d.ts","sourceRoot":"","sources":["../../../../src/shared/assistant/ui/AssistantMoreMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+B,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAiB7D;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,iBAAiB,EAAE,EAqM/B,CAAC"}

package/dist/shared/assistant/ui/AssistantMoreMenu.js

@@ -10,7 +10,7 @@ import { Check as d, FileJson as f, FileText as p, MoreHorizontal as m, Play as
 import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
 //#region src/shared/assistant/ui/AssistantMoreMenu.tsx
 var b = () => {
-	let b = e(), [x, S] = u(!1), C = l(null), w = l(null), { conversations: T, activeConversationId: E } = t(), D = T.find((e) => e.id === E), O = !!(D && D.messages.length > 0), { isSupported: k, isBlocked: A, disabledReason: j, autoSpeakEnabled: M, setAutoSpeak: N, stop: P, previewVoice: F, activeVoiceName: I } = n(), L = A && !M;
+	let b = e(), [x, S] = u(!1), C = l(null), w = l(null), { conversations: T, activeConversationId: E, processingByConversationId: D } = t(), O = T.find((e) => e.id === E), k = !!(O && O.messages.length > 0), { isSupported: A, isBlocked: j, disabledReason: M, autoSpeakEnabled: N, setAutoSpeak: P, stop: F, previewVoice: I, activeVoiceName: L } = n(), R = j && !N;
 	i(x, C, w, () => S(!1)), c(() => {
 		if (!x) return;
 		let e = (e) => {
@@ -21,13 +21,16 @@ var b = () => {
 			document.removeEventListener("mousedown", e);
 		};
 	}, [x]);
-	let R = (e) => {
-		if (!D) return;
-		let { content: t, filename: n, mimeType: r } = s(D, e);
+	let z = (e) => {
+		if (!O) return;
+		let { content: t, filename: n, mimeType: r } = s(O, e, {
+			processing: D[O.id],
+			tr: b
+		});
 		o(t, n, r), S(!1);
-	}, z = () => {
-		M && P(), N(!M);
-	}, B = b("header.more", "More options");
+	}, B = () => {
+		N && F(), P(!N);
+	}, V = b("header.more", "More options");
 	return /* @__PURE__ */ y("div", {
 		className: "relative",
 		children: [/* @__PURE__ */ v("button", {
@@ -35,7 +38,7 @@ var b = () => {
 			type: "button",
 			onClick: () => S((e) => !e),
 			className: "rounded p-1 transition-colors hover:bg-bg-elevated",
-			"aria-label": B,
+			"aria-label": V,
 			"aria-haspopup": "menu",
 			"aria-expanded": x,
 			"data-testid": "assistant-more",
@@ -43,17 +46,17 @@ var b = () => {
 		}), x ? /* @__PURE__ */ y("div", {
 			ref: C,
 			role: "menu",
-			"aria-label": B,
+			"aria-label": V,
 			className: "absolute right-0 top-full z-50 mt-1 min-w-56 overflow-hidden rounded-xl border border-border-default bg-bg-surface py-1 shadow-lg",
 			"data-testid": "assistant-more-menu",
 			children: [
-				k ? /* @__PURE__ */ y("button", {
+				A ? /* @__PURE__ */ y("button", {
 					type: "button",
 					role: "menuitemcheckbox",
-					"aria-checked": M,
-					onClick: z,
-					disabled: L,
-					title: L ? j ?? void 0 : void 0,
+					"aria-checked": N,
+					onClick: B,
+					disabled: R,
+					title: R ? M ?? void 0 : void 0,
 					className: "flex w-full items-center gap-2.5 px-3 py-2 text-left text-xs text-text-primary transition-colors hover:bg-bg-elevated disabled:cursor-not-allowed disabled:text-text-muted disabled:hover:bg-transparent",
 					"data-testid": "assistant-auto-speak",
 					children: [
@@ -65,16 +68,16 @@ var b = () => {
 							className: "flex-1",
 							children: b("header.autoRead", "Auto-read replies")
 						}),
-						M ? /* @__PURE__ */ v(d, { className: "size-3.5 flex-shrink-0 text-action-primary-bg" }) : null
+						N ? /* @__PURE__ */ v(d, { className: "size-3.5 flex-shrink-0 text-action-primary-bg" }) : null
 					]
 				}) : null,
 				/* @__PURE__ */ v(r, {}),
 				/* @__PURE__ */ y("div", {
 					className: "flex items-center gap-1 px-3 py-1.5",
 					"data-testid": "assistant-more-voice",
-					children: [/* @__PURE__ */ v(a, {}), I ? /* @__PURE__ */ y("button", {
+					children: [/* @__PURE__ */ v(a, {}), L ? /* @__PURE__ */ y("button", {
 						type: "button",
-						onClick: () => F(I),
+						onClick: () => I(L),
 						className: "flex items-center gap-1 rounded-md px-1.5 py-1 text-[11px] text-text-muted transition-colors hover:bg-bg-elevated hover:text-text-secondary focus:outline-none focus-visible:ring-2 focus-visible:ring-border-strong",
 						"aria-label": b("voice.preview", "Hear this voice"),
 						"data-testid": "assistant-voice-preview",
@@ -84,7 +87,7 @@ var b = () => {
 						}), b("voice.previewShort", "Preview")]
 					}) : null]
 				}),
-				O ? /* @__PURE__ */ y(_, { children: [
+				k ? /* @__PURE__ */ y(_, { children: [
 					/* @__PURE__ */ v("div", {
 						className: "my-1 border-t border-border-subtle",
 						role: "separator"
@@ -92,7 +95,7 @@ var b = () => {
 					/* @__PURE__ */ y("button", {
 						type: "button",
 						role: "menuitem",
-						onClick: () => R("json"),
+						onClick: () => z("json"),
 						className: "flex w-full items-center gap-2.5 px-3 py-2 text-left text-xs text-text-primary transition-colors hover:bg-bg-elevated",
 						"data-testid": "export-json",
 						children: [/* @__PURE__ */ v(f, {
@@ -103,7 +106,7 @@ var b = () => {
 					/* @__PURE__ */ y("button", {
 						type: "button",
 						role: "menuitem",
-						onClick: () => R("markdown"),
+						onClick: () => z("markdown"),
 						className: "flex w-full items-center gap-2.5 px-3 py-2 text-left text-xs text-text-primary transition-colors hover:bg-bg-elevated",
 						"data-testid": "export-markdown",
 						children: [/* @__PURE__ */ v(p, {

package/dist/shared/assistant/ui/AssistantTurnActivity.d.ts

@@ -0,0 +1,37 @@
+import { FC } from 'react';
+import { AssistantConversationProcessing } from '../conversation';
+/**
+ * The waiting line for one turn, as markup.
+ *
+ * ★ Two spans, like the voice status line: the moving phrase is hidden from
+ * assistive tech and the step's label is read instead, so a screen reader
+ * browsing the transcript hears "Thinking..." rather than whichever decoration
+ * the rotation happened to be on. Neither is a live region — the transcript is
+ * `role="log"` and `aria-busy` while a turn runs, which already says so.
+ *
+ * ★ `relative` contains the `sr-only` span. Without a positioned ancestor its
+ * absolute box escapes to the nearest scroll container.
+ *
+ * Exported separately so the markup can be rendered with different shown and
+ * label text; static rendering runs no clock, so the stateful component alone
+ * would only ever show the two equal.
+ */
+export declare const TurnActivityLine: FC<{
+    shown: string;
+    label: string;
+}>;
+/**
+ * What a live turn is doing, drawn from its processing state (BOFF-7277).
+ *
+ * ★★ The clock lives HERE. A tick re-renders only this line, the orchestrator
+ * stays free of timers, and nothing is written anywhere — the message's content
+ * is untouched while the phrase moves.
+ *
+ * ★ Under `prefers-reduced-motion` the line holds the step's label instead of
+ * rotating: text that changes every few seconds on its own is exactly the kind
+ * of movement that preference asks to stop, as the avatar and caret already do.
+ */
+export declare const AssistantTurnActivity: FC<{
+    processing: AssistantConversationProcessing | null | undefined;
+}>;
+//# sourceMappingURL=AssistantTurnActivity.d.ts.map

package/dist/shared/assistant/ui/AssistantTurnActivity.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssistantTurnActivity.d.ts","sourceRoot":"","sources":["../../../../src/shared/assistant/ui/AssistantTurnActivity.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAGrD,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,iBAAiB,CAAC;AASvE;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAkBjE,CAAC;AAEF;;;;;;;;;;GAUG;AACH,eAAO,MAAM,qBAAqB,EAAE,EAAE,CAAC;IACrC,UAAU,EAAE,+BAA+B,GAAG,IAAI,GAAG,SAAS,CAAC;CAChE,CAaA,CAAC"}

package/dist/shared/assistant/ui/AssistantTurnActivity.js

@@ -0,0 +1,33 @@
+import { useMediaQuery as e } from "../../hooks/useMediaQuery.js";
+import { useAssistantTr as t } from "../i18n.js";
+import { elapsedSince as n, startPhraseTicker as r, turnActivityCopy as i, turnActivityStage as a } from "../turnActivity.js";
+import { useEffect as o, useState as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/shared/assistant/ui/AssistantTurnActivity.tsx
+var u = ({ shown: e, label: t }) => /* @__PURE__ */ l("p", {
+	className: "relative text-[15px] leading-relaxed text-text-secondary",
+	"data-testid": "assistant-turn-activity",
+	children: [/* @__PURE__ */ c("span", {
+		"aria-hidden": "true",
+		"data-testid": "assistant-turn-activity-shown",
+		children: e
+	}), /* @__PURE__ */ c("span", {
+		className: "sr-only left-0 top-0",
+		"data-testid": "assistant-turn-activity-label",
+		children: t
+	})]
+}), d = ({ processing: n }) => {
+	let r = t(), o = e("(prefers-reduced-motion: reduce)"), s = i(r, n, f(a(n) === "thinking" && !o && typeof n?.stageStartedAt == "number" ? n.stageStartedAt : null));
+	return s ? /* @__PURE__ */ c(u, {
+		shown: s.shown,
+		label: s.label
+	}) : null;
+};
+function f(e) {
+	let [t, i] = s(() => Date.now());
+	return o(() => {
+		if (e !== null) return r(e, i);
+	}, [e]), n(e, t);
+}
+//#endregion
+export { d as AssistantTurnActivity, u as TurnActivityLine };

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

@@ -1 +1 @@
-{"version":3,"file":"AssistantVoiceSession.d.ts","sourceRoot":"","sources":["../../../../../src/shared/assistant/ui/voice/AssistantVoiceSession.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4C,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAI1E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAW7D,OAAO,EAEL,KAAK,oBAAoB,EAC1B,MAAM,0BAA0B,CAAC;AAElC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAC7D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAEtE,gFAAgF;AAChF,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;AAElD,UAAU,KAAK;IACb,OAAO,EAAE,oBAAoB,CAAC;IAC9B,iEAAiE;IACjE,KAAK,CAAC,EAAE,aAAa,CAAC,mBAAmB,CAAC,CAAC;IAC3C,wCAAwC;IACxC,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,6EAA6E;IAC7E,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,uCAAuC;IACvC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,6EAA6E;IAC7E,MAAM,CAAC,EAAE,kBAAkB,GAAG,IAAI,CAAC;IACnC,gEAAgE;IAChE,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,mBAAmB,EAAE,CAAC;IACpC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,GAAG,IAAI,KAAK,IAAI,CAAC;IACjD,kBAAkB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,iBAAiB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,0EAA0E;IAC1E,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,4DAA4D;IAC5D,YAAY,CAAC,EAAE;QAAE,MAAM,EAAE,MAAM,EAAE,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;IAC1D,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,mFAAmF;IACnF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,0EAA0E;IAC1E,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,wEAAwE;IACxE,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,qBAAqB,EAAE,EAAE,CAAC,KAAK,CAukB3C,CAAC"}
+{"version":3,"file":"AssistantVoiceSession.d.ts","sourceRoot":"","sources":["../../../../../src/shared/assistant/ui/voice/AssistantVoiceSession.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4C,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAI1E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAgB7D,OAAO,EAEL,KAAK,oBAAoB,EAC1B,MAAM,0BAA0B,CAAC;AAElC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAC7D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAEtE,gFAAgF;AAChF,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;AAElD,UAAU,KAAK;IACb,OAAO,EAAE,oBAAoB,CAAC;IAC9B,iEAAiE;IACjE,KAAK,CAAC,EAAE,aAAa,CAAC,mBAAmB,CAAC,CAAC;IAC3C,wCAAwC;IACxC,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,6EAA6E;IAC7E,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,uCAAuC;IACvC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,6EAA6E;IAC7E,MAAM,CAAC,EAAE,kBAAkB,GAAG,IAAI,CAAC;IACnC,gEAAgE;IAChE,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,mBAAmB,EAAE,CAAC;IACpC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,GAAG,IAAI,KAAK,IAAI,CAAC;IACjD,kBAAkB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,iBAAiB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,0EAA0E;IAC1E,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,4DAA4D;IAC5D,YAAY,CAAC,EAAE;QAAE,MAAM,EAAE,MAAM,EAAE,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;IAC1D,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,mFAAmF;IACnF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,0EAA0E;IAC1E,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,wEAAwE;IACxE,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,qBAAqB,EAAE,EAAE,CAAC,KAAK,CAokB3C,CAAC"}

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

@@ -1,176 +1,186 @@
 import { useAssistantTr as e } from "../../i18n.js";
 import { micIsInterrupt as t, showsAssistantCaption as n, voiceStageState as r } from "../../voice/voiceStageState.js";
-import { spokenSoFar as i } from "../../voice/voiceSession.js";
+import { VOICE_THINKING_LABEL as i, composeVoiceStatus as a, voiceStatusSuffix as o } from "../../voice/voiceStatus.js";
+import { spokenSoFar as s } from "../../voice/voiceSession.js";
 import { AssistantAttachmentButton as ee } from "../composer/AssistantAttachmentButton.js";
-import { AssistantAttachmentChips as a } from "../composer/AssistantAttachmentChips.js";
-import { AssistantVoiceOrb as o } from "./AssistantVoiceOrb.js";
-import { VoiceMiniController as s } from "./VoiceMiniController.js";
-import { VoiceStage as c } from "./VoiceStage.js";
-import { VoiceTranscriptDrawer as te } from "./VoiceTranscriptDrawer.js";
-import { useCallback as ne, useEffect as l, useRef as u, useState as d } from "react";
-import { Maximize2 as f, Minimize2 as p, ScrollText as m, X as re } from "lucide-react";
+import { AssistantAttachmentChips as te } from "../composer/AssistantAttachmentChips.js";
+import { AssistantVoiceOrb as ne } from "./AssistantVoiceOrb.js";
+import { VoiceMiniController as c } from "./VoiceMiniController.js";
+import { VoiceStage as l } from "./VoiceStage.js";
+import { VoiceTranscriptDrawer as u } from "./VoiceTranscriptDrawer.js";
+import { useCallback as d, useEffect as f, useRef as p, useState as m } from "react";
+import { Maximize2 as re, Minimize2 as ie, ScrollText as ae, X as oe } from "lucide-react";
 import { jsx as h, jsxs as g } from "react/jsx-runtime";
 //#region src/shared/assistant/ui/voice/AssistantVoiceSession.tsx
-var _ = ({ session: _, turns: b = [], onSaveTranscript: x, onContinueInChat: S, notice: C = null, spoken: w, onInterrupt: T, onToggleMute: E, attachments: D = [], onAttachFiles: O, onRemoveAttachment: k, onRetryAttachment: ie, canAttachMore: ae = !0, preparingAttachments: A = 0, spokenChunks: j = null, onEnd: M, capturing: oe = !0, interrupting: N = !1, awaitingEndpoint: P = !1 }) => {
-	let F = e(), { muted: I, error: L } = _, R = u(null), z = u(null), [B, V] = d("mini"), H = B === "full", U = B === "mini", W = B === "mini" ? "panel" : B === "panel" ? "full" : "mini", [G, K] = d(!1), q = u(!1), J = u(E);
-	J.current = E;
-	let se = ne(() => {
-		I || q.current || i(_) || (q.current = !0, J.current());
-	}, [I, _]);
-	l(() => {
+var _ = ({ session: _, turns: y = [], onSaveTranscript: b, onContinueInChat: x, notice: S = null, spoken: C, onInterrupt: ce, onToggleMute: w, attachments: T = [], onAttachFiles: E, onRemoveAttachment: D, onRetryAttachment: le, canAttachMore: ue = !0, preparingAttachments: O = 0, spokenChunks: k = null, onEnd: A, capturing: de = !0, interrupting: j = !1, awaitingEndpoint: M = !1 }) => {
+	let N = e(), { muted: P, error: F } = _, I = p(null), L = p(null), [R, z] = m("mini"), B = R === "full", V = R === "mini", H = R === "mini" ? "panel" : R === "panel" ? "full" : "mini", [U, W] = m(!1), G = p(!1), K = p(w);
+	K.current = w;
+	let fe = d(() => {
+		P || G.current || s(_) || (G.current = !0, K.current());
+	}, [P, _]);
+	f(() => {
 		let e = () => {
-			q.current && (q.current = !1, J.current());
+			G.current && (G.current = !1, K.current());
 		};
 		return window.addEventListener("focus", e), () => {
-			window.removeEventListener("focus", e), q.current = !1;
+			window.removeEventListener("focus", e), G.current = !1;
 		};
-	}, []), l(() => {
-		R.current?.focus();
-	}, []), l(() => {
+	}, []), f(() => {
+		I.current?.focus();
+	}, []), f(() => {
 		let e = (e) => {
 			if (e.key === "Escape") {
-				if (G) {
-					K(!1);
+				if (U) {
+					W(!1);
 					return;
 				}
-				M();
+				A();
 				return;
 			}
-			if (e.key !== "Tab" || !H) return;
-			let t = (G ? z.current?.querySelector("[data-testid=\"assistant-voice-transcript\"]") : z.current)?.querySelectorAll("button:not([disabled])");
+			if (e.key !== "Tab" || !B) return;
+			let t = (U ? L.current?.querySelector("[data-testid=\"assistant-voice-transcript\"]") : L.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);
 	}, [
-		M,
-		H,
-		G
+		A,
+		B,
+		U
 	]);
-	let Y = C !== null && L === null, X = i(_), Z = r({
+	let q = S !== null && F === null, J = s(_), Y = r({
 		snapshot: _,
-		capturing: oe,
-		interrupting: N,
-		awaitingEndpoint: P
-	}), Q = (() => {
-		switch (Z) {
-			case "connecting": return F("voiceSession.connecting", "Starting the microphone…");
-			case "endpoint-grace": return F("voiceSession.endpointGrace", "Still listening — take your time");
-			case "interrupting": return F("voiceSession.interrupting", "Stopped — go ahead");
-			case "thinking": return F("voiceSession.thinking", "Thinking…");
-			case "speaking": return F("voiceSession.speaking", "Speaking — tap to stop");
+		capturing: de,
+		interrupting: j,
+		awaitingEndpoint: M
+	}), X = (() => {
+		switch (Y) {
+			case "connecting": return N("voiceSession.connecting", "Starting the microphone…");
+			case "endpoint-grace": return N("voiceSession.endpointGrace", "Still listening — take your time");
+			case "interrupting": return N("voiceSession.interrupting", "Stopped — go ahead");
+			case "thinking": return N(i.key, i.fallback);
+			case "speaking": return N("voiceSession.speaking", "Speaking — tap to stop");
 			case "mic-error":
 			case "ended": return "";
-			case "listening": return I ? F("voiceSession.muted", "Microphone off") : F("voiceSession.listening", "Listening…");
-			default: return Z;
+			case "listening": return P ? N("voiceSession.muted", "Microphone off") : N("voiceSession.listening", "Listening…");
+			default: return Y;
 		}
-	})(), $ = I && Z !== "listening" && Q !== "" ? `${Q} · ${F("voiceSession.muted", "Microphone off")}` : Q;
+	})(), Z = o({
+		tr: N,
+		stage: Y,
+		muted: P,
+		label: X
+	}), Q = a(X, Z), $ = Y === "thinking";
 	return /* @__PURE__ */ g("div", {
-		ref: z,
-		className: `flex flex-col items-center justify-between bg-bg-sunken ${B === "full" ? "fixed inset-x-0 bottom-0 top-14 z-[60] px-6 py-8" : B === "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: L,
+		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 h-[11.25rem] border-t border-border-subtle px-3 py-3 shadow-lg"}`,
 		role: "dialog",
-		"aria-modal": H || void 0,
-		"aria-label": F("voiceSession.title", "Voice conversation"),
+		"aria-modal": B || void 0,
+		"aria-label": N("voiceSession.title", "Voice conversation"),
 		"data-testid": "assistant-voice-session",
 		children: [
 			/* @__PURE__ */ g("button", {
-				ref: R,
+				ref: I,
 				type: "button",
-				onClick: M,
-				className: `absolute ${H ? "right-6 top-6 h-14 gap-2 px-5 text-base" : U ? "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: F("voiceSession.end", "End the voice conversation"),
+				onClick: A,
+				className: `absolute ${B ? "right-6 top-6 h-14 gap-2 px-5 text-base" : V ? "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: N("voiceSession.end", "End the voice conversation"),
 				"data-testid": "assistant-voice-end",
-				children: [/* @__PURE__ */ h(re, {
-					className: H ? "size-6" : U ? "size-4" : "size-5",
+				children: [/* @__PURE__ */ h(oe, {
+					className: B ? "size-6" : V ? "size-4" : "size-5",
 					"aria-hidden": "true"
 				}), /* @__PURE__ */ h("span", {
-					className: `truncate whitespace-nowrap font-medium ${U ? "max-w-[3.5rem] text-xs" : "max-w-[7rem]"}`,
-					children: F("voiceSession.endShort", "End")
+					className: `truncate whitespace-nowrap font-medium ${V ? "max-w-[3.5rem] text-xs" : "max-w-[7rem]"}`,
+					children: N("voiceSession.endShort", "End")
 				})]
 			}),
 			/* @__PURE__ */ h("div", {
-				className: `flex flex-col items-center ${U ? "px-3" : `min-h-[1.5rem] ${Y ? H ? "pt-14" : "pt-10" : ""}`}`,
-				children: Y ? /* @__PURE__ */ h("p", {
+				className: `flex flex-col items-center ${V ? "px-3" : `min-h-[1.5rem] ${q ? B ? "pt-14" : "pt-10" : ""}`}`,
+				children: q ? /* @__PURE__ */ h("p", {
 					className: "max-w-xs text-center text-xs text-status-warning",
 					"data-testid": "assistant-voice-notice",
-					children: v(C, F)
+					children: se(S, N)
 				}) : null
 			}),
 			(() => {
-				let e = /* @__PURE__ */ h(o, {
+				let e = /* @__PURE__ */ h(ne, {
 					session: _,
-					compact: U,
-					connecting: Z === "connecting",
-					onPress: t(Z) ? T : E,
-					label: t(Z) ? F("voiceSession.interrupt", "Stop the assistant and speak") : I ? F("voiceSession.unmute", "Turn the microphone on") : F("voiceSession.mute", "Turn the microphone off")
-				}), r = n(Z) ? w : X || null, i = L === null ? null : y(L, F);
-				return U ? /* @__PURE__ */ h(s, {
-					spokenChunks: j,
-					state: Z,
+					compact: V,
+					connecting: Y === "connecting",
+					onPress: t(Y) ? ce : w,
+					label: t(Y) ? N("voiceSession.interrupt", "Stop the assistant and speak") : P ? N("voiceSession.unmute", "Turn the microphone on") : N("voiceSession.mute", "Turn the microphone off")
+				}), r = n(Y) ? C : J || null, i = F === null ? null : v(F, N);
+				return V ? /* @__PURE__ */ h(c, {
+					spokenChunks: k,
+					state: Y,
 					caption: r,
-					statusText: $,
+					statusText: Q,
+					statusSuffix: Z,
+					rotateStatus: $,
 					errorText: i,
 					control: e
-				}) : /* @__PURE__ */ h(c, {
-					state: Z,
-					userCaption: X || null,
-					spokenChunks: j,
-					assistantCaption: w,
-					expanded: H,
-					statusText: $,
+				}) : /* @__PURE__ */ h(l, {
+					state: Y,
+					userCaption: J || null,
+					spokenChunks: k,
+					assistantCaption: C,
+					expanded: B,
+					statusText: Q,
+					statusSuffix: Z,
+					rotateStatus: $,
 					errorText: i,
 					control: e
 				});
 			})(),
-			G ? /* @__PURE__ */ h(te, {
-				turns: b,
-				onClose: () => K(!1),
-				onSave: x,
-				onContinueInChat: S
+			U ? /* @__PURE__ */ h(u, {
+				turns: y,
+				onClose: () => W(!1),
+				onSave: b,
+				onContinueInChat: x
 			}) : null,
-			O ? /* @__PURE__ */ h("div", {
-				className: `absolute ${H ? "left-6 top-6" : U ? "left-11 top-2" : "left-3 top-3"}`,
+			E ? /* @__PURE__ */ h("div", {
+				className: `absolute ${B ? "left-6 top-6" : V ? "left-11 top-2" : "left-3 top-3"}`,
 				children: /* @__PURE__ */ h(ee, {
 					onFiles: (e) => {
-						O(e), V((e) => e === "mini" ? "panel" : e);
+						E(e), z((e) => e === "mini" ? "panel" : e);
 					},
-					onPickerOpen: se,
+					onPickerOpen: fe,
 					direction: "down",
-					canAddMore: ae
+					canAddMore: ue
 				})
 			}) : null,
-			(D.length > 0 || A > 0) && !U ? /* @__PURE__ */ h("div", {
-				className: `absolute ${H ? "bottom-24 left-24 right-24" : "bottom-16 left-16 right-16"}`,
+			(T.length > 0 || O > 0) && !V ? /* @__PURE__ */ h("div", {
+				className: `absolute ${B ? "bottom-24 left-24 right-24" : "bottom-16 left-16 right-16"}`,
 				"data-testid": "assistant-voice-attachments",
-				children: /* @__PURE__ */ h(a, {
-					attachments: D,
-					onRemove: k ?? (() => void 0),
-					onRetry: ie ?? (() => void 0),
-					preparingCount: A
+				children: /* @__PURE__ */ h(te, {
+					attachments: T,
+					onRemove: D ?? (() => void 0),
+					onRetry: le ?? (() => void 0),
+					preparingCount: O
 				})
 			}) : null,
 			/* @__PURE__ */ h("button", {
 				type: "button",
-				onClick: () => K((e) => !e),
-				className: `absolute ${H ? "bottom-6 right-6 size-14" : U ? "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": G,
-				"aria-label": F("voiceSession.transcript", "Voice transcript"),
+				onClick: () => W((e) => !e),
+				className: `absolute ${B ? "bottom-6 right-6 size-14" : V ? "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": U,
+				"aria-label": N("voiceSession.transcript", "Voice transcript"),
 				"data-testid": "assistant-voice-transcript-toggle",
-				children: /* @__PURE__ */ h(m, { className: H ? "size-6" : U ? "size-4" : "size-5" })
+				children: /* @__PURE__ */ h(ae, { className: B ? "size-6" : V ? "size-4" : "size-5" })
 			}),
 			/* @__PURE__ */ h("button", {
 				type: "button",
-				onClick: () => V(W),
-				className: `absolute ${H ? "bottom-6 left-6 size-14" : U ? "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": W === "panel" ? F("voiceSession.expandPanel", "Show the conversation in the panel") : W === "full" ? F("voiceSession.expand", "Expand the conversation to full screen") : F("voiceSession.collapse", "Shrink to the compact controller"),
+				onClick: () => z(H),
+				className: `absolute ${B ? "bottom-6 left-6 size-14" : V ? "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": H === "panel" ? N("voiceSession.expandPanel", "Show the conversation in the panel") : H === "full" ? N("voiceSession.expand", "Expand the conversation to full screen") : N("voiceSession.collapse", "Shrink to the compact controller"),
 				"data-testid": "assistant-voice-expand",
-				children: H ? /* @__PURE__ */ h(p, { className: "size-5" }) : /* @__PURE__ */ h(f, { className: U ? "size-4" : "size-5" })
+				children: B ? /* @__PURE__ */ h(ie, { className: "size-5" }) : /* @__PURE__ */ h(re, { className: V ? "size-4" : "size-5" })
 			})
 		]
 	});
 };
-function v(e, t) {
+function se(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.");
@@ -179,7 +189,7 @@ function v(e, t) {
 		default: return e;
 	}
 }
-function y(e, t) {
+function v(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.d.ts

@@ -37,6 +37,16 @@ interface Props {
         index: number;
     } | null;
     statusText: string;
+    /**
+     * Visible alongside a rotating status, e.g. "Microphone off". Only meaningful
+     * with `rotateStatus`; `statusText` already carries it for the announcement.
+     */
+    statusSuffix?: string | null;
+    /**
+     * Rotate the SHOWN status through the thinking phrases while the assistant
+     * thinks. What is ANNOUNCED is always `statusText` — see `VoiceStatusText`.
+     */
+    rotateStatus?: boolean;
     /** Mic / interrupt control — the same orb, in its compact size. */
     control: ReactNode;
     errorText?: string | null;

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

@@ -1 +1 @@
-{"version":3,"file":"VoiceMiniController.d.ts","sourceRoot":"","sources":["../../../../../src/shared/assistant/ui/voice/VoiceMiniController.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG3C,OAAO,EAIL,KAAK,eAAe,EACrB,MAAM,6BAA6B,CAAC;AAErC;;;;;;;;;;;;;;;;;GAiBG;AAEH,UAAU,KAAK;IACb,KAAK,EAAE,eAAe,CAAC;IACvB,uEAAuE;IACvE,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB;;;;;;;;;OASG;IACH,YAAY,CAAC,EAAE;QAAE,MAAM,EAAE,MAAM,EAAE,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;IAC1D,UAAU,EAAE,MAAM,CAAC;IACnB,mEAAmE;IACnE,OAAO,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC3B;AAED,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,KAAK,CAgHzC,CAAC"}
+{"version":3,"file":"VoiceMiniController.d.ts","sourceRoot":"","sources":["../../../../../src/shared/assistant/ui/voice/VoiceMiniController.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAI3C,OAAO,EAIL,KAAK,eAAe,EACrB,MAAM,6BAA6B,CAAC;AAErC;;;;;;;;;;;;;;;;;GAiBG;AAEH,UAAU,KAAK;IACb,KAAK,EAAE,eAAe,CAAC;IACvB,uEAAuE;IACvE,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB;;;;;;;;;OASG;IACH,YAAY,CAAC,EAAE;QAAE,MAAM,EAAE,MAAM,EAAE,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;IAC1D,UAAU,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,mEAAmE;IACnE,OAAO,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC3B;AAED,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,KAAK,CAiHzC,CAAC"}