@burdenoff/fe-libs 2026.1018.1 → 2026.1019.2

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

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

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

@@ -75,4 +75,6 @@ export interface AssistantWriteProposalCardProps {
 }
 /** How long the card must stay half visible before it counts as presented. */
 export declare const WRITE_PROPOSAL_PRESENTED_AFTER_MS = 500;
+/** The chip's words: from the record's status, and its result only. */
+export declare function statusText(view: WriteProposalView, tr: AssistantTr): string;
 export declare const AssistantWriteProposalCard: FC<AssistantWriteProposalCardProps>;