@burdenoff/fe-libs 2026.924.2 → 2026.924.4

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

@@ -1,8 +1,24 @@
 import { FC } from 'react';
 import { AssistantMode } from '../types';
+import { AssistantIntent, AutoSuggestion } from '../autoRouting';
 interface Props {
     mode: AssistantMode;
-    onSuggestionClick: (suggestion: string) => void;
+    /**
+     * `intent` is set only for an Auto chip: which mode's list it came from, so
+     * the send is routed by that rather than by reading its (translated) text.
+     */
+    onSuggestionClick: (suggestion: string, intent?: AssistantIntent) => void;
+    /**
+     * Chips to show instead of the active mode's — Auto's mix of the read and the
+     * write mode's suggestions (BOFF-7800).
+     */
+    suggestions?: readonly AutoSuggestion[];
+    /**
+     * Say what Auto does. The pill's own hint is a `title` and a screen-reader
+     * description; a sighted touch user reaches neither, and an empty Auto
+     * conversation is exactly when they need it.
+     */
+    explainsAuto?: boolean;
 }
 /**
  * AssistantEmptyState — the v2 zero-message surface (per the "panel-welcome"

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

@@ -1 +1 @@
-{"version":3,"file":"AssistantEmptyState.d.ts","sourceRoot":"","sources":["../../../../src/shared/assistant/ui/AssistantEmptyState.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAI9C,UAAU,KAAK;IACb,IAAI,EAAE,aAAa,CAAC;IACpB,iBAAiB,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;CACjD;AAED;;;;;;GAMG;AACH,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,KAAK,CAyDzC,CAAC"}
+{"version":3,"file":"AssistantEmptyState.d.ts","sourceRoot":"","sources":["../../../../src/shared/assistant/ui/AssistantEmptyState.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAC9C,OAAO,KAAK,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAItE,UAAU,KAAK;IACb,IAAI,EAAE,aAAa,CAAC;IACpB;;;OAGG;IACH,iBAAiB,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,eAAe,KAAK,IAAI,CAAC;IAC1E;;;OAGG;IACH,WAAW,CAAC,EAAE,SAAS,cAAc,EAAE,CAAC;IACxC;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED;;;;;;GAMG;AACH,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,KAAK,CA2EzC,CAAC"}

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

@@ -3,8 +3,8 @@ import { useAssistantTr as r } from "../i18n.js";
 import { Sparkles as i } from "lucide-react";
 import { jsx as a, jsxs as o } from "react/jsx-runtime";
 //#region src/shared/assistant/ui/AssistantEmptyState.tsx
-var s = ({ mode: s, onSuggestionClick: c }) => {
-	let l = r(), { modes: u } = n(), d = e(u, s), f = t(), p = d?.suggestions.slice(0, 4) ?? [];
+var s = ({ mode: s, onSuggestionClick: c, suggestions: l, explainsAuto: u = !1 }) => {
+	let d = r(), { modes: f } = n(), p = e(f, s), m = t(), h = l ?? (p?.suggestions.slice(0, 4) ?? []).map((e) => ({ text: e }));
 	return /* @__PURE__ */ o("div", {
 		className: "flex flex-1 flex-col items-center justify-center overflow-y-auto px-6 py-8 text-center",
 		children: [
@@ -14,21 +14,26 @@ var s = ({ mode: s, onSuggestionClick: c }) => {
 			}),
 			/* @__PURE__ */ a("h2", {
 				className: "mt-5 text-2xl font-semibold leading-tight tracking-tight text-text-primary",
-				children: l("empty.title", "How can I help?")
+				children: d("empty.title", "How can I help?")
 			}),
 			/* @__PURE__ */ a("p", {
 				className: "mt-2 max-w-[16rem] text-[13px] leading-relaxed text-text-muted",
-				children: f ? l("empty.subtitle", "You're viewing {{page}}. Ask about it, or pick a suggestion below.", { page: f }) : l("empty.subtitleNoPage", "Ask me anything, or pick a suggestion below.")
+				children: m ? d("empty.subtitle", "You're viewing {{page}}. Ask about it, or pick a suggestion below.", { page: m }) : d("empty.subtitleNoPage", "Ask me anything, or pick a suggestion below.")
 			}),
+			u ? /* @__PURE__ */ a("p", {
+				className: "mt-2 max-w-[18rem] text-[12px] leading-relaxed text-text-muted",
+				"data-testid": "assistant-auto-explainer",
+				children: d("modeSelector.autoHint", "Answers your questions, and proposes changes for you to approve")
+			}) : null,
 			/* @__PURE__ */ a("div", {
 				className: "mt-6 flex flex-wrap items-center justify-center gap-2",
-				children: p.map((e) => /* @__PURE__ */ a("button", {
+				children: h.map((e) => /* @__PURE__ */ a("button", {
 					type: "button",
-					onClick: () => c(e),
-					className: "rounded-full border border-border-subtle bg-bg-surface px-3.5 py-2 text-[13px] leading-tight text-text-primary shadow-sm transition-all hover:border-action-primary-bg/40 hover:bg-bg-elevated hover:shadow-md",
+					onClick: () => c(e.text, e.intent),
+					className: "rounded-full border border-border-subtle bg-bg-surface px-3.5 py-2 text-[13px] leading-tight text-text-primary shadow-sm transition-[color,background-color,border-color,box-shadow] hover:border-action-primary-bg/40 hover:bg-bg-elevated hover:shadow-md",
 					"data-testid": "assistant-suggestion",
-					children: e
-				}, e))
+					children: e.text
+				}, e.text))
 			})
 		]
 	});

package/dist/shared/assistant/ui/composer/AssistantComposer.d.ts

@@ -2,6 +2,7 @@ import { FC } from 'react';
 import { AssistantModeConfig } from '../../conversation';
 import { AssistantMode } from '../../types';
 import { AssistantAttachment } from '../../attachments';
+import { AssistantAutoOption } from './AssistantModeSelector';
 interface Props {
     /**
      * Writes would be refused in this workspace. Advisory only — the mode stays
@@ -33,6 +34,8 @@ interface Props {
      */
     attachmentCharsPerFile?: number;
     onModeChange: (mode: AssistantMode) => void;
+    /** Offer Auto as the first mode pill (BOFF-7800); absent where it is not offered. */
+    auto?: AssistantAutoOption;
     /**
      * Opens the hands-free voice conversation. Omitted where a voice session
      * cannot work at all (no speech input, or nothing able to speak the reply),

package/dist/shared/assistant/ui/composer/AssistantComposer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AssistantComposer.d.ts","sourceRoot":"","sources":["../../../../../src/shared/assistant/ui/composer/AssistantComposer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAQL,KAAK,EAAE,EAER,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAG9D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAQjD,OAAO,EAGL,KAAK,mBAAmB,EAEzB,MAAM,mBAAmB,CAAC;AAO3B,UAAU,KAAK;IACb;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;;OAGG;IACH,MAAM,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,mBAAmB,EAAE,KAAK,IAAI,CAAC;IACtE,2FAA2F;IAC3F,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,aAAa,CAAC;IACpB,qDAAqD;IACrD,cAAc,EAAE,mBAAmB,EAAE,CAAC;IACtC;;;;;;;;;;OAUG;IACH,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,YAAY,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;IAC5C;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;CAClC;AAID;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,KAAK,CA6ZvC,CAAC"}
+{"version":3,"file":"AssistantComposer.d.ts","sourceRoot":"","sources":["../../../../../src/shared/assistant/ui/composer/AssistantComposer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAQL,KAAK,EAAE,EAER,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAG9D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAQjD,OAAO,EAGL,KAAK,mBAAmB,EAEzB,MAAM,mBAAmB,CAAC;AAK3B,OAAO,EAEL,KAAK,mBAAmB,EACzB,MAAM,yBAAyB,CAAC;AAEjC,UAAU,KAAK;IACb;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;;OAGG;IACH,MAAM,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,mBAAmB,EAAE,KAAK,IAAI,CAAC;IACtE,2FAA2F;IAC3F,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,aAAa,CAAC;IACpB,qDAAqD;IACrD,cAAc,EAAE,mBAAmB,EAAE,CAAC;IACtC;;;;;;;;;;OAUG;IACH,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,YAAY,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;IAC5C,qFAAqF;IACrF,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAC3B;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;CAClC;AAID;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,KAAK,CA+ZvC,CAAC"}

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

@@ -1,178 +1,179 @@
 import { useI18n as e } from "../../../providers/shell/I18nProvider.js";
 import { useVoiceInput as t } from "../../voice/useVoiceInput.js";
-import { useAssistantTr as ee } from "../../i18n.js";
-import { languageDisplayName as n } from "../../voice/speechVoices.js";
+import { useAssistantTr as n } from "../../i18n.js";
+import { languageDisplayName as ee } from "../../voice/speechVoices.js";
 import { resolveAssistantLanguage as r } from "../../voice/languages.js";
-import { getSendableAttachments as i } from "../../attachments.js";
-import { useAssistantStore as a } from "../../store.js";
-import { AssistantAttachmentButton as o } from "./AssistantAttachmentButton.js";
-import { AssistantAttachmentChips as s } from "./AssistantAttachmentChips.js";
-import { AssistantModeSelector as c } from "./AssistantModeSelector.js";
-import { AssistantVoiceButton as te } from "./AssistantVoiceButton.js";
-import { AssistantVoiceSessionButton as ne } from "../voice/AssistantVoiceSessionButton.js";
-import { useAssistantAttachments as re } from "../../useAssistantAttachments.js";
-import { useCallback as l, useLayoutEffect as u, useMemo as d, useRef as f, useState as p } from "react";
-import { ArrowUp as m, Loader2 as h } from "lucide-react";
-import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { getSendableAttachments as te } from "../../attachments.js";
+import { useAssistantStore as ne } from "../../store.js";
+import { AssistantAttachmentButton as re } from "./AssistantAttachmentButton.js";
+import { AssistantAttachmentChips as i } from "./AssistantAttachmentChips.js";
+import { AssistantModeSelector as a } from "./AssistantModeSelector.js";
+import { AssistantVoiceButton as o } from "./AssistantVoiceButton.js";
+import { AssistantVoiceSessionButton as s } from "../voice/AssistantVoiceSessionButton.js";
+import { useAssistantAttachments as c } from "../../useAssistantAttachments.js";
+import { useCallback as l, useLayoutEffect as u, useMemo as ie, useRef as d, useState as f } from "react";
+import { ArrowUp as ae, Loader2 as oe } from "lucide-react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
 //#region src/shared/assistant/ui/composer/AssistantComposer.tsx
-var v = 200, y = ({ writeAccessDenied: y = !1, onSend: b, disabled: x = !1, placeholder: S, mode: ie, availableModes: C, attachmentCharsPerFile: ae, onModeChange: oe, onStartVoiceSession: w }) => {
-	let T = ee(), { locale: E } = e(), D = f(null), [O, k] = p(""), [A, j] = p(!1), M = f(0), { attachments: N, isBusy: P, preparingCount: F, sendBlocker: I, rejection: L, addFiles: R, remove: z, retry: B, clear: V, clearRejection: H, canAddMore: se } = re({ perFileChars: ae }), U = l((e) => {
-		k((t) => t ? `${t.replace(/\s+$/, "")} ${e}` : e);
-	}, []), W = a((e) => e.assistantLanguage), G = t({
-		onFinalize: U,
-		language: d(() => r(W, E), [W, E]).tag
-	}), K = S ?? T("composer.placeholder", "Ask me anything…"), q = O.trim(), J = i(N), Y = N.filter((e) => e.status === "error"), X = (q.length > 0 || J.length > 0) && !x && I === null;
+var h = 200, g = ({ writeAccessDenied: g = !1, onSend: _, disabled: v = !1, placeholder: y, mode: b, availableModes: x, attachmentCharsPerFile: S, onModeChange: C, auto: w, onStartVoiceSession: T }) => {
+	let E = n(), { locale: D } = e(), O = d(null), [k, A] = f(""), [j, M] = f(!1), N = d(0), { attachments: P, isBusy: F, preparingCount: I, sendBlocker: L, rejection: R, addFiles: z, remove: B, retry: V, clear: H, clearRejection: se, canAddMore: U } = c({ perFileChars: S }), W = l((e) => {
+		A((t) => t ? `${t.replace(/\s+$/, "")} ${e}` : e);
+	}, []), G = ne((e) => e.assistantLanguage), K = t({
+		onFinalize: W,
+		language: ie(() => r(G, D), [G, D]).tag
+	}), ce = y ?? E("composer.placeholder", "Ask me anything…"), q = k.trim(), J = te(P), Y = P.filter((e) => e.status === "error"), X = (q.length > 0 || J.length > 0) && !v && L === null;
 	u(() => {
-		let e = D.current;
-		e && (e.style.height = "auto", e.style.height = `${Math.min(e.scrollHeight, v)}px`);
-	}, [O]);
+		let e = O.current;
+		e && (e.style.height = "auto", e.style.height = `${Math.min(e.scrollHeight, h)}px`);
+	}, [k]);
 	let Z = l(() => {
-		X && (G.isActive && G.stop(), b(O.trim(), J), k(""), V());
+		X && (K.isActive && K.stop(), _(k.trim(), J), A(""), H());
 	}, [
 		X,
-		b,
-		O,
+		_,
+		k,
 		J,
-		V,
-		G
-	]), ce = l((e) => {
+		H,
+		K
+	]), le = l((e) => {
 		e.key === "Enter" && !e.shiftKey && (e.preventDefault(), Z());
-	}, [Z]), le = l((e) => {
+	}, [Z]), Q = l((e) => {
 		let t = Array.from(e.clipboardData?.files ?? []);
-		t.length !== 0 && (e.preventDefault(), R(t));
-	}, [R]), ue = l((e) => {
-		Array.from(e.dataTransfer?.types ?? []).includes("Files") && (M.current += 1, j(!0));
-	}, []), Q = l(() => {
-		M.current = Math.max(0, M.current - 1), M.current === 0 && j(!1);
-	}, []), de = l((e) => {
-		Array.from(e.dataTransfer?.types ?? []).includes("Files") && e.preventDefault();
+		t.length !== 0 && (e.preventDefault(), z(t));
+	}, [z]), ue = l((e) => {
+		Array.from(e.dataTransfer?.types ?? []).includes("Files") && (N.current += 1, M(!0));
+	}, []), de = l(() => {
+		N.current = Math.max(0, N.current - 1), N.current === 0 && M(!1);
 	}, []), fe = l((e) => {
-		e.preventDefault(), M.current = 0, j(!1), R(e.dataTransfer?.files ?? null);
-	}, [R]), pe = (e) => {
+		Array.from(e.dataTransfer?.types ?? []).includes("Files") && e.preventDefault();
+	}, []), pe = l((e) => {
+		e.preventDefault(), N.current = 0, M(!1), z(e.dataTransfer?.files ?? null);
+	}, [z]), me = (e) => {
 		switch (e) {
-			case "too-many": return T("attachments.tooMany", "You can attach up to {{max}} files per message.", { max: 5 });
-			case "too-large": return T("attachments.tooLarge", "That file is larger than 10 MB.");
-			case "empty": return T("attachments.empty", "That file is empty.");
-			case "unreadable": return T("attachments.unreadable", "That file could not be read.");
-			case "unsupported-image": return T("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-many": return E("attachments.tooMany", "You can attach up to {{max}} files per message.", { max: 5 });
+			case "too-large": return E("attachments.tooLarge", "That file is larger than 10 MB.");
+			case "empty": return E("attachments.empty", "That file is empty.");
+			case "unreadable": return E("attachments.unreadable", "That file could not be read.");
+			case "unsupported-image": return E("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.");
 		}
 	}, $ = (() => {
-		switch (G.error) {
-			case "not-allowed": return T("voice.denied", "Microphone access is blocked. Allow it in your browser settings to dictate.");
-			case "audio-capture": return T("voice.noMic", "No microphone was found.");
-			case "network": return T("voice.network", "Speech recognition is offline right now.");
-			case "language-not-supported": return T("voice.languageNotSupported", "This browser cannot recognise spoken {{language}}. Try a different browser, or type instead.", { language: n(G.language, E) });
-			case "unknown": return T("voice.failed", "Dictation stopped unexpectedly.");
+		switch (K.error) {
+			case "not-allowed": return E("voice.denied", "Microphone access is blocked. Allow it in your browser settings to dictate.");
+			case "audio-capture": return E("voice.noMic", "No microphone was found.");
+			case "network": return E("voice.network", "Speech recognition is offline right now.");
+			case "language-not-supported": return E("voice.languageNotSupported", "This browser cannot recognise spoken {{language}}. Try a different browser, or type instead.", { language: ee(K.language, D) });
+			case "unknown": return E("voice.failed", "Dictation stopped unexpectedly.");
 			default: return null;
 		}
 	})();
-	return /* @__PURE__ */ _("div", {
+	return /* @__PURE__ */ m("div", {
 		className: "flex-shrink-0 px-3 pb-3 pt-1.5",
 		children: [
-			/* @__PURE__ */ _("div", {
+			/* @__PURE__ */ m("div", {
 				onDragEnter: ue,
-				onDragLeave: Q,
-				onDragOver: de,
-				onDrop: fe,
-				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 ${A ? "border-action-primary-bg border-dashed bg-action-primary-bg/5" : "border-border-default bg-bg-sunken"}`,
+				onDragLeave: de,
+				onDragOver: fe,
+				onDrop: pe,
+				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 ${j ? "border-action-primary-bg border-dashed bg-action-primary-bg/5" : "border-border-default bg-bg-sunken"}`,
 				"data-testid": "assistant-composer",
 				children: [
-					/* @__PURE__ */ g(s, {
-						attachments: N,
-						onRemove: z,
-						onRetry: B,
-						disabled: x,
-						preparingCount: F
+					/* @__PURE__ */ p(i, {
+						attachments: P,
+						onRemove: B,
+						onRetry: V,
+						disabled: v,
+						preparingCount: I
 					}),
-					/* @__PURE__ */ _("div", {
+					/* @__PURE__ */ m("div", {
 						className: "flex items-end gap-2",
 						children: [
-							/* @__PURE__ */ g(o, {
-								onFiles: R,
-								canAddMore: se,
-								disabled: x
+							/* @__PURE__ */ p(re, {
+								onFiles: z,
+								canAddMore: U,
+								disabled: v
 							}),
-							/* @__PURE__ */ g("textarea", {
-								ref: D,
-								value: O,
-								onChange: (e) => k(e.target.value),
-								onKeyDown: ce,
-								onPaste: le,
-								disabled: x,
-								placeholder: A ? T("composer.dropHere", "Drop files to attach") : K,
+							/* @__PURE__ */ p("textarea", {
+								ref: O,
+								value: k,
+								onChange: (e) => A(e.target.value),
+								onKeyDown: le,
+								onPaste: Q,
+								disabled: v,
+								placeholder: j ? E("composer.dropHere", "Drop files to attach") : ce,
 								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": T("chatInput.ariaLabel", "Message input"),
+								"aria-label": E("chatInput.ariaLabel", "Message input"),
 								"data-testid": "assistant-input"
 							}),
-							G.isSupported && /* @__PURE__ */ g(te, {
-								isListening: G.isListening,
-								isStarting: G.isStarting,
-								onToggle: G.toggle,
-								disabled: x
+							K.isSupported && /* @__PURE__ */ p(o, {
+								isListening: K.isListening,
+								isStarting: K.isStarting,
+								onToggle: K.toggle,
+								disabled: v
 							}),
-							w && q.length === 0 && N.length === 0 && !G.isActive ? /* @__PURE__ */ g(ne, {
-								onStart: w,
-								disabled: x
-							}) : /* @__PURE__ */ g("button", {
+							T && q.length === 0 && P.length === 0 && !K.isActive ? /* @__PURE__ */ p(s, {
+								onStart: T,
+								disabled: v
+							}) : /* @__PURE__ */ p("button", {
 								type: "button",
 								onClick: Z,
 								disabled: !X,
 								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 ${X ? "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": T("chatInput.send", "Send message"),
+								"aria-label": E("chatInput.send", "Send message"),
 								"data-testid": "assistant-send",
-								children: x || P ? /* @__PURE__ */ g(h, { className: "size-4 motion-safe:animate-spin" }) : /* @__PURE__ */ g(m, { className: "size-4" })
+								children: v || F ? /* @__PURE__ */ p(oe, { className: "size-4 motion-safe:animate-spin" }) : /* @__PURE__ */ p(ae, { className: "size-4" })
 							})
 						]
 					}),
-					C.length > 1 && /* @__PURE__ */ g("div", {
+					x.length > 1 && /* @__PURE__ */ p("div", {
 						className: "mt-2 px-0.5",
-						children: /* @__PURE__ */ g(c, {
-							mode: ie,
-							availableModes: C,
-							onModeChange: oe,
-							disabled: x
+						children: /* @__PURE__ */ p(a, {
+							mode: b,
+							availableModes: x,
+							onModeChange: C,
+							disabled: v,
+							auto: w
 						})
 					})
 				]
 			}),
-			y ? /* @__PURE__ */ g("p", {
+			g ? /* @__PURE__ */ p("p", {
 				className: "mt-1.5 px-1 text-center text-[11px] text-status-warning",
 				"data-testid": "assistant-write-access-warning",
-				children: T("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: E("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__ */ g("div", {
+			/* @__PURE__ */ p("div", {
 				className: "mt-1.5 px-1 text-center text-[11px]",
 				"aria-live": "polite",
-				children: G.isStarting && !G.isListening ? /* @__PURE__ */ g("p", {
+				children: K.isStarting && !K.isListening ? /* @__PURE__ */ p("p", {
 					className: "text-text-muted",
 					"data-testid": "assistant-voice-starting",
-					children: T("voice.starting", "Starting the microphone…")
-				}) : G.isListening ? /* @__PURE__ */ _("p", {
+					children: E("voice.starting", "Starting the microphone…")
+				}) : K.isListening ? /* @__PURE__ */ m("p", {
 					className: "text-status-error-text",
 					"data-testid": "assistant-voice-status",
-					children: [/* @__PURE__ */ g("span", { className: "mr-1 inline-block size-1.5 rounded-full bg-status-error-text align-middle motion-safe:animate-pulse" }), G.interim || T("voice.listening", "Listening… speak now, tap the square to stop")]
-				}) : $ ? /* @__PURE__ */ g("p", {
+					children: [/* @__PURE__ */ p("span", { className: "mr-1 inline-block size-1.5 rounded-full bg-status-error-text align-middle motion-safe:animate-pulse" }), K.interim || E("voice.listening", "Listening… speak now, tap the square to stop")]
+				}) : $ ? /* @__PURE__ */ p("p", {
 					className: "text-status-error-text",
 					"data-testid": "assistant-voice-error",
 					children: $
-				}) : L ? /* @__PURE__ */ g("button", {
+				}) : R ? /* @__PURE__ */ p("button", {
 					type: "button",
-					onClick: H,
+					onClick: se,
 					className: "text-status-error-text underline-offset-2 hover:underline",
 					"data-testid": "assistant-attachment-rejection",
-					children: pe(L)
-				}) : I === "failed" ? /* @__PURE__ */ g("p", {
+					children: me(R)
+				}) : L === "failed" ? /* @__PURE__ */ p("p", {
 					className: "text-status-error-text",
 					"data-testid": "assistant-attachment-blocked",
-					children: Y.length === 1 ? T("attachments.blockedOne", "{{name}} didn't upload. Retry or remove it before sending.", { name: Y[0].filename }) : T("attachments.blockedMany", "{{count}} attachments didn't upload. Retry or remove them before sending.", { count: Y.length })
-				}) : /* @__PURE__ */ g("p", {
+					children: Y.length === 1 ? E("attachments.blockedOne", "{{name}} didn't upload. Retry or remove it before sending.", { name: Y[0].filename }) : E("attachments.blockedMany", "{{count}} attachments didn't upload. Retry or remove them before sending.", { count: Y.length })
+				}) : /* @__PURE__ */ p("p", {
 					className: "text-text-muted",
-					children: T("composer.hint", "Enter to send · Shift+Enter for newline · drag or paste files to attach")
+					children: E("composer.hint", "Enter to send · Shift+Enter for newline · drag or paste files to attach")
 				})
 			})
 		]
 	});
 };
 //#endregion
-export { y as AssistantComposer };
+export { g as AssistantComposer };

package/dist/shared/assistant/ui/composer/AssistantModeSelector.d.ts

@@ -8,7 +8,27 @@ interface Props {
     availableModes: AssistantModeConfig[];
     onModeChange: (mode: AssistantMode) => void;
     disabled?: boolean;
+    /**
+     * Offer Auto as the first pill (BOFF-7800). Absent where Auto is not offered.
+     * `active` is whether it is selected; `mode` then says where Auto has routed
+     * the open conversation, which the pill names once that is the write mode.
+     */
+    auto?: AssistantAutoOption;
 }
+export interface AssistantAutoOption {
+    active: boolean;
+    onSelect: () => void;
+}
+/**
+ * The pill id Auto uses inside the radiogroup — how a keypress finds the pill it
+ * came from.
+ *
+ * ★★ Deliberately NOT a legal mode id: the colon is outside
+ * `PRODUCT_ASSISTANT_MODE_ID_PATTERN`. A product may declare a mode called
+ * `auto`, and with a plain "auto" here its pill would share this id, so picking
+ * it would select Auto instead and the arrow keys could not tell the two apart.
+ */
+export declare const AUTO_MODE_OPTION_ID = ":auto";
 /**
  * Per-mode presentation metadata: the icon, and the shared English name used
  * when a product's `label` is empty ('Ask' / 'Take action'), while the mode ID

package/dist/shared/assistant/ui/composer/AssistantModeSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AssistantModeSelector.d.ts","sourceRoot":"","sources":["../../../../../src/shared/assistant/ui/composer/AssistantModeSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,KAAK,EAAE,EAAsB,MAAM,OAAO,CAAC;AACzE,OAAO,EAA8B,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AAC3E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAI9D,OAAO,KAAK,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAQvE,UAAU,KAAK;IACb,IAAI,EAAE,aAAa,CAAC;IACpB,iFAAiF;IACjF,cAAc,EAAE,mBAAmB,EAAE,CAAC;IACtC,YAAY,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,mBAAmB,EAAE,MAAM,CACtC,oBAAoB,EACpB;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,UAAU,CAAA;CAAE,CAsBxD,CAAC;AAEF;;;;;;;;GAQG;AACH,wBAAgB,iBAAiB,CAAC,UAAU,EAAE;IAC5C,EAAE,EAAE,aAAa,CAAC;IAClB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B,GAAG;IAAE,QAAQ,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,UAAU,CAAA;CAAE,CAQzC;AAED;;;;;;;GAOG;AACH,wBAAgB,aAAa,CAC3B,GAAG,EAAE,MAAM,EACX,YAAY,EAAE,MAAM,EACpB,SAAS,EAAE,MAAM,GAChB,MAAM,GAAG,IAAI,CAgBf;AAED;;;;;;;;;;GAUG;AACH,eAAO,MAAM,qBAAqB,EAAE,EAAE,CAAC,KAAK,CAkI3C,CAAC"}
+{"version":3,"file":"AssistantModeSelector.d.ts","sourceRoot":"","sources":["../../../../../src/shared/assistant/ui/composer/AssistantModeSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,EAAE,EAER,MAAM,OAAO,CAAC;AACf,OAAO,EAKL,KAAK,UAAU,EAChB,MAAM,cAAc,CAAC;AAEtB,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAI9D,OAAO,KAAK,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAQvE,UAAU,KAAK;IACb,IAAI,EAAE,aAAa,CAAC;IACpB,iFAAiF;IACjF,cAAc,EAAE,mBAAmB,EAAE,CAAC;IACtC,YAAY,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,IAAI,CAAC,EAAE,mBAAmB,CAAC;CAC5B;AAED,MAAM,WAAW,mBAAmB;IAClC,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,mBAAmB,UAAU,CAAC;AAE3C;;;;;;;;GAQG;AACH,eAAO,MAAM,mBAAmB,EAAE,MAAM,CACtC,oBAAoB,EACpB;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,UAAU,CAAA;CAAE,CAsBxD,CAAC;AAEF;;;;;;;;GAQG;AACH,wBAAgB,iBAAiB,CAAC,UAAU,EAAE;IAC5C,EAAE,EAAE,aAAa,CAAC;IAClB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B,GAAG;IAAE,QAAQ,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,UAAU,CAAA;CAAE,CAQzC;AAED;;;;;;;GAOG;AACH,wBAAgB,aAAa,CAC3B,GAAG,EAAE,MAAM,EACX,YAAY,EAAE,MAAM,EACpB,SAAS,EAAE,MAAM,GAChB,MAAM,GAAG,IAAI,CAgBf;AAED;;;;;;;;;;GAUG;AACH,eAAO,MAAM,qBAAqB,EAAE,EAAE,CAAC,KAAK,CAqN3C,CAAC"}

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

@@ -1,38 +1,39 @@
 import { useAssistantTr as e } from "../../i18n.js";
 import { ASSISTANT_MODE_FALLBACK_LABELS as t, assistantModeFallbackLabel as n, isBuiltInAssistantMode as r } from "../../modeCopy.js";
-import { useCallback as i, useRef as a } from "react";
-import { ShieldCheck as o, Sparkles as s, Zap as c } from "lucide-react";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { AUTO_WRITE_MODE as i } from "../../autoRouting.js";
+import { useCallback as a, useId as o, useMemo as s, useRef as c } from "react";
+import { ShieldCheck as l, Sparkles as u, Wand2 as d, Zap as f } from "lucide-react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
 //#region src/shared/assistant/ui/composer/AssistantModeSelector.tsx
-var d = {
+var h = ":auto", g = {
 	general: {
 		i18nKey: "mode.ask",
 		fallback: t.general,
-		icon: s
+		icon: u
 	},
 	assistant: {
 		i18nKey: "mode.ask",
 		fallback: t.assistant,
-		icon: s
+		icon: u
 	},
 	"api-calls": {
 		i18nKey: "mode.takeAction",
 		fallback: t["api-calls"],
-		icon: o
+		icon: l
 	},
 	"vibe-plugins": {
 		i18nKey: "mode.build",
 		fallback: t["vibe-plugins"],
-		icon: c
+		icon: f
 	}
 };
-function f(e) {
-	return r(e.id) ? d[e.id] : {
+function _(e) {
+	return r(e.id) ? g[e.id] : {
 		fallback: n(e),
-		icon: e.producesArtifacts === !0 ? c : s
+		icon: e.producesArtifacts === !0 ? f : u
 	};
 }
-function p(e, t, n) {
+function v(e, t, n) {
 	switch (e) {
 		case "Home": return 0;
 		case "End": return n;
@@ -43,46 +44,89 @@ function p(e, t, n) {
 		default: return null;
 	}
 }
-var m = ({ mode: t, availableModes: n, onModeChange: r, disabled: o = !1 }) => {
-	let s = e(), c = a(null), d = i((e) => {
-		if (o) return;
-		let i = e.target?.closest("[data-mode-id]")?.dataset.modeId, a = i ? n.findIndex((e) => e.id === i) : -1, s = a >= 0 ? a : n.findIndex((e) => e.id === t), l = p(e.key, s, n.length - 1);
-		if (l === null) return;
-		e.preventDefault();
-		let u = n[l];
-		u && (c.current?.querySelector(`[data-mode-id="${u.id}"]`)?.focus(), u.id !== t && r(u.id));
+var y = ({ mode: t, availableModes: n, onModeChange: r, disabled: l = !1, auto: u }) => {
+	let f = e(), g = c(null), y = o(), b = u !== void 0, x = s(() => [...b ? [h] : [], ...n.map((e) => e.id)], [b, n]), S = u?.active ? h : t, C = x.includes(S) ? S : x[0] ?? null, w = a((e) => {
+		if (e === ":auto") {
+			u?.onSelect();
+			return;
+		}
+		let t = n.find((t) => t.id === e);
+		t && r(t.id);
 	}, [
+		u,
 		n,
-		o,
-		t,
 		r
-	]);
-	return n.length < 2 ? null : /* @__PURE__ */ l("div", {
-		ref: c,
+	]), T = a((e) => {
+		if (l) return;
+		let t = e.target?.closest("[data-mode-id]")?.dataset.modeId, n = t ? x.indexOf(t) : -1, r = n >= 0 ? n : x.indexOf(S), i = v(e.key, r, x.length - 1);
+		if (i === null) return;
+		e.preventDefault();
+		let a = x[i];
+		a !== void 0 && (g.current?.querySelector(`[data-mode-id="${a}"]`)?.focus(), a !== S && w(a));
+	}, [
+		l,
+		x,
+		S,
+		w
+	]), E = !!u?.active && t === "api-calls", D = n.find((e) => e.id === i);
+	return n.length < 2 ? null : /* @__PURE__ */ m("div", {
+		ref: g,
 		role: "radiogroup",
-		"aria-label": s("modeSelector.ariaLabel", "Select assistant mode"),
-		onKeyDown: d,
-		className: "inline-flex max-w-full items-center gap-1 overflow-x-auto rounded-full border border-border-subtle bg-bg-elevated p-1 [-ms-overflow-style:none] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden",
+		"aria-label": f("modeSelector.ariaLabel", "Select assistant mode"),
+		onKeyDown: T,
+		className: "relative inline-flex max-w-full items-center gap-1 overflow-x-auto rounded-full border border-border-subtle bg-bg-elevated p-1 [-ms-overflow-style:none] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden",
 		"data-testid": "assistant-mode-selector",
-		children: n.map((e) => {
-			let n = f(e), i = n.icon, a = e.id === t;
-			return /* @__PURE__ */ u("button", {
+		children: [
+			u ? /* @__PURE__ */ m("button", {
 				type: "button",
 				role: "radio",
-				"aria-checked": a,
-				tabIndex: a ? 0 : -1,
-				disabled: o,
-				onClick: () => r(e.id),
-				"data-mode-id": e.id,
-				className: `flex shrink-0 items-center gap-1.5 whitespace-nowrap rounded-full px-3 py-1.5 text-[13px] font-medium transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-border-strong disabled:opacity-50 ${a ? "bg-action-primary-bg text-action-primary-text shadow-sm" : "text-text-secondary hover:bg-bg-surface hover:text-text-primary"}`,
-				"data-testid": `assistant-mode-option-${e.id}`,
-				children: [/* @__PURE__ */ l(i, {
-					className: "size-3.5",
-					"aria-hidden": "true"
-				}), /* @__PURE__ */ l("span", { children: s(`mode.${e.id}`, e.label || n.fallback) })]
-			}, e.id);
-		})
+				"aria-checked": u.active,
+				tabIndex: C === ":auto" ? 0 : -1,
+				disabled: l,
+				onClick: () => w(h),
+				"data-mode-id": h,
+				"aria-describedby": y,
+				title: f("modeSelector.autoHint", "Answers your questions, and proposes changes for you to approve"),
+				className: `flex shrink-0 items-center gap-1.5 whitespace-nowrap rounded-full px-3 py-1.5 text-[13px] font-medium transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-border-strong disabled:opacity-50 ${u.active ? "bg-action-primary-bg text-action-primary-text shadow-sm" : "text-text-secondary hover:bg-bg-surface hover:text-text-primary"}`,
+				"data-testid": "assistant-mode-auto",
+				"data-auto-routed": E ? i : void 0,
+				children: [
+					/* @__PURE__ */ p(d, {
+						className: "size-3.5",
+						"aria-hidden": "true"
+					}),
+					/* @__PURE__ */ p("span", { children: f("modeSelector.auto", "Auto") }),
+					E && D ? /* @__PURE__ */ m("span", {
+						className: "opacity-80",
+						children: ["· ", f(`mode.${D.id}`, D.label || _(D).fallback)]
+					}) : null
+				]
+			}) : null,
+			n.map((e) => {
+				let n = _(e), r = n.icon, i = !u?.active && e.id === t;
+				return /* @__PURE__ */ m("button", {
+					type: "button",
+					role: "radio",
+					"aria-checked": i,
+					tabIndex: C === e.id ? 0 : -1,
+					disabled: l,
+					onClick: () => w(e.id),
+					"data-mode-id": e.id,
+					className: `flex shrink-0 items-center gap-1.5 whitespace-nowrap rounded-full px-3 py-1.5 text-[13px] font-medium transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-border-strong disabled:opacity-50 ${i ? "bg-action-primary-bg text-action-primary-text shadow-sm" : "text-text-secondary hover:bg-bg-surface hover:text-text-primary"}`,
+					"data-testid": `assistant-mode-option-${e.id}`,
+					children: [/* @__PURE__ */ p(r, {
+						className: "size-3.5",
+						"aria-hidden": "true"
+					}), /* @__PURE__ */ p("span", { children: f(`mode.${e.id}`, e.label || n.fallback) })]
+				}, e.id);
+			}),
+			u ? /* @__PURE__ */ p("span", {
+				id: y,
+				className: "sr-only left-0 top-0",
+				children: f("modeSelector.autoHint", "Answers your questions, and proposes changes for you to approve")
+			}) : null
+		]
 	});
 };
 //#endregion
-export { d as ASSISTANT_MODE_META, m as AssistantModeSelector, f as assistantModeMeta, p as nextModeIndex };
+export { g as ASSISTANT_MODE_META, h as AUTO_MODE_OPTION_ID, y as AssistantModeSelector, _ as assistantModeMeta, v as nextModeIndex };