@burdenoff/fe-libs 2026.1016.2 → 2026.1017.1

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

@@ -7,54 +7,54 @@ import { copyToClipboard as i } from "../clipboard.js";
 import { AssistantMarkdownRenderer as a } from "./AssistantMarkdownRenderer.js";
 import { downloadAssistantArtifact as o } from "../api.js";
 import { languageConfirmationCopy as s } from "../appControls/languageReply.js";
-import { getAssistantDisplayContent as ee } from "../displayContent.js";
-import { AssistantToolActivity as te, parseToolActivity as c } from "./AssistantToolActivity.js";
+import { getAssistantDisplayContent as c } from "../displayContent.js";
+import { AssistantToolActivity as ee, parseToolActivity as te } from "./AssistantToolActivity.js";
 import { usePrefersReducedMotion as l } from "./usePrefersReducedMotion.js";
-import { AssistantAvatar as ne } from "./AssistantAvatar.js";
-import { useAssistantSpeech as re } from "./AssistantSpeechProvider.js";
-import { AssistantMessageAttachments as ie } from "./AssistantMessageAttachments.js";
-import { AssistantPendingWriteCard as ae } from "./AssistantPendingWriteCard.js";
-import { AssistantSpeakButton as oe } from "./AssistantSpeakButton.js";
-import { SaveToFilesButton as u } from "../../../storage/SaveToFilesButton.js";
+import { AssistantAvatar as u } from "./AssistantAvatar.js";
+import { useAssistantSpeech as d } from "./AssistantSpeechProvider.js";
+import { AssistantMessageAttachments as ne } from "./AssistantMessageAttachments.js";
+import { AssistantPendingWriteCard as re } from "./AssistantPendingWriteCard.js";
+import { AssistantSpeakButton as ie } from "./AssistantSpeakButton.js";
+import { SaveToFilesButton as ae } from "../../../storage/SaveToFilesButton.js";
 import "../../../storage/index.js";
-import { AssistantTurnActivity as se } from "./AssistantTurnActivity.js";
-import { useMemo as d, useRef as f, useState as p } from "react";
-import { Check as ce, Copy as m, RotateCcw as h } from "lucide-react";
-import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
+import { AssistantTurnActivity as f } from "./AssistantTurnActivity.js";
+import { useMemo as p, useRef as m, useState as h } from "react";
+import { Check as oe, Copy as g, RotateCcw as se } from "lucide-react";
+import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
 //#region src/shared/assistant/ui/AssistantMessageItem.tsx
-function le(e) {
+function b(e) {
 	return e.role === "assistant" ? e.metadata : void 0;
 }
-function y(e) {
+function ce(e) {
 	return e?.artifacts ?? [];
 }
-function b(e) {
+function x(e) {
 	return window.atob(e);
 }
-function x(e, t, n) {
-	let r = b(e), i = new Uint8Array(r.length);
+function S(e, t, n) {
+	let r = x(e), i = new Uint8Array(r.length);
 	for (let e = 0; e < r.length; e += 1) i[e] = r.charCodeAt(e);
 	let a = new Blob([i], { type: n }), o = URL.createObjectURL(a), s = document.createElement("a");
 	s.href = o, s.download = t, document.body.appendChild(s), s.click(), document.body.removeChild(s), URL.revokeObjectURL(o);
 }
-var S = () => /* @__PURE__ */ _("span", {
+var C = () => /* @__PURE__ */ v("span", {
 	"aria-hidden": "true",
 	"data-testid": "assistant-streaming-caret",
 	className: "ml-0.5 inline-block h-4 w-1.5 rounded-sm bg-text-secondary align-middle" + (l() ? "" : " motion-safe:animate-pulse")
-}), C = ({ onApprovePendingWrite: l, approvingWriteRef: b = null, pendingWriteExpired: C = !1, pendingWriteApproved: ue = !1, pendingWriteGoAheadSent: de = !1, message: w, processing: T, isStreaming: E, isFailed: D, isLastAssistant: O, isNewestAssistant: k, onRetry: A, legacyWriteCardHidden: j = !1, writeProposals: M, uiOffers: N }) => {
-	let P = r(), { locale: F } = e(), I = s(w, P), L = I ? I.translated ? F : "en" : w.metadata?.lang, R = I ? `${w.id}:language:${L}` : w.id, z = f(R), B = n(), { getAccessToken: V, getWorkspaceToken: fe } = t(), H = re(), [pe, U] = p(null), [W, G] = p(!1), K = w.role === "user", q = d(() => le(w), [w]), J = d(() => y(q), [q]), Y = T === void 0 ? E ? {
+}), w = ({ onApprovePendingWrite: l, approvingWriteRef: x = null, pendingWriteExpired: w = !1, pendingWriteApproved: le = !1, pendingWriteGoAheadSent: ue = !1, message: T, processing: E, isStreaming: D, isFailed: O, isLastAssistant: k, isNewestAssistant: A, onRetry: j, legacyWriteCardHidden: M = !1, writeProposals: N, uiOffers: P }) => {
+	let F = r(), { locale: I } = e(), L = s(T, F), R = L ? L.translated ? I : "en" : T.metadata?.lang, z = L ? `${T.id}:language:${R}` : T.id, B = m(z), V = n(), { getAccessToken: H, getWorkspaceToken: de } = t(), U = d(), [fe, W] = h(null), [pe, G] = h(!1), K = T.role === "user", q = p(() => b(T), [T]), J = p(() => ce(q), [q]), Y = E === void 0 ? D ? {
 		status: "streaming",
-		messageId: w.id,
-		updatedAt: w.timestamp
-	} : null : T, X = ee(w, Y, P), { steps: Z, text: Q } = d(() => K ? {
+		messageId: T.id,
+		updatedAt: T.timestamp
+	} : null : E, X = c(T, Y, F), { steps: Z, text: Q } = p(() => K ? {
 		steps: [],
-		text: w.content
-	} : X.kind === "output" ? c(X.text) : {
+		text: T.content
+	} : X.kind === "output" ? te(X.text) : {
 		steps: [],
 		text: ""
 	}, [
 		K,
-		w.content,
+		T.content,
 		X.kind,
 		X.text
 	]), me = () => {
@@ -65,50 +65,50 @@ var S = () => /* @__PURE__ */ _("span", {
 		if (!q?.sandboxId || !q.sessionId) return;
 		let t = new URLSearchParams(window.location.search).get("workspace") ?? "";
 		if (t) {
-			U(e.path);
+			W(e.path);
 			try {
 				let n = await o(q.sandboxId, t, q.sessionId, e.path, q.mode, {
-					accessToken: V(),
-					workspaceToken: fe()
+					accessToken: H(),
+					workspaceToken: de()
 				});
-				x(n.contentBase64, n.filename, n.mimeType);
+				S(n.contentBase64, n.filename, n.mimeType);
 			} finally {
-				U(null);
+				W(null);
 			}
 		}
-	}, $ = new Date(w.timestamp).toLocaleTimeString([], {
+	}, $ = new Date(T.timestamp).toLocaleTimeString([], {
 		hour: "2-digit",
 		minute: "2-digit"
 	});
-	if (w.role === "system") return /* @__PURE__ */ _("div", {
+	if (T.role === "system") return /* @__PURE__ */ v("div", {
 		className: "flex justify-center px-2 py-1",
 		"data-testid": "assistant-message-system",
-		children: w.metadata?.localAction?.kind === "navigate" ? /* @__PURE__ */ _("div", {
+		children: T.metadata?.localAction?.kind === "navigate" ? /* @__PURE__ */ v("div", {
 			className: "max-w-[90%] break-words rounded-lg border border-border-subtle bg-bg-sunken/60 px-3 py-2 text-center text-xs leading-relaxed text-text-muted",
 			"data-testid": "assistant-message-system-navigation",
-			children: /* @__PURE__ */ _(a, { content: w.content })
-		}) : /* @__PURE__ */ _("p", {
+			children: /* @__PURE__ */ v(a, { content: T.content })
+		}) : /* @__PURE__ */ v("p", {
 			className: "max-w-[90%] whitespace-pre-wrap break-words rounded-lg border border-border-subtle bg-bg-sunken/60 px-3 py-2 text-center text-xs leading-relaxed text-text-muted",
-			children: w.content
+			children: T.content
 		})
 	});
 	if (K) {
-		let e = w.metadata?.attachments ?? [];
-		return /* @__PURE__ */ _("div", {
+		let e = T.metadata?.attachments ?? [];
+		return /* @__PURE__ */ v("div", {
 			className: "flex justify-end",
 			"data-testid": "assistant-message-user",
-			children: /* @__PURE__ */ v("div", {
+			children: /* @__PURE__ */ y("div", {
 				className: "max-w-[85%]",
 				children: [
-					w.content && /* @__PURE__ */ _("div", {
+					T.content && /* @__PURE__ */ v("div", {
 						className: "rounded-2xl rounded-br-md bg-action-primary-bg/12 px-3.5 py-2.5 text-[15px] leading-relaxed text-text-primary",
-						children: /* @__PURE__ */ _("p", {
+						children: /* @__PURE__ */ v("p", {
 							className: "whitespace-pre-wrap",
-							children: w.content
+							children: T.content
 						})
 					}),
-					/* @__PURE__ */ _(ie, { attachments: e }),
-					/* @__PURE__ */ _("div", {
+					/* @__PURE__ */ v(ne, { attachments: e }),
+					/* @__PURE__ */ v("div", {
 						className: "mt-1 pr-1 text-right text-[10px] text-text-muted",
 						children: $
 					})
@@ -116,47 +116,47 @@ var S = () => /* @__PURE__ */ _("span", {
 			})
 		});
 	}
-	return /* @__PURE__ */ v("div", {
+	return /* @__PURE__ */ y("div", {
 		className: "flex gap-2.5",
 		"data-testid": "assistant-message-assistant",
-		children: [/* @__PURE__ */ _(ne, { active: E }), /* @__PURE__ */ v("div", {
+		children: [/* @__PURE__ */ v(u, { active: D }), /* @__PURE__ */ y("div", {
 			className: "min-w-0 flex-1",
 			children: [
-				Z.length > 0 && /* @__PURE__ */ _(te, { steps: Z }),
-				q?.pendingWrite && !j ? /* @__PURE__ */ _(ae, {
+				Z.length > 0 && /* @__PURE__ */ v(ee, { steps: Z }),
+				q?.pendingWrite && !M ? /* @__PURE__ */ v(re, {
 					pendingWrite: q.pendingWrite,
 					onApprove: l,
-					approving: b !== null && b === q.pendingWrite.reference,
-					expired: C,
-					approved: ue,
-					goAheadSent: de,
-					awaitingTurn: !!E
+					approving: x !== null && x === q.pendingWrite.reference,
+					expired: w,
+					approved: le,
+					goAheadSent: ue,
+					awaitingTurn: !!D
 				}) : null,
-				M,
-				Q && /* @__PURE__ */ _("div", {
+				N,
+				Q && /* @__PURE__ */ v("div", {
 					className: "text-[15px] leading-relaxed text-text-primary",
-					children: /* @__PURE__ */ _(a, { content: Q })
+					children: /* @__PURE__ */ v(a, { content: Q })
 				}),
-				X.kind === "working" && /* @__PURE__ */ _(se, { processing: Y }),
-				X.kind === "stopped" && /* @__PURE__ */ _("p", {
+				X.kind === "working" && /* @__PURE__ */ v(f, { processing: Y }),
+				X.kind === "stopped" && /* @__PURE__ */ v("p", {
 					className: "text-[15px] leading-relaxed text-text-secondary",
 					"data-testid": "assistant-turn-stopped",
 					children: X.text
 				}),
-				E && /* @__PURE__ */ _(S, {}),
-				N,
-				J.length > 0 && q?.sandboxId && q.sessionId && /* @__PURE__ */ v("div", {
+				D && /* @__PURE__ */ v(C, {}),
+				P,
+				J.length > 0 && q?.sandboxId && q.sessionId && /* @__PURE__ */ y("div", {
 					className: "mt-3 space-y-2 border-t border-border-subtle pt-2",
-					children: [/* @__PURE__ */ _("p", {
+					children: [/* @__PURE__ */ v("p", {
 						className: "text-[10px] font-medium uppercase tracking-wide text-text-muted",
-						children: P("message.downloads", "Downloads")
-					}), /* @__PURE__ */ _("div", {
+						children: F("message.downloads", "Downloads")
+					}), /* @__PURE__ */ v("div", {
 						className: "flex flex-wrap gap-2",
 						children: J.map((e) => {
 							let t = `${e.name}${e.type === "directory" ? ".tar.gz" : ""}`;
-							return /* @__PURE__ */ _(u, {
+							return /* @__PURE__ */ v(ae, {
 								label: t,
-								disabled: pe === e.path,
+								disabled: fe === e.path,
 								testId: `assistant-artifact-${e.name}`,
 								source: {
 									kind: "sandbox-artifact",
@@ -165,59 +165,69 @@ var S = () => /* @__PURE__ */ _("span", {
 									path: e.path,
 									filename: t
 								},
-								defaultFolderPath: B.artifacts,
+								defaultFolderPath: V.artifacts,
 								onDownload: () => he(e)
 							}, e.path);
 						})
 					})]
 				}),
-				!E && (Q || D || O) && /* @__PURE__ */ v("div", {
+				!D && (Q || O || k) && /* @__PURE__ */ y("div", {
 					className: "mt-1.5 flex items-center gap-1",
 					children: [
-						Q && /* @__PURE__ */ _("button", {
+						Q && /* @__PURE__ */ v("button", {
 							type: "button",
 							onClick: me,
 							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",
-							"aria-label": P("message.copy", "Copy message"),
+							"aria-label": F("message.copy", "Copy message"),
 							"data-testid": "assistant-message-copy",
-							children: W ? /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _(ce, { className: "size-3 text-status-success-text" }), /* @__PURE__ */ _("span", { children: P("message.copied", "Copied") })] }) : /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _(m, { className: "size-3" }), /* @__PURE__ */ _("span", { children: P("message.copyShort", "Copy") })] })
+							children: pe ? /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(oe, { className: "size-3 text-status-success-text" }), /* @__PURE__ */ v("span", { children: F("message.copied", "Copied") })] }) : /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(g, { className: "size-3" }), /* @__PURE__ */ v("span", { children: F("message.copyShort", "Copy") })] })
 						}),
-						Q && H.isSupported && (() => {
-							let e = H.blockedFor(R) ?? H.disabledReason, t = H.isSpeaking(w.id) || H.isSpeaking(z.current), n = !!e && !!k, r = n ? `speak-reason-${w.id}` : void 0;
-							return /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _(oe, {
-								isSpeaking: t,
-								disabled: e !== null,
-								disabledReason: e,
-								describedById: r,
-								onClick: () => {
-									if (t) {
-										H.stop();
-										return;
+						Q && U.isSupported && (() => {
+							let e = U.blockedFor(z) ?? U.disabledReason, t = U.isSpeaking(T.id) || U.isSpeaking(B.current), n = !!e && !!A, r = n ? `speak-reason-${T.id}` : void 0, i = n ? null : U.deviceFallbackFor(z), a = i ? `speak-fallback-${T.id}` : void 0;
+							return /* @__PURE__ */ y(_, { children: [
+								/* @__PURE__ */ v(ie, {
+									isSpeaking: t,
+									disabled: e !== null,
+									disabledReason: e,
+									describedById: r ?? a,
+									onClick: () => {
+										if (t) {
+											U.stop();
+											return;
+										}
+										B.current = z, U.toggle(z, Q, R);
 									}
-									z.current = R, H.toggle(R, Q, L);
-								}
-							}), n && /* @__PURE__ */ _("span", {
-								id: r,
-								className: "text-[11px] text-text-muted",
-								"data-testid": "assistant-speak-reason",
-								children: e
-							})] });
+								}),
+								n && /* @__PURE__ */ v("span", {
+									id: r,
+									className: "text-[11px] text-text-muted",
+									"data-testid": "assistant-speak-reason",
+									children: e
+								}),
+								i && /* @__PURE__ */ v("span", {
+									id: a,
+									role: "status",
+									className: "text-[11px] text-text-muted",
+									"data-testid": "assistant-speak-fallback",
+									children: i
+								})
+							] });
 						})(),
-						(D || O) && A && !w.metadata?.localAction && /* @__PURE__ */ v("button", {
+						(O || k) && j && !T.metadata?.localAction && /* @__PURE__ */ y("button", {
 							type: "button",
-							onClick: A,
-							className: `flex items-center gap-1 rounded-md px-1.5 py-1 text-[11px] transition-colors hover:bg-bg-elevated ${D ? "text-status-error-text" : "text-text-muted hover:text-text-secondary"}`,
-							"aria-label": P("message.retry", "Retry"),
+							onClick: j,
+							className: `flex items-center gap-1 rounded-md px-1.5 py-1 text-[11px] transition-colors hover:bg-bg-elevated ${O ? "text-status-error-text" : "text-text-muted hover:text-text-secondary"}`,
+							"aria-label": F("message.retry", "Retry"),
 							"data-testid": "assistant-message-retry",
-							children: [/* @__PURE__ */ _(h, { className: "size-3" }), /* @__PURE__ */ _("span", { children: P("message.retry", "Retry") })]
+							children: [/* @__PURE__ */ v(se, { className: "size-3" }), /* @__PURE__ */ v("span", { children: F("message.retry", "Retry") })]
 						})
 					]
 				}),
-				/* @__PURE__ */ v("div", {
+				/* @__PURE__ */ y("div", {
 					className: "mt-1 text-[10px] text-text-muted",
-					children: [$, w.tokens && /* @__PURE__ */ v("span", {
+					children: [$, T.tokens && /* @__PURE__ */ y("span", {
 						className: "ml-2",
-						children: [w.tokens.input + w.tokens.output, " tokens"]
+						children: [T.tokens.input + T.tokens.output, " tokens"]
 					})]
 				})
 			]
@@ -225,4 +235,4 @@ var S = () => /* @__PURE__ */ _("span", {
 	});
 };
 //#endregion
-export { C as AssistantMessageItem, S as StreamingCaret };
+export { w as AssistantMessageItem, C as StreamingCaret };

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

@@ -21,6 +21,16 @@ export interface AssistantSpeechContextValue {
      * is the dead-button bug all over again (BOFF-7106).
      */
     blockedFor: (messageId: string) => string | null;
+    /**
+     * ★ BOFF-9408: why THIS message was (or is being) read on the device voice,
+     * when the hosted voice could not play it. `null` otherwise.
+     *
+     * Said on screen because the user otherwise hears a different, flatter voice
+     * with no explanation; on iPhone that read as "the hosted voice is broken".
+     * It changes nothing the user chose: the saved voice stays, and pressing
+     * Listen again tries the hosted voice first.
+     */
+    deviceFallbackFor: (messageId: string) => string | null;
     /**
      * Every installed voice that can read the language the user speaks, best
      * first. Empty when there is no choice to offer — the picker hides itself