@burdenoff/fe-libs 2026.1029.7 → 2026.1029.9

package/dist/shared/assistant/ui/composer/AssistantComposer.js

@@ -2,8 +2,8 @@ import { useI18n as e } from "../../../providers/shell/I18nProvider.js";
 import { EscapeLayer as t } from "../../../components/EscapeLayer.js";
 import { useVoiceInput as n } from "../../voice/useVoiceInput.js";
 import { useAssistantTr as r } from "../../i18n.js";
-import { useAssistantStore as i } from "../../store.js";
-import { languageDisplayName as ee } from "../../voice/speechVoices.js";
+import { useAssistantStore as ee } from "../../store.js";
+import { languageDisplayName as i } from "../../voice/speechVoices.js";
 import { resolveAssistantLanguage as te } from "../../voice/languages.js";
 import { attachmentEditorAccessMessage as ne } from "../../attachmentAccessCopy.js";
 import { getSendableAttachments as re } from "../../attachments.js";
@@ -12,168 +12,194 @@ import { AssistantAttachmentButton as ie } from "./AssistantAttachmentButton.js"
 import { AssistantAttachmentChips as ae } from "./AssistantAttachmentChips.js";
 import { AssistantModeSelector as oe } from "./AssistantModeSelector.js";
 import { AssistantModeMenu as se } from "./AssistantModeMenu.js";
-import { compactEnterSends as ce } from "./imeEnter.js";
-import { AssistantVoiceButton as le, ListeningDot as ue } from "./AssistantVoiceButton.js";
-import { AssistantVoiceSessionButton as de } from "../voice/AssistantVoiceSessionButton.js";
-import { useAssistantAttachments as fe } from "../../useAssistantAttachments.js";
-import { useCallback as o, useEffect as s, useLayoutEffect as pe, useMemo as me, useRef as c, useState as l } from "react";
-import { ArrowUp as he, Loader2 as u, Square as ge } from "lucide-react";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { compactEnterSends as ce, isImeComposingEnter as le } from "./imeEnter.js";
+import { AssistantVoiceButton as ue, ListeningDot as de } from "./AssistantVoiceButton.js";
+import { AssistantVoiceSessionButton as fe } from "../voice/AssistantVoiceSessionButton.js";
+import { useAssistantAttachments as pe } from "../../useAssistantAttachments.js";
+import { useCallback as o, useEffect as s, useLayoutEffect as c, useMemo as me, useRef as l, useState as u } from "react";
+import { ArrowUp as he, Loader2 as d, Square as ge } from "lucide-react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
 //#region src/shared/assistant/ui/composer/AssistantComposer.tsx
-var _e = 200, p = ({ writeAccessDenied: p = !1, onSend: m, disabled: h = !1, readOnly: ve = !1, placeholder: ye, mode: be, availableModes: g, attachmentCharsPerFile: xe, onModeChange: Se, auto: Ce, onStartVoiceSession: _, onDraftStart: we, onDraftChange: Te, suspendDictation: Ee = !1, onVoiceStateChange: De, presentation: Oe = "classic", turnInFlight: v = !1, onStop: y, modeDisabledReason: ke = null }) => {
-	let b = r(), { locale: x } = e(), S = h || ve, Ae = Oe === "compact", C = c(null), [w, T] = l(""), [E, D] = l(!1), [O, je] = l(!1), k = c(!1), [Me, A] = l(null), [Ne, j] = l(null), [Pe, Fe] = l(v);
-	Pe !== v && (Fe(v), v && j(null));
-	let M = c(!1), N = c(null), P = c(!1), F = c(0), { attachments: I, isBusy: Ie, preparingCount: Le, sendBlocker: Re, rejection: ze, addFiles: L, remove: Be, retry: Ve, clear: R, clearRejection: He, canAddMore: Ue, commit: We, cancelCommit: Ge } = fe({ perFileChars: xe }), z = w.trim() !== "" || I.length > 0, B = c(!1), V = c(!1);
+var _e = 200;
+function ve(e) {
+	if (!e) return !1;
+	let t = e.ownerDocument.activeElement;
+	return !t || t === e.ownerDocument.body ? !1 : e.contains(t) ? !0 : e.closest("[data-assistant-panel]")?.contains(t) ?? !1;
+}
+var m = ({ writeAccessDenied: m = !1, onSend: ye, disabled: h = !1, readOnly: be = !1, placeholder: xe, mode: Se, availableModes: g, attachmentCharsPerFile: Ce, onModeChange: we, auto: Te, onStartVoiceSession: _, onDraftStart: Ee, onDraftChange: De, suspendDictation: Oe = !1, onVoiceStateChange: ke, presentation: Ae = "classic", turnInFlight: v = !1, onStop: je, turnId: Me, modeDisabledReason: Ne = null, inputRef: y, aboveCard: Pe }) => {
+	let b = r(), { locale: x } = e(), S = h || be, C = Ae === "compact", w = l(null), Fe = o((e) => {
+		w.current = e, typeof y == "function" ? y(e) : y && (y.current = e);
+	}, [y]), [T, E] = u(""), [D, Ie] = u(!1), [O, Le] = u(!1), k = l(!1), [Re, A] = u(null), [ze, j] = u(null), [M, N] = u(null), [Be, Ve] = u(v);
+	Be === v ? M !== null && v && Me != null && Me !== M && N(null) : (Ve(v), v ? (j(null), N(null)) : M !== null && (j(M), N(null)));
+	let He = l(!1), P = l(null), Ue = l(!1), We = l(!1), Ge = l(null), F = l(!1), I = l(0), { attachments: L, isBusy: Ke, preparingCount: qe, sendBlocker: Je, rejection: Ye, addFiles: R, remove: Xe, retry: Ze, clear: z, clearRejection: Qe, canAddMore: $e, commit: et, cancelCommit: tt } = pe({ perFileChars: Ce }), B = T.trim() !== "" || L.length > 0, V = l(!1), H = l(!1);
 	s(() => {
-		z && !B.current ? (B.current = !0, we?.()) : z || (B.current = !1);
-	}, [z, we]), s(() => {
-		z || (V.current = !1), Te?.({
-			text: w,
-			hasAttachments: I.length > 0,
-			dictated: V.current
+		B && !V.current ? (V.current = !0, Ee?.()) : B || (V.current = !1);
+	}, [B, Ee]), s(() => {
+		B || (H.current = !1), De?.({
+			text: T,
+			hasAttachments: L.length > 0,
+			dictated: H.current
 		});
 	}, [
-		w,
-		I.length,
-		z,
-		Te
+		T,
+		L.length,
+		B,
+		De
 	]);
-	let H = o((e) => {
-		V.current = !0, T((t) => t ? `${t.replace(/\s+$/, "")} ${e}` : e);
-	}, []), Ke = i((e) => e.assistantLanguage), U = n({
-		onFinalize: H,
-		language: me(() => te(Ke, x), [Ke, x]).tag
-	}), W = U.isActive, G = U.interim, qe = U.stop;
+	let U = o((e) => {
+		H.current = !0, E((t) => t ? `${t.replace(/\s+$/, "")} ${e}` : e);
+	}, []), nt = ee((e) => e.assistantLanguage), W = n({
+		onFinalize: U,
+		language: me(() => te(nt, x), [nt, x]).tag
+	}), G = W.isActive, K = W.interim, rt = W.stop;
 	s(() => {
-		!Ee || !W || (G.trim() !== "" && H(G.trim()), qe());
+		!Oe || !G || (K.trim() !== "" && U(K.trim()), rt());
 	}, [
-		Ee,
-		W,
+		Oe,
 		G,
-		qe,
-		H
+		K,
+		rt,
+		U
 	]), s(() => {
-		De?.({
+		ke?.({
 			committing: O,
-			dictating: W
+			dictating: G
 		});
 	}, [
-		De,
+		ke,
 		O,
-		W
+		G
 	]);
-	let Je = ye ?? b("composer.placeholder", "Ask me anything…"), K = w.trim(), q = re(I), J = I.filter((e) => e.status === "error"), Y = (K.length > 0 || q.length > 0) && !S && !O && Re === null, Ye = q.some((e) => !(e.fileId && e.downloadUrl) && !e.inlineOnly), X = c(S);
-	X.current = S;
-	let Z = c(!0);
-	s(() => (Z.current = !0, () => {
-		Z.current = !1;
-	}), []), pe(() => {
-		let e = C.current;
+	let it = xe ?? b("composer.placeholder", "Ask me anything…"), q = T.trim(), J = re(L), at = L.filter((e) => e.status === "error"), Y = (q.length > 0 || J.length > 0) && !S && !O && Je === null, ot = J.some((e) => !(e.fileId && e.downloadUrl) && !e.inlineOnly), st = l(S);
+	st.current = S;
+	let X = l(!0);
+	s(() => (X.current = !0, () => {
+		X.current = !1;
+	}), []), c(() => {
+		let e = w.current;
 		e && (e.style.height = "auto", e.style.height = `${Math.min(e.scrollHeight, _e)}px`);
-	}, [w]);
-	let Q = o(async () => {
+	}, [T]);
+	let Z = o(async () => {
 		if (!Y || k.current) return;
-		U.isActive && U.stop();
-		let e = w.trim();
-		if (A(null), !Ye) {
-			m(e, q), T(""), R();
+		W.isActive && W.stop();
+		let e = T.trim();
+		A(null);
+		let t = C && ve(Ge.current);
+		if (!ot) {
+			F.current = t, ye(e, J), E(""), z();
 			return;
 		}
-		let t = i.getState().activeConversationId;
-		k.current = !0, je(!0);
+		let n = ee.getState().activeConversationId;
+		k.current = !0, Le(!0);
 		try {
-			let n = await We();
-			if (!Z.current) {
-				n.ok && await n.rollback();
+			let r = await et();
+			if (!X.current) {
+				r.ok && await r.rollback();
 				return;
 			}
-			if (!n.ok) {
-				n.cancelled || A({
+			if (!r.ok) {
+				r.cancelled || A({
 					kind: "failed",
-					failures: n.failures
+					failures: r.failures
 				});
 				return;
 			}
-			if (X.current) {
-				await n.rollback(), Z.current && A({
+			if (st.current) {
+				await r.rollback(), X.current && A({
 					kind: "busy",
 					failures: []
 				});
 				return;
 			}
-			let r = i.getState();
-			if (!(r.activeConversationId === t && (t === null || r.conversations.some((e) => e.id === t)))) {
-				await n.rollback(), Z.current && A({
+			let i = ee.getState();
+			if (!(i.activeConversationId === n && (n === null || i.conversations.some((e) => e.id === n)))) {
+				await r.rollback(), X.current && A({
 					kind: "moved",
 					failures: []
 				});
 				return;
 			}
-			m(e, re(n.attachments)), n.handedOver(), T(""), R();
+			F.current = t, ye(e, re(r.attachments)), r.handedOver(), E(""), z();
 		} finally {
-			k.current = !1, Z.current && je(!1);
+			k.current = !1, X.current && Le(!1);
 		}
 	}, [
 		Y,
-		Ye,
-		We,
-		m,
-		w,
-		q,
-		R,
-		U
-	]), Xe = o(() => {
-		Ge(), C.current?.focus();
-	}, [Ge]), $ = o(() => {
-		X.current ? M.current = !0 : C.current?.focus();
-	}, []), Ze = o(() => {
-		let e = y?.() ?? null;
-		e !== null && j(e), $();
-	}, [y, $]);
+		ot,
+		et,
+		ye,
+		T,
+		J,
+		z,
+		W,
+		C
+	]), ct = o(() => {
+		tt(), w.current?.focus();
+	}, [tt]), Q = o(() => {
+		st.current ? He.current = !0 : w.current?.focus();
+	}, []), lt = o(() => {
+		if (We.current) return;
+		let e = je?.() ?? null;
+		e !== null && (We.current = !0, N(e)), Q();
+	}, [je, Q]);
 	s(() => {
-		S || !M.current || (M.current = !1, C.current?.focus());
+		S || !He.current || (He.current = !1, w.current?.focus());
 	}, [S]);
-	let Qe = o((e) => {
+	let ut = o((e) => {
 		if (e !== null) {
-			N.current = e;
+			P.current = e;
 			return;
 		}
-		let t = N.current;
-		N.current = null, t !== null && t.ownerDocument.activeElement === t && (P.current = !0);
-	}, []), $e = Ae && v && y !== void 0;
-	pe(() => {
-		$e || !P.current || (P.current = !1, $());
-	}, [$e, $]);
-	let et = o((e) => {
-		T(e), j(null);
+		let t = P.current;
+		P.current = null, t !== null && t.ownerDocument.activeElement === t && (Ue.current = !0);
+	}, []), $ = C && v && je !== void 0;
+	c(() => {
+		$ || !Ue.current || (Ue.current = !1, Q());
+	}, [$, Q]), s(() => {
+		M === null && (We.current = !1);
+	}, [M]), c(() => {
+		if (!$) return;
+		let e = F.current;
+		if (F.current = !1, !e) return;
+		let t = P.current;
+		if (t === null) return;
+		let n = t.ownerDocument, r = n.activeElement;
+		(r === null || r === n.body || r === w.current) && t.focus({ preventScroll: !0 });
+	}, [$]);
+	let dt = o((e) => {
+		E(e), j(null);
 	}, []);
 	s(() => {
 		A(null);
-	}, [I.length]);
-	let tt = (e) => {
+	}, [L.length]);
+	let ft = (e) => {
 		if (e.kind === "busy") return b("attachments.saveBusy", "The assistant started another reply, so nothing was sent. Your message and files are still here.");
 		if (e.kind === "moved") return b("attachments.saveMoved", "You switched conversations while the files were being saved, so nothing was sent. Your message and files are still here.");
 		let { failures: t } = e;
 		if (t.some((e) => e.code === a.editorAccessRequired)) return ne(b, x);
 		if (t.some((e) => e.code === a.quotaExceeded || e.code === a.quotaNotProvisioned)) return `${b("attachments.quotaFull", "File storage is full or not set up for this workspace, so the attachments couldn't be saved. Nothing was sent.")} ${b("attachments.retrySend", "Press Send to try again, or remove the file.")}`;
-		let n = t[0], r = I.find((e) => e.id === n?.id)?.filename ?? "";
+		let n = t[0], r = L.find((e) => e.id === n?.id)?.filename ?? "";
 		return `${t.length <= 1 ? b("attachments.saveFailedOne", "{{name}} couldn't be saved, so nothing was sent.", { name: r }) : b("attachments.saveFailedMany", "{{count}} attachments couldn't be saved, so nothing was sent.", { count: t.length })} ${b("attachments.retrySend", "Press Send to try again, or remove the file.")}`;
-	}, nt = o((e) => {
-		e.key === "Enter" && !e.shiftKey && (e.preventDefault(), Q());
-	}, [Q]), rt = o((e) => {
-		ce(e) && (e.preventDefault(), j(null), Q());
-	}, [Q]), it = o((e) => {
+	}, pt = o((e) => {
+		e.key === "Enter" && !e.shiftKey && (e.preventDefault(), Z());
+	}, [Z]), mt = o((e) => {
+		if (e.key === "Escape") {
+			le(e) && e.stopPropagation();
+			return;
+		}
+		ce(e) && (e.preventDefault(), j(null), Z());
+	}, [Z]), ht = o((e) => {
 		let t = Array.from(e.clipboardData?.files ?? []);
-		t.length !== 0 && (e.preventDefault(), L(t));
-	}, [L]), at = o((e) => {
-		Array.from(e.dataTransfer?.types ?? []).includes("Files") && (F.current += 1, D(!0));
-	}, []), ot = o(() => {
-		F.current = Math.max(0, F.current - 1), F.current === 0 && D(!1);
-	}, []), st = o((e) => {
+		t.length !== 0 && (e.preventDefault(), R(t));
+	}, [R]), gt = o((e) => {
+		Array.from(e.dataTransfer?.types ?? []).includes("Files") && (I.current += 1, Ie(!0));
+	}, []), _t = o(() => {
+		I.current = Math.max(0, I.current - 1), I.current === 0 && Ie(!1);
+	}, []), vt = o((e) => {
 		Array.from(e.dataTransfer?.types ?? []).includes("Files") && e.preventDefault();
-	}, []), ct = o((e) => {
-		e.preventDefault(), F.current = 0, D(!1), L(e.dataTransfer?.files ?? null);
-	}, [L]), lt = (e) => {
+	}, []), yt = o((e) => {
+		e.preventDefault(), I.current = 0, Ie(!1), R(e.dataTransfer?.files ?? null);
+	}, [R]), bt = (e) => {
 		switch (e) {
 			case "too-many": return b("attachments.tooMany", "You can attach up to {{max}} files per message.", { max: 5 });
 			case "too-large": return b("attachments.tooLarge", "That file is larger than 10 MB.");
@@ -182,161 +208,172 @@ var _e = 200, p = ({ writeAccessDenied: p = !1, onSend: m, disabled: h = !1, rea
 			case "unsupported-image": return b("attachments.unsupportedImage", "This device can't read that image format, so it can't be resized to send. Save it as JPEG and try again.");
 			case "too-large-to-save": return b("attachments.tooLargeToSave", "That file is over 5 MB, so it can't be saved to Files, and no text could be read from it.");
 		}
-	}, ut = (() => {
-		switch (U.error) {
+	}, xt = (() => {
+		switch (W.error) {
 			case "not-allowed": return b("voice.denied", "Microphone access is blocked. Allow it in your browser settings to dictate.");
 			case "audio-capture": return b("voice.noMic", "No microphone was found.");
 			case "network": return b("voice.network", "Speech recognition is offline right now.");
-			case "language-not-supported": return b("voice.languageNotSupported", "This browser cannot recognise spoken {{language}}. Try a different browser, or type instead.", { language: ee(U.language, x) });
+			case "language-not-supported": return b("voice.languageNotSupported", "This browser cannot recognise spoken {{language}}. Try a different browser, or type instead.", { language: i(W.language, x) });
 			case "unknown": return b("voice.failed", "Dictation stopped unexpectedly.");
 			default: return null;
 		}
-	})(), dt = (e) => O ? /* @__PURE__ */ d(t, {
-		onDismiss: Xe,
-		children: /* @__PURE__ */ f("p", {
+	})(), St = (e, n) => O ? /* @__PURE__ */ f(t, {
+		onDismiss: ct,
+		children: /* @__PURE__ */ p("p", {
 			className: "flex items-center justify-center gap-2 text-text-muted",
 			"data-testid": "assistant-commit-status",
 			children: [
-				/* @__PURE__ */ d(u, {
+				/* @__PURE__ */ f(d, {
 					className: "size-3 motion-safe:animate-spin",
 					"aria-hidden": "true"
 				}),
-				/* @__PURE__ */ d("span", { children: b("attachments.saving", "Saving your attachments…") }),
-				/* @__PURE__ */ d("button", {
+				/* @__PURE__ */ f("span", { children: b("attachments.saving", "Saving your attachments…") }),
+				/* @__PURE__ */ f("button", {
 					type: "button",
-					onClick: Xe,
+					onClick: ct,
 					className: "rounded text-text-primary underline underline-offset-2 hover:text-action-primary-bg focus:outline-none focus-visible:ring-2 focus-visible:ring-border-strong",
 					"data-testid": "assistant-commit-cancel",
 					children: b("attachments.cancelSaving", "Cancel")
 				})
 			]
 		})
-	}) : Me ? /* @__PURE__ */ d("p", {
+	}) : Re ? /* @__PURE__ */ f("p", {
 		className: "text-status-error-text",
 		role: "alert",
 		"data-testid": "assistant-commit-failed",
-		children: tt(Me)
-	}) : U.isStarting && !U.isListening ? /* @__PURE__ */ d("p", {
+		children: ft(Re)
+	}) : W.isStarting && !W.isListening ? /* @__PURE__ */ f("p", {
 		className: "text-text-muted",
 		"data-testid": "assistant-voice-starting",
 		children: b("voice.starting", "Starting the microphone…")
-	}) : U.isListening ? /* @__PURE__ */ f("p", {
+	}) : W.isListening ? /* @__PURE__ */ p("p", {
 		className: "text-status-error-text",
 		"data-testid": "assistant-voice-status",
-		children: [/* @__PURE__ */ d(ue, {}), U.interim || b("voice.listening", "Listening… speak now, tap the square to stop")]
-	}) : ut ? /* @__PURE__ */ d("p", {
+		children: [/* @__PURE__ */ f(de, {}), W.interim || b("voice.listening", "Listening… speak now, tap the square to stop")]
+	}) : xt ? /* @__PURE__ */ f("p", {
 		className: "text-status-error-text",
 		"data-testid": "assistant-voice-error",
-		children: ut
-	}) : ze ? /* @__PURE__ */ d("button", {
+		children: xt
+	}) : Ye ? /* @__PURE__ */ f("button", {
 		type: "button",
-		onClick: He,
+		onClick: Qe,
 		className: "text-status-error-text underline-offset-2 hover:underline",
 		"data-testid": "assistant-attachment-rejection",
-		children: lt(ze)
-	}) : Re === "failed" ? /* @__PURE__ */ d("p", {
+		children: bt(Ye)
+	}) : Je === "failed" ? /* @__PURE__ */ f("p", {
 		className: "text-status-error-text",
 		"data-testid": "assistant-attachment-blocked",
-		children: J.length === 1 ? b("attachments.blockedOne", "{{name}} didn't upload. Retry or remove it before sending.", { name: J[0].filename }) : b("attachments.blockedMany", "{{count}} attachments didn't upload. Retry or remove them before sending.", { count: J.length })
-	}) : e ? /* @__PURE__ */ d("p", {
+		children: at.length === 1 ? b("attachments.blockedOne", "{{name}} didn't upload. Retry or remove it before sending.", { name: at[0].filename }) : b("attachments.blockedMany", "{{count}} attachments didn't upload. Retry or remove them before sending.", { count: at.length })
+	}) : n ? /* @__PURE__ */ f("p", {
+		className: "text-text-muted",
+		"data-testid": "assistant-stopping-status",
+		children: b("composer.stopping", "Stopping the reply…")
+	}) : e ? /* @__PURE__ */ f("p", {
 		className: "text-text-muted",
 		"data-testid": "assistant-stop-status",
 		children: b("composer.stopped", "Reply stopped.")
-	}) : /* @__PURE__ */ d("p", {
+	}) : /* @__PURE__ */ f("p", {
 		className: "text-text-muted",
 		children: b("composer.hint", "Enter to send · Shift+Enter for newline · drag or paste files to attach")
 	});
-	if (Ae) {
-		let e = _ !== void 0 && K.length === 0 && I.length === 0 && !U.isActive, t = "focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--color-bg-elevated)]";
-		return /* @__PURE__ */ f("div", {
+	if (C) {
+		let e = _ !== void 0 && q.length === 0 && L.length === 0 && !W.isActive, t = "focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--color-bg-elevated)]";
+		return /* @__PURE__ */ p("div", {
+			ref: Ge,
 			className: "flex-shrink-0 px-3 pb-3 pt-1.5",
 			children: [
-				/* @__PURE__ */ f("div", {
-					onDragEnter: at,
-					onDragLeave: ot,
-					onDragOver: st,
-					onDrop: ct,
-					className: `flex flex-col rounded-3xl border bg-bg-elevated shadow-[var(--shadow-elevation-2)] transition-colors focus-within:border-[var(--color-focus-ring)] focus-within:ring-1 focus-within:ring-[var(--color-focus-ring)] ${E ? "border-dashed border-[var(--color-focus-ring)]" : "border-[var(--color-text-muted)]"}`,
+				Pe,
+				/* @__PURE__ */ p("div", {
+					onDragEnter: gt,
+					onDragLeave: _t,
+					onDragOver: vt,
+					onDrop: yt,
+					className: `flex flex-col rounded-3xl border bg-bg-elevated shadow-[var(--shadow-elevation-2)] transition-colors focus-within:border-[var(--color-focus-ring)] focus-within:ring-1 focus-within:ring-[var(--color-focus-ring)] ${D ? "border-dashed border-[var(--color-focus-ring)]" : "border-[var(--color-text-muted)]"}`,
 					"data-testid": "assistant-composer",
 					"data-presentation": "compact",
 					children: [
-						/* @__PURE__ */ d("div", {
+						/* @__PURE__ */ f("div", {
 							className: "px-3 pt-3 empty:hidden",
-							children: /* @__PURE__ */ d(ae, {
-								attachments: I,
-								onRemove: Be,
-								onRetry: Ve,
+							children: /* @__PURE__ */ f(ae, {
+								attachments: L,
+								onRemove: Xe,
+								onRetry: Ze,
 								disabled: S || O,
-								preparingCount: Le
+								preparingCount: qe
 							})
 						}),
-						/* @__PURE__ */ d("textarea", {
-							ref: C,
-							value: w,
-							onChange: (e) => et(e.target.value),
-							onKeyDown: rt,
-							onPaste: it,
+						/* @__PURE__ */ f("textarea", {
+							ref: Fe,
+							value: T,
+							onChange: (e) => dt(e.target.value),
+							onKeyDown: mt,
+							onPaste: ht,
 							disabled: S,
 							readOnly: O,
 							"aria-busy": O || void 0,
-							placeholder: E ? b("composer.dropHere", "Drop files to attach") : Je,
+							placeholder: D ? b("composer.dropHere", "Drop files to attach") : it,
 							rows: 1,
 							className: "min-h-14 w-full resize-none bg-transparent px-5 pb-2 pt-4 text-base leading-6 text-text-primary placeholder:text-text-muted focus:outline-none disabled:opacity-50",
 							"aria-label": b("chatInput.ariaLabel", "Message input"),
 							"data-testid": "assistant-input"
 						}),
-						/* @__PURE__ */ f("div", {
+						/* @__PURE__ */ p("div", {
 							className: "flex items-center gap-1 px-2 pb-2 pt-1",
 							children: [
-								/* @__PURE__ */ d(ie, {
-									onFiles: L,
-									canAddMore: Ue,
+								/* @__PURE__ */ f(ie, {
+									onFiles: R,
+									canAddMore: $e,
 									disabled: S || O,
 									showLabel: !0
 								}),
-								/* @__PURE__ */ d(se, {
-									mode: be,
+								/* @__PURE__ */ f(se, {
+									mode: Se,
 									availableModes: g,
-									onModeChange: Se,
-									auto: Ce,
+									onModeChange: we,
+									auto: Te,
 									disabled: S || O,
-									disabledReason: v ? "replying" : ke ?? "busy"
+									disabledReason: M === null ? v ? "replying" : Ne ?? "busy" : "busy"
 								}),
-								/* @__PURE__ */ d("div", { className: "min-w-0 flex-1" }),
-								U.isSupported && /* @__PURE__ */ d(le, {
-									isListening: U.isListening,
-									isStarting: U.isStarting,
-									onToggle: U.toggle,
+								/* @__PURE__ */ f("div", { className: "min-w-0 flex-1" }),
+								W.isSupported && /* @__PURE__ */ f(ue, {
+									isListening: W.isListening,
+									isStarting: W.isStarting,
+									onToggle: W.toggle,
 									disabled: S || O
 								}),
-								$e ? /* @__PURE__ */ d("button", {
-									ref: Qe,
+								$ ? /* @__PURE__ */ f("button", {
+									ref: ut,
 									type: "button",
-									onClick: Ze,
-									className: `flex size-10 flex-shrink-0 items-center justify-center rounded-full bg-action-primary-bg text-action-primary-text transition-colors hover:bg-action-primary-bg-hover ${t}`,
-									"aria-label": b("composer.stop", "Stop the reply"),
-									title: b("composer.stop", "Stop the reply"),
+									onClick: lt,
+									className: `flex size-10 flex-shrink-0 items-center justify-center rounded-full bg-action-primary-bg text-action-primary-text transition-colors hover:bg-action-primary-bg-hover ${t} ${M === null ? "" : "cursor-default opacity-60"}`,
+									"aria-label": M === null ? b("composer.stop", "Stop the reply") : b("composer.stopping", "Stopping the reply…"),
+									title: M === null ? b("composer.stop", "Stop the reply") : b("composer.stopping", "Stopping the reply…"),
+									"aria-disabled": M === null ? void 0 : "true",
+									"aria-busy": M === null ? void 0 : "true",
 									"data-testid": "assistant-stop",
-									children: /* @__PURE__ */ d(ge, {
+									children: M === null ? /* @__PURE__ */ f(ge, {
 										className: "size-4 fill-current",
 										"aria-hidden": "true"
+									}) : /* @__PURE__ */ f(d, {
+										className: "size-4 motion-safe:animate-spin",
+										"aria-hidden": "true"
 									})
-								}) : e ? /* @__PURE__ */ d(de, {
+								}) : e ? /* @__PURE__ */ f(fe, {
 									onStart: _,
 									disabled: S || O
-								}) : /* @__PURE__ */ d("button", {
+								}) : /* @__PURE__ */ f("button", {
 									type: "button",
 									onClick: () => {
-										j(null), Q();
+										j(null), Z();
 									},
 									disabled: !Y,
 									className: `flex size-10 flex-shrink-0 items-center justify-center rounded-full transition-colors ${t} ${Y ? "bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg-hover" : "bg-[var(--color-bg-disabled)] text-[var(--color-text-disabled)]"}`,
 									"aria-label": b("chatInput.send", "Send message"),
 									"data-testid": "assistant-send",
-									children: h || Ie || O ? /* @__PURE__ */ d(u, {
+									children: h || Ke || O ? /* @__PURE__ */ f(d, {
 										className: "size-5 motion-safe:animate-spin",
 										"aria-hidden": "true"
-									}) : /* @__PURE__ */ d(he, {
+									}) : /* @__PURE__ */ f(he, {
 										className: "size-5",
 										"aria-hidden": "true"
 									})
@@ -345,105 +382,105 @@ var _e = 200, p = ({ writeAccessDenied: p = !1, onSend: m, disabled: h = !1, rea
 						})
 					]
 				}),
-				p ? /* @__PURE__ */ d("p", {
+				m ? /* @__PURE__ */ f("p", {
 					className: "mt-1.5 px-1 text-center text-xs text-status-warning",
 					"data-testid": "assistant-write-access-warning",
 					children: b("composer.writeAccessDenied", "Changes may not save — your role in this workspace does not currently allow edits. You can still plan and review an action.")
 				}) : null,
-				/* @__PURE__ */ d("div", {
+				/* @__PURE__ */ f("div", {
 					className: "mt-1.5 px-1 text-center text-xs",
 					"aria-live": "polite",
-					children: dt(Ne !== null)
+					children: St(ze !== null, M !== null)
 				})
 			]
 		});
 	}
-	return /* @__PURE__ */ f("div", {
+	return /* @__PURE__ */ p("div", {
 		className: "flex-shrink-0 px-3 pb-3 pt-1.5",
 		children: [
-			/* @__PURE__ */ f("div", {
-				onDragEnter: at,
-				onDragLeave: ot,
-				onDragOver: st,
-				onDrop: ct,
-				className: `rounded-2xl border p-2 shadow-sm transition-colors focus-within:border-action-primary-bg focus-within:ring-2 focus-within:ring-action-primary-bg/15 ${E ? "border-action-primary-bg border-dashed bg-action-primary-bg/5" : "border-border-default bg-bg-sunken"}`,
+			/* @__PURE__ */ p("div", {
+				onDragEnter: gt,
+				onDragLeave: _t,
+				onDragOver: vt,
+				onDrop: yt,
+				className: `rounded-2xl border p-2 shadow-sm transition-colors focus-within:border-action-primary-bg focus-within:ring-2 focus-within:ring-action-primary-bg/15 ${D ? "border-action-primary-bg border-dashed bg-action-primary-bg/5" : "border-border-default bg-bg-sunken"}`,
 				"data-testid": "assistant-composer",
 				children: [
-					/* @__PURE__ */ d(ae, {
-						attachments: I,
-						onRemove: Be,
-						onRetry: Ve,
+					/* @__PURE__ */ f(ae, {
+						attachments: L,
+						onRemove: Xe,
+						onRetry: Ze,
 						disabled: S || O,
-						preparingCount: Le
+						preparingCount: qe
 					}),
-					/* @__PURE__ */ f("div", {
+					/* @__PURE__ */ p("div", {
 						className: "flex items-end gap-2",
 						children: [
-							/* @__PURE__ */ d(ie, {
-								onFiles: L,
-								canAddMore: Ue,
+							/* @__PURE__ */ f(ie, {
+								onFiles: R,
+								canAddMore: $e,
 								disabled: S || O,
 								showLabel: !0
 							}),
-							/* @__PURE__ */ d("textarea", {
-								ref: C,
-								value: w,
-								onChange: (e) => T(e.target.value),
-								onKeyDown: nt,
-								onPaste: it,
+							/* @__PURE__ */ f("textarea", {
+								ref: w,
+								value: T,
+								onChange: (e) => E(e.target.value),
+								onKeyDown: pt,
+								onPaste: ht,
 								disabled: S,
 								readOnly: O,
 								"aria-busy": O || void 0,
-								placeholder: E ? b("composer.dropHere", "Drop files to attach") : Je,
+								placeholder: D ? b("composer.dropHere", "Drop files to attach") : it,
 								rows: 1,
 								className: "min-h-[36px] flex-1 resize-none self-center bg-transparent px-1 py-2 text-[15px] leading-relaxed text-text-primary placeholder:text-text-muted focus:outline-none disabled:opacity-50",
 								"aria-label": b("chatInput.ariaLabel", "Message input"),
 								"data-testid": "assistant-input"
 							}),
-							U.isSupported && /* @__PURE__ */ d(le, {
-								isListening: U.isListening,
-								isStarting: U.isStarting,
-								onToggle: U.toggle,
+							W.isSupported && /* @__PURE__ */ f(ue, {
+								isListening: W.isListening,
+								isStarting: W.isStarting,
+								onToggle: W.toggle,
 								disabled: S || O
 							}),
-							_ && K.length === 0 && I.length === 0 && !U.isActive ? /* @__PURE__ */ d(de, {
+							_ && q.length === 0 && L.length === 0 && !W.isActive ? /* @__PURE__ */ f(fe, {
 								onStart: _,
 								disabled: S || O
-							}) : /* @__PURE__ */ d("button", {
+							}) : /* @__PURE__ */ f("button", {
 								type: "button",
-								onClick: () => void Q(),
+								onClick: () => void Z(),
 								disabled: !Y,
 								className: `flex size-9 flex-shrink-0 items-center justify-center rounded-full shadow-sm transition-all focus:outline-none focus-visible:ring-2 focus-visible:ring-border-strong ${Y ? "bg-action-primary-bg text-action-primary-text hover:scale-105 hover:bg-action-primary-bg-hover" : "bg-bg-elevated text-text-muted"}`,
 								"aria-label": b("chatInput.send", "Send message"),
 								"data-testid": "assistant-send",
-								children: h || Ie || O ? /* @__PURE__ */ d(u, { className: "size-4 motion-safe:animate-spin" }) : /* @__PURE__ */ d(he, { className: "size-4" })
+								children: h || Ke || O ? /* @__PURE__ */ f(d, { className: "size-4 motion-safe:animate-spin" }) : /* @__PURE__ */ f(he, { className: "size-4" })
 							})
 						]
 					}),
-					g.length > 1 && /* @__PURE__ */ d("div", {
+					g.length > 1 && /* @__PURE__ */ f("div", {
 						className: "mt-2 px-0.5",
-						children: /* @__PURE__ */ d(oe, {
-							mode: be,
+						children: /* @__PURE__ */ f(oe, {
+							mode: Se,
 							availableModes: g,
-							onModeChange: Se,
+							onModeChange: we,
 							disabled: S || O,
-							auto: Ce
+							auto: Te
 						})
 					})
 				]
 			}),
-			p ? /* @__PURE__ */ d("p", {
+			m ? /* @__PURE__ */ f("p", {
 				className: "mt-1.5 px-1 text-center text-[11px] text-status-warning",
 				"data-testid": "assistant-write-access-warning",
 				children: b("composer.writeAccessDenied", "Changes may not save — your role in this workspace does not currently allow edits. You can still plan and review an action.")
 			}) : null,
-			/* @__PURE__ */ d("div", {
+			/* @__PURE__ */ f("div", {
 				className: "mt-1.5 px-1 text-center text-[11px]",
 				"aria-live": "polite",
-				children: dt(!1)
+				children: St(!1, !1)
 			})
 		]
 	});
 };
 //#endregion
-export { p as AssistantComposer };
+export { m as AssistantComposer };