@burdenoff/fe-libs 2026.913.2 → 2026.914.1

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

@@ -1 +1 @@
-{"version":3,"file":"AssistantConversationList.d.ts","sourceRoot":"","sources":["../../../../src/shared/assistant/ui/AssistantConversationList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAgB1C,eAAO,MAAM,yBAAyB,EAAE,EAuQvC,CAAC"}
+{"version":3,"file":"AssistantConversationList.d.ts","sourceRoot":"","sources":["../../../../src/shared/assistant/ui/AssistantConversationList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAiB1C,eAAO,MAAM,yBAAyB,EAAE,EAiRvC,CAAC"}

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

@@ -2,156 +2,157 @@ import { useAssistantProduct as e } from "../product.js";
 import { useAssistantTr as t } from "../i18n.js";
 import { chatTurns as n } from "../voice/turnVisibility.js";
 import { useAssistantStore as r } from "../store.js";
-import { useOverlayFocus as i } from "./useOverlayFocus.js";
-import { useState as a } from "react";
-import { Check as o, MessageSquare as s, PanelLeftClose as c, Pencil as l, Plus as u, Trash2 as d } from "lucide-react";
-import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
+import { getAssistantDisplayContent as i } from "../displayContent.js";
+import { useOverlayFocus as a } from "./useOverlayFocus.js";
+import { useState as o } from "react";
+import { Check as s, MessageSquare as c, PanelLeftClose as l, Pencil as u, Plus as d, Trash2 as f } from "lucide-react";
+import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
 //#region src/shared/assistant/ui/AssistantConversationList.tsx
-var h = () => {
-	let h = t(), { modes: g } = e(), { conversations: _, activeConversationId: v, processingByConversationId: y, setActiveConversation: b, setMode: x, createConversation: S, deleteConversation: C, renameConversation: w, setConversationListOpen: T } = r(), [E, D] = a(null), [O, k] = a(""), A = () => {
-		S(), T(!1);
-	}, j = (e) => {
-		let t = _.find((t) => t.id === e);
-		b(e), t && x(t.mode), T(!1);
-	}, M = (e, t) => {
-		D(e), k(t);
-	}, N = () => {
-		E && O.trim() && w(E, O.trim()), D(null);
-	}, P = (e, t) => {
-		e.stopPropagation(), C(t);
+var g = () => {
+	let g = t(), { modes: _ } = e(), { conversations: v, activeConversationId: y, processingByConversationId: b, setActiveConversation: x, setMode: S, createConversation: C, deleteConversation: w, renameConversation: T, setConversationListOpen: E } = r(), [D, O] = o(null), [k, A] = o(""), j = () => {
+		C(), E(!1);
+	}, M = (e) => {
+		let t = v.find((t) => t.id === e);
+		x(e), t && S(t.mode), E(!1);
+	}, N = (e, t) => {
+		O(e), A(t);
+	}, P = () => {
+		D && k.trim() && T(D, k.trim()), O(null);
+	}, F = (e, t) => {
+		e.stopPropagation(), w(t);
 	};
-	return /* @__PURE__ */ m("div", {
-		ref: i("assistant-open-history"),
+	return /* @__PURE__ */ h("div", {
+		ref: a("assistant-open-history"),
 		tabIndex: -1,
 		role: "region",
-		"aria-label": h("conversations.title", "History"),
+		"aria-label": g("conversations.title", "History"),
 		className: "absolute inset-0 z-10 flex flex-col bg-bg-surface outline-none animate-in slide-in-from-left-2 fade-in duration-200",
 		"data-testid": "conversation-list",
-		children: [/* @__PURE__ */ m("div", {
+		children: [/* @__PURE__ */ h("div", {
 			className: "flex items-center justify-between px-4 py-3 border-b border-border-default bg-bg-elevated",
-			children: [/* @__PURE__ */ p("span", {
+			children: [/* @__PURE__ */ m("span", {
 				className: "text-[13px] font-semibold text-text-primary",
-				children: h("conversations.title", "History")
-			}), /* @__PURE__ */ m("div", {
+				children: g("conversations.title", "History")
+			}), /* @__PURE__ */ h("div", {
 				className: "flex items-center gap-0.5",
-				children: [/* @__PURE__ */ p("button", {
+				children: [/* @__PURE__ */ m("button", {
 					type: "button",
-					onClick: A,
+					onClick: j,
 					className: "p-1.5 rounded-lg text-text-secondary hover:bg-bg-sunken transition-colors",
-					"aria-label": h("conversations.new", "New conversation"),
+					"aria-label": g("conversations.new", "New conversation"),
 					"data-testid": "new-conversation",
-					children: /* @__PURE__ */ p(u, { className: "size-4" })
-				}), /* @__PURE__ */ m("button", {
+					children: /* @__PURE__ */ m(d, { className: "size-4" })
+				}), /* @__PURE__ */ h("button", {
 					type: "button",
-					onClick: () => T(!1),
+					onClick: () => E(!1),
 					className: "flex items-center gap-1 px-2 py-1.5 rounded-lg text-text-secondary hover:bg-bg-sunken transition-colors",
-					"aria-label": h("conversations.collapse", "Collapse history"),
+					"aria-label": g("conversations.collapse", "Collapse history"),
 					"data-testid": "collapse-conversation-list",
-					children: [/* @__PURE__ */ p(c, { className: "size-4" }), /* @__PURE__ */ p("span", {
+					children: [/* @__PURE__ */ m(l, { className: "size-4" }), /* @__PURE__ */ m("span", {
 						className: "text-[11px] font-medium",
-						children: h("conversations.collapseLabel", "Collapse")
+						children: g("conversations.collapseLabel", "Collapse")
 					})]
 				})]
 			})]
-		}), /* @__PURE__ */ p("div", {
+		}), /* @__PURE__ */ m("div", {
 			className: "flex-1 overflow-y-auto",
-			children: _.length === 0 ? /* @__PURE__ */ m("div", {
+			children: v.length === 0 ? /* @__PURE__ */ h("div", {
 				className: "flex flex-col items-center justify-center h-full text-center px-4",
 				children: [
-					/* @__PURE__ */ p(s, { className: "size-6 text-text-muted mb-2" }),
-					/* @__PURE__ */ p("p", {
+					/* @__PURE__ */ m(c, { className: "size-6 text-text-muted mb-2" }),
+					/* @__PURE__ */ m("p", {
 						className: "text-xs text-text-muted",
-						children: h("conversations.empty", "No conversations yet")
+						children: g("conversations.empty", "No conversations yet")
 					}),
-					/* @__PURE__ */ p("button", {
+					/* @__PURE__ */ m("button", {
 						type: "button",
-						onClick: A,
+						onClick: j,
 						className: "mt-2 text-xs text-action-primary-bg hover:underline",
-						children: h("conversations.startNew", "Start a new conversation")
+						children: g("conversations.startNew", "Start a new conversation")
 					})
 				]
-			}) : /* @__PURE__ */ p("div", {
+			}) : /* @__PURE__ */ m("div", {
 				className: "py-1",
-				children: _.map((e) => {
-					let t = e.id === v, r = e.id === E, i = g.find((t) => t.id === e.mode), a = n(e.messages), s = a[a.length - 1], c = a.length === 0 && e.messages.length > 0, u = y[e.id];
-					return /* @__PURE__ */ p("div", {
+				children: v.map((e) => {
+					let t = e.id === y, r = e.id === D, a = _.find((t) => t.id === e.mode), o = n(e.messages), c = o[o.length - 1], l = o.length === 0 && e.messages.length > 0, d = b[e.id], v = c ? i(c, d, g).text.slice(0, 60) : "";
+					return /* @__PURE__ */ m("div", {
 						role: "button",
 						tabIndex: 0,
 						onKeyDown: (t) => {
-							(t.key === "Enter" || t.key === " ") && (t.preventDefault(), !r && j(e.id));
+							(t.key === "Enter" || t.key === " ") && (t.preventDefault(), !r && M(e.id));
 						},
-						onClick: () => !r && j(e.id),
+						onClick: () => !r && M(e.id),
 						className: `group px-3 py-2 cursor-pointer hover:bg-bg-elevated transition-colors ${t ? "bg-bg-elevated border-l-2 border-action-primary-bg" : ""}`,
-						children: r ? /* @__PURE__ */ m("div", {
+						children: r ? /* @__PURE__ */ h("div", {
 							className: "flex items-center gap-1",
-							children: [/* @__PURE__ */ p("input", {
-								"aria-label": h("conversations.renameLabel", "Conversation title"),
-								value: O,
-								onChange: (e) => k(e.target.value),
+							children: [/* @__PURE__ */ m("input", {
+								"aria-label": g("conversations.renameLabel", "Conversation title"),
+								value: k,
+								onChange: (e) => A(e.target.value),
 								onKeyDown: (e) => {
-									e.key === "Enter" && N(), e.key === "Escape" && (e.preventDefault(), e.stopPropagation(), D(null));
+									e.key === "Enter" && P(), e.key === "Escape" && (e.preventDefault(), e.stopPropagation(), O(null));
 								},
 								className: "flex-1 text-xs bg-bg-sunken border border-border-default rounded px-2 py-1 text-text-primary focus:outline-none focus:border-action-primary-bg",
 								onClick: (e) => e.stopPropagation()
-							}), /* @__PURE__ */ p("button", {
+							}), /* @__PURE__ */ m("button", {
 								type: "button",
 								onClick: (e) => {
-									e.stopPropagation(), N();
+									e.stopPropagation(), P();
 								},
 								className: "p-1 hover:bg-bg-sunken rounded",
-								"aria-label": h("conversations.saveTitle", "Save title"),
-								children: /* @__PURE__ */ p(o, { className: "size-3 text-status-success-text" })
+								"aria-label": g("conversations.saveTitle", "Save title"),
+								children: /* @__PURE__ */ m(s, { className: "size-3 text-status-success-text" })
 							})]
-						}) : /* @__PURE__ */ m(f, { children: [
-							/* @__PURE__ */ m("div", {
+						}) : /* @__PURE__ */ h(p, { children: [
+							/* @__PURE__ */ h("div", {
 								className: "flex items-center justify-between",
-								children: [/* @__PURE__ */ p("span", {
+								children: [/* @__PURE__ */ m("span", {
 									className: "text-xs font-medium text-text-primary truncate flex-1",
 									children: e.title
-								}), /* @__PURE__ */ m("div", {
+								}), /* @__PURE__ */ h("div", {
 									className: "hidden group-hover:flex group-focus-within:flex items-center gap-0.5 ml-1",
-									children: [/* @__PURE__ */ p("button", {
+									children: [/* @__PURE__ */ m("button", {
 										type: "button",
 										onClick: (t) => {
-											t.stopPropagation(), M(e.id, e.title);
+											t.stopPropagation(), N(e.id, e.title);
 										},
 										className: "p-0.5 hover:bg-bg-sunken rounded",
-										"aria-label": h("conversations.rename", "Rename conversation"),
-										children: /* @__PURE__ */ p(l, { className: "size-3 text-text-muted" })
-									}), /* @__PURE__ */ p("button", {
+										"aria-label": g("conversations.rename", "Rename conversation"),
+										children: /* @__PURE__ */ m(u, { className: "size-3 text-text-muted" })
+									}), /* @__PURE__ */ m("button", {
 										type: "button",
-										onClick: (t) => P(t, e.id),
+										onClick: (t) => F(t, e.id),
 										className: "p-0.5 hover:bg-bg-sunken rounded",
-										"aria-label": h("conversations.delete", "Delete conversation"),
+										"aria-label": g("conversations.delete", "Delete conversation"),
 										"data-testid": "delete-conversation",
-										children: /* @__PURE__ */ p(d, { className: "size-3 text-status-error-text" })
+										children: /* @__PURE__ */ m(f, { className: "size-3 text-status-error-text" })
 									})]
 								})]
 							}),
-							/* @__PURE__ */ m("div", {
+							/* @__PURE__ */ h("div", {
 								className: "flex items-center gap-1.5 mt-0.5",
 								children: [
-									/* @__PURE__ */ p("span", {
+									/* @__PURE__ */ m("span", {
 										className: "text-[10px] text-text-muted px-1 py-0.5 bg-bg-sunken rounded",
-										children: i?.label ?? e.mode
+										children: a?.label ?? e.mode
 									}),
-									/* @__PURE__ */ m("span", {
+									/* @__PURE__ */ h("span", {
 										className: "text-[10px] text-text-muted",
-										children: [a.length, " msgs"]
+										children: [o.length, " msgs"]
 									}),
-									u && u.status !== "idle" && /* @__PURE__ */ p("span", {
+									d && d.status !== "idle" && /* @__PURE__ */ m("span", {
 										className: "text-[10px] text-action-primary-bg px-1 py-0.5 bg-bg-sunken rounded",
-										children: u.status
+										children: d.status
 									})
 								]
 							}),
-							s && /* @__PURE__ */ p("p", {
+							v && /* @__PURE__ */ m("p", {
 								className: "text-[10px] text-text-muted truncate mt-0.5",
-								children: s.content.slice(0, 60)
+								children: v
 							}),
-							c && /* @__PURE__ */ p("p", {
+							l && /* @__PURE__ */ m("p", {
 								className: "text-[10px] text-text-muted truncate mt-0.5",
-								children: h("conversationList.voiceOnly", "Spoken conversation")
+								children: g("conversationList.voiceOnly", "Spoken conversation")
 							})
 						] })
 					}, e.id);
@@ -161,4 +162,4 @@ var h = () => {
 	});
 };
 //#endregion
-export { h as AssistantConversationList };
+export { g as AssistantConversationList };

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

@@ -1,11 +1,22 @@
 import { FC } from 'react';
-import { Message } from '../conversation';
+import { AssistantConversationProcessing, Message } from '../conversation';
 interface Props {
     /** Approve a pending write. Absent outside a live conversation. */
     onApprovePendingWrite?: (reference: string) => void;
     /** Reference currently being approved, so only that card shows a spinner. */
     approvingWriteRef?: string | null;
     message: Message;
+    /**
+     * The processing entry of this message's conversation. It decides what the
+     * bubble shows — waiting copy drawn from the live step, the model's output, or
+     * "Stopped" for a turn that ended with nothing — through
+     * `getAssistantDisplayContent`, the projection every surface shares.
+     *
+     * ★ Optional for hosts that mount the item directly. When it is not passed at
+     * all, `isStreaming` stands in for it, so such a host never sees a turn it is
+     * still streaming labelled "Stopped".
+     */
+    processing?: AssistantConversationProcessing | null;
     isStreaming?: boolean;
     /** This assistant message ended in an error — show the Retry affordance. */
     isFailed?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"AssistantMessageItem.d.ts","sourceRoot":"","sources":["../../../../src/shared/assistant/ui/AssistantMessageItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAsBnD,OAAO,KAAK,EAGV,OAAO,EACR,MAAM,iBAAiB,CAAC;AAIzB,UAAU,KAAK;IACb,mEAAmE;IACnE,qBAAqB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,6EAA6E;IAC7E,iBAAiB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,OAAO,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,iEAAiE;IACjE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAyCD,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,KAAK,CAmS1C,CAAC"}
+{"version":3,"file":"AssistantMessageItem.d.ts","sourceRoot":"","sources":["../../../../src/shared/assistant/ui/AssistantMessageItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAwBnD,OAAO,KAAK,EACV,+BAA+B,EAG/B,OAAO,EACR,MAAM,iBAAiB,CAAC;AAIzB,UAAU,KAAK;IACb,mEAAmE;IACnE,qBAAqB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,6EAA6E;IAC7E,iBAAiB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,OAAO,EAAE,OAAO,CAAC;IACjB;;;;;;;;;OASG;IACH,UAAU,CAAC,EAAE,+BAA+B,GAAG,IAAI,CAAC;IACpD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,iEAAiE;IACjE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAyCD,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,KAAK,CAqU1C,CAAC"}

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

@@ -5,179 +5,199 @@ import { useAssistantTr as n } from "../i18n.js";
 import { copyToClipboard as r } from "../clipboard.js";
 import { AssistantMarkdownRenderer as i } from "./AssistantMarkdownRenderer.js";
 import { downloadAssistantArtifact as a } from "../api.js";
-import { AssistantAvatar as o } from "./AssistantAvatar.js";
+import { getAssistantDisplayContent as o } from "../displayContent.js";
 import { AssistantToolActivity as s, parseToolActivity as c } from "./AssistantToolActivity.js";
-import { useAssistantSpeech as l } from "./AssistantSpeechProvider.js";
-import { AssistantMessageAttachments as u } from "./AssistantMessageAttachments.js";
-import { AssistantPendingWriteCard as d } from "./AssistantPendingWriteCard.js";
-import { AssistantSpeakButton as f } from "./AssistantSpeakButton.js";
-import { SaveToFilesButton as p } from "../../../storage/SaveToFilesButton.js";
+import { AssistantAvatar as l } from "./AssistantAvatar.js";
+import { useAssistantSpeech as u } from "./AssistantSpeechProvider.js";
+import { AssistantMessageAttachments as d } 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 { useMemo as m, useState as h } from "react";
-import { Check as g, Copy as _, RotateCcw as v } from "lucide-react";
-import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
+import { AssistantTurnActivity as h } from "./AssistantTurnActivity.js";
+import { useMemo as g, useState as _ } from "react";
+import { Check as v, Copy as y, RotateCcw as b } from "lucide-react";
+import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
 //#region src/shared/assistant/ui/AssistantMessageItem.tsx
-function S(e) {
+function w(e) {
 	return e.role === "assistant" ? e.metadata : void 0;
 }
-function C(e) {
+function T(e) {
 	return e?.artifacts ?? [];
 }
-function w(e) {
+function E(e) {
 	return window.atob(e);
 }
-function T(e, t, n) {
-	let r = w(e), i = new Uint8Array(r.length);
+function D(e, t, n) {
+	let r = E(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 E = ({ onApprovePendingWrite: w, approvingWriteRef: E = null, message: D, isStreaming: O, isFailed: k, isLastAssistant: A, onRetry: j }) => {
-	let M = n(), N = t(), { getAccessToken: P, getWorkspaceToken: F } = e(), I = l(), [L, R] = h(null), [z, B] = h(!1), V = D.role === "user", H = m(() => S(D), [D]), U = m(() => C(H), [H]), { steps: W, text: G } = m(() => V ? {
+var O = ({ onApprovePendingWrite: E, approvingWriteRef: O = null, message: k, processing: A, isStreaming: j, isFailed: M, isLastAssistant: N, onRetry: P }) => {
+	let F = n(), I = t(), { getAccessToken: L, getWorkspaceToken: R } = e(), z = u(), [B, V] = _(null), [H, U] = _(!1), W = k.role === "user", G = g(() => w(k), [k]), K = g(() => T(G), [G]), q = A === void 0 ? j ? {
+		status: "streaming",
+		messageId: k.id,
+		updatedAt: k.timestamp
+	} : null : A, J = o(k, q, F), { steps: Y, text: X } = g(() => W ? {
 		steps: [],
-		text: D.content
-	} : c(D.content), [V, D.content]), K = () => {
-		r(G || D.content).then((e) => {
-			e && (B(!0), setTimeout(() => B(!1), 2e3));
+		text: k.content
+	} : J.kind === "output" ? c(J.text) : {
+		steps: [],
+		text: ""
+	}, [
+		W,
+		k.content,
+		J.kind,
+		J.text
+	]), Z = () => {
+		r(X).then((e) => {
+			e && (U(!0), setTimeout(() => U(!1), 2e3));
 		});
-	}, q = async (e) => {
-		if (!H?.sandboxId || !H.sessionId) return;
+	}, Q = async (e) => {
+		if (!G?.sandboxId || !G.sessionId) return;
 		let t = new URLSearchParams(window.location.search).get("workspace") ?? "";
 		if (t) {
-			R(e.path);
+			V(e.path);
 			try {
-				let n = await a(H.sandboxId, t, H.sessionId, e.path, {
-					accessToken: P(),
-					workspaceToken: F()
+				let n = await a(G.sandboxId, t, G.sessionId, e.path, {
+					accessToken: L(),
+					workspaceToken: R()
 				});
-				T(n.contentBase64, n.filename, n.mimeType);
+				D(n.contentBase64, n.filename, n.mimeType);
 			} finally {
-				R(null);
+				V(null);
 			}
 		}
-	}, J = new Date(D.timestamp).toLocaleTimeString([], {
+	}, $ = new Date(k.timestamp).toLocaleTimeString([], {
 		hour: "2-digit",
 		minute: "2-digit"
 	});
-	if (D.role === "system") return /* @__PURE__ */ b("div", {
+	if (k.role === "system") return /* @__PURE__ */ S("div", {
 		className: "flex justify-center px-2 py-1",
 		"data-testid": "assistant-message-system",
-		children: /* @__PURE__ */ b("p", {
+		children: /* @__PURE__ */ S("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: D.content
+			children: k.content
 		})
 	});
-	if (V) {
-		let e = D.metadata?.attachments ?? [];
-		return /* @__PURE__ */ b("div", {
+	if (W) {
+		let e = k.metadata?.attachments ?? [];
+		return /* @__PURE__ */ S("div", {
 			className: "flex justify-end",
 			"data-testid": "assistant-message-user",
-			children: /* @__PURE__ */ x("div", {
+			children: /* @__PURE__ */ C("div", {
 				className: "max-w-[85%]",
 				children: [
-					D.content && /* @__PURE__ */ b("div", {
+					k.content && /* @__PURE__ */ S("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__ */ b("p", {
+						children: /* @__PURE__ */ S("p", {
 							className: "whitespace-pre-wrap",
-							children: D.content
+							children: k.content
 						})
 					}),
-					/* @__PURE__ */ b(u, { attachments: e }),
-					/* @__PURE__ */ b("div", {
+					/* @__PURE__ */ S(d, { attachments: e }),
+					/* @__PURE__ */ S("div", {
 						className: "mt-1 pr-1 text-right text-[10px] text-text-muted",
-						children: J
+						children: $
 					})
 				]
 			})
 		});
 	}
-	return /* @__PURE__ */ x("div", {
+	return /* @__PURE__ */ C("div", {
 		className: "flex gap-2.5",
 		"data-testid": "assistant-message-assistant",
-		children: [/* @__PURE__ */ b(o, { active: O }), /* @__PURE__ */ x("div", {
+		children: [/* @__PURE__ */ S(l, { active: j }), /* @__PURE__ */ C("div", {
 			className: "min-w-0 flex-1",
 			children: [
-				W.length > 0 && /* @__PURE__ */ b(s, { steps: W }),
-				H?.pendingWrite ? /* @__PURE__ */ b(d, {
-					pendingWrite: H.pendingWrite,
-					onApprove: w,
-					approving: E !== null && E === H.pendingWrite.reference
+				Y.length > 0 && /* @__PURE__ */ S(s, { steps: Y }),
+				G?.pendingWrite ? /* @__PURE__ */ S(f, {
+					pendingWrite: G.pendingWrite,
+					onApprove: E,
+					approving: O !== null && O === G.pendingWrite.reference
 				}) : null,
-				G && /* @__PURE__ */ b("div", {
+				X && /* @__PURE__ */ S("div", {
 					className: "text-[15px] leading-relaxed text-text-primary",
-					children: /* @__PURE__ */ b(i, { content: G })
+					children: /* @__PURE__ */ S(i, { content: X })
+				}),
+				J.kind === "working" && /* @__PURE__ */ S(h, { processing: q }),
+				J.kind === "stopped" && /* @__PURE__ */ S("p", {
+					className: "text-[15px] leading-relaxed text-text-secondary",
+					"data-testid": "assistant-turn-stopped",
+					children: J.text
 				}),
-				O && /* @__PURE__ */ b("span", {
+				j && /* @__PURE__ */ S("span", {
 					"aria-hidden": "true",
 					className: "ml-0.5 inline-block h-4 w-1.5 rounded-sm bg-text-secondary align-middle motion-safe:animate-pulse"
 				}),
-				U.length > 0 && H?.sandboxId && H.sessionId && /* @__PURE__ */ x("div", {
+				K.length > 0 && G?.sandboxId && G.sessionId && /* @__PURE__ */ C("div", {
 					className: "mt-3 space-y-2 border-t border-border-subtle pt-2",
-					children: [/* @__PURE__ */ b("p", {
+					children: [/* @__PURE__ */ S("p", {
 						className: "text-[10px] font-medium uppercase tracking-wide text-text-muted",
-						children: M("message.downloads", "Downloads")
-					}), /* @__PURE__ */ b("div", {
+						children: F("message.downloads", "Downloads")
+					}), /* @__PURE__ */ S("div", {
 						className: "flex flex-wrap gap-2",
-						children: U.map((e) => {
+						children: K.map((e) => {
 							let t = `${e.name}${e.type === "directory" ? ".tar.gz" : ""}`;
-							return /* @__PURE__ */ b(p, {
+							return /* @__PURE__ */ S(m, {
 								label: t,
-								disabled: L === e.path,
+								disabled: B === e.path,
 								testId: `assistant-artifact-${e.name}`,
 								source: {
 									kind: "sandbox-artifact",
-									sandboxId: H.sandboxId,
-									sessionId: H.sessionId,
+									sandboxId: G.sandboxId,
+									sessionId: G.sessionId,
 									path: e.path,
 									filename: t
 								},
-								defaultFolderPath: N.artifacts,
-								onDownload: () => q(e)
+								defaultFolderPath: I.artifacts,
+								onDownload: () => Q(e)
 							}, e.path);
 						})
 					})]
 				}),
-				!O && (G || k || A) && /* @__PURE__ */ x("div", {
+				!j && (X || M || N) && /* @__PURE__ */ C("div", {
 					className: "mt-1.5 flex items-center gap-1",
 					children: [
-						G && /* @__PURE__ */ b("button", {
+						X && /* @__PURE__ */ S("button", {
 							type: "button",
-							onClick: K,
+							onClick: Z,
 							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": M("message.copy", "Copy message"),
+							"aria-label": F("message.copy", "Copy message"),
 							"data-testid": "assistant-message-copy",
-							children: z ? /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b(g, { className: "size-3 text-status-success-text" }), /* @__PURE__ */ b("span", { children: M("message.copied", "Copied") })] }) : /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b(_, { className: "size-3" }), /* @__PURE__ */ b("span", { children: M("message.copy", "Copy") })] })
+							children: H ? /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ S(v, { className: "size-3 text-status-success-text" }), /* @__PURE__ */ S("span", { children: F("message.copied", "Copied") })] }) : /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ S(y, { className: "size-3" }), /* @__PURE__ */ S("span", { children: F("message.copy", "Copy") })] })
 						}),
-						G && I.isSupported && (() => {
-							let e = I.blockedFor(D.id) ?? I.disabledReason, t = !!e && !!A, n = t ? `speak-reason-${D.id}` : void 0;
-							return /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b(f, {
-								isSpeaking: I.isSpeaking(D.id),
+						X && z.isSupported && (() => {
+							let e = z.blockedFor(k.id) ?? z.disabledReason, t = !!e && !!N, n = t ? `speak-reason-${k.id}` : void 0;
+							return /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ S(p, {
+								isSpeaking: z.isSpeaking(k.id),
 								disabled: e !== null,
 								disabledReason: e,
 								describedById: n,
-								onClick: () => I.toggle(D.id, G, H?.lang)
-							}), t && /* @__PURE__ */ b("span", {
+								onClick: () => z.toggle(k.id, X, G?.lang)
+							}), t && /* @__PURE__ */ S("span", {
 								id: n,
 								className: "text-[11px] text-text-muted",
 								"data-testid": "assistant-speak-reason",
 								children: e
 							})] });
 						})(),
-						(k || A) && j && /* @__PURE__ */ x("button", {
+						(M || N) && P && /* @__PURE__ */ C("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 ${k ? "text-status-error-text" : "text-text-muted hover:text-text-secondary"}`,
-							"aria-label": M("message.retry", "Retry"),
+							onClick: P,
+							className: `flex items-center gap-1 rounded-md px-1.5 py-1 text-[11px] transition-colors hover:bg-bg-elevated ${M ? "text-status-error-text" : "text-text-muted hover:text-text-secondary"}`,
+							"aria-label": F("message.retry", "Retry"),
 							"data-testid": "assistant-message-retry",
-							children: [/* @__PURE__ */ b(v, { className: "size-3" }), /* @__PURE__ */ b("span", { children: M("message.retry", "Retry") })]
+							children: [/* @__PURE__ */ S(b, { className: "size-3" }), /* @__PURE__ */ S("span", { children: F("message.retry", "Retry") })]
 						})
 					]
 				}),
-				/* @__PURE__ */ x("div", {
+				/* @__PURE__ */ C("div", {
 					className: "mt-1 text-[10px] text-text-muted",
-					children: [J, D.tokens && /* @__PURE__ */ x("span", {
+					children: [$, k.tokens && /* @__PURE__ */ C("span", {
 						className: "ml-2",
-						children: [D.tokens.input + D.tokens.output, " tokens"]
+						children: [k.tokens.input + k.tokens.output, " tokens"]
 					})]
 				})
 			]
@@ -185,4 +205,4 @@ var E = ({ onApprovePendingWrite: w, approvingWriteRef: E = null, message: D, is
 	});
 };
 //#endregion
-export { E as AssistantMessageItem };
+export { O as AssistantMessageItem };

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

@@ -1,10 +1,16 @@
 import { FC } from 'react';
-import { Message } from '../conversation';
+import { AssistantConversationProcessing, Message } from '../conversation';
 interface Props {
     /** Forwarded to each pending-write card; see AssistantPendingWriteCard. */
     onApprovePendingWrite?: (reference: string) => void;
     approvingWriteRef?: string | null;
     messages: Message[];
+    /**
+     * The conversation's processing entry, which each item reads to decide what
+     * a turn is showing: live waiting copy, output, or "Stopped". Optional for
+     * hosts that mount the list directly; see `AssistantMessageItem`.
+     */
+    processing?: AssistantConversationProcessing | null;
     streamingMessageId: string | null;
     /** The assistant message (if any) whose turn ended in an error. */
     failedMessageId?: string | null;

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

@@ -1 +1 @@
-{"version":3,"file":"AssistantMessageList.d.ts","sourceRoot":"","sources":["../../../../src/shared/assistant/ui/AssistantMessageList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAG/C,UAAU,KAAK;IACb,2EAA2E;IAC3E,qBAAqB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,iBAAiB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,QAAQ,EAAE,OAAO,EAAE,CAAC;IACpB,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,mEAAmE;IACnE,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,kEAAkE;IAClE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,KAAK,CA8E1C,CAAC"}
+{"version":3,"file":"AssistantMessageList.d.ts","sourceRoot":"","sources":["../../../../src/shared/assistant/ui/AssistantMessageList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,KAAK,EAAE,+BAA+B,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAGhF,UAAU,KAAK;IACb,2EAA2E;IAC3E,qBAAqB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,iBAAiB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,QAAQ,EAAE,OAAO,EAAE,CAAC;IACpB;;;;OAIG;IACH,UAAU,CAAC,EAAE,+BAA+B,GAAG,IAAI,CAAC;IACpD,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,mEAAmE;IACnE,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,kEAAkE;IAClE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,KAAK,CAgF1C,CAAC"}