@burdenoff/fe-libs 2026.1027.2 → 2026.1027.3

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

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