@burdenoff/fe-libs 2026.1029.3 → 2026.1029.5

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

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