@burdenoff/fe-libs 2026.904.6 → 2026.904.8

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

@@ -0,0 +1,86 @@
+import { useAssistantTr as e } from "../../i18n.js";
+import "../../attachments.js";
+import { availableAttachmentSources as t, deviceHasCamera as n } from "../../attachmentSources.js";
+import { useCallback as r, useEffect as i, useMemo as a, useRef as o, useState as s } from "react";
+import { Camera as c, FileText as l, FolderOpen as u, ImageIcon as d, Plus as f } from "lucide-react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+//#region src/shared/assistant/ui/composer/AssistantAttachmentButton.tsx
+var h = {
+	camera: c,
+	gallery: d,
+	documents: l,
+	files: u
+}, g = ({ onFiles: c, onPickerOpen: l, direction: u = "up", canAddMore: d, disabled: g = !1 }) => {
+	let _ = e(), v = o(null), y = o(null), b = o(null), [x, S] = s(!1), C = o(l);
+	C.current = l;
+	let w = a(() => t(n()), []), T = d ? _("composer.attach", "Attach files or photos") : _("composer.attachFull", "Attachment limit reached ({{max}})", { max: 5 });
+	i(() => {
+		if (!x) return;
+		let e = (e) => {
+			e.key === "Escape" && (S(!1), b.current?.focus());
+		}, t = (e) => {
+			let t = e.target;
+			y.current?.contains(t) || b.current?.contains(t) || S(!1);
+		};
+		return window.addEventListener("keydown", e), window.addEventListener("mousedown", t), () => {
+			window.removeEventListener("keydown", e), window.removeEventListener("mousedown", t);
+		};
+	}, [x]);
+	let E = r((e) => {
+		c(e.target.files), e.target.value = "";
+	}, [c]), D = r((e) => {
+		let t = v.current;
+		t && (t.accept = e.accept, t.multiple = e.multiple, e.capture ? t.setAttribute("capture", e.capture) : t.removeAttribute("capture"), S(!1), C.current?.(), t.click());
+	}, []);
+	return /* @__PURE__ */ m("div", {
+		className: "relative flex-shrink-0",
+		children: [
+			/* @__PURE__ */ p("input", {
+				ref: v,
+				type: "file",
+				multiple: !0,
+				className: "hidden",
+				onChange: E,
+				tabIndex: -1,
+				"aria-hidden": "true",
+				"data-testid": "assistant-attach-input"
+			}),
+			/* @__PURE__ */ p("button", {
+				ref: b,
+				type: "button",
+				onClick: () => S((e) => !e),
+				disabled: g || !d,
+				title: T,
+				"aria-label": T,
+				"aria-haspopup": "menu",
+				"aria-expanded": x,
+				className: "flex size-9 items-center justify-center rounded-full border border-border-subtle bg-bg-elevated text-text-secondary transition-colors hover:bg-bg-sunken hover:text-text-primary focus:outline-none focus-visible:ring-2 focus-visible:ring-border-strong disabled:cursor-not-allowed disabled:text-text-muted disabled:hover:bg-bg-elevated",
+				"data-testid": "assistant-attach",
+				children: /* @__PURE__ */ p(f, { className: "size-4" })
+			}),
+			x ? /* @__PURE__ */ p("div", {
+				ref: y,
+				role: "menu",
+				"aria-label": _("composer.attachSource", "Attach from"),
+				className: `absolute ${u === "up" ? "bottom-full mb-2" : "top-full mt-2"} left-0 z-30 min-w-44 overflow-hidden rounded-xl border border-border-default bg-bg-elevated py-1 shadow-lg`,
+				"data-testid": "assistant-attach-menu",
+				children: w.map((e) => {
+					let t = h[e.id];
+					return /* @__PURE__ */ m("button", {
+						type: "button",
+						role: "menuitem",
+						onClick: () => D(e),
+						className: "flex w-full items-center gap-2.5 px-3 py-2 text-left text-sm text-text-primary transition-colors hover:bg-bg-sunken focus:outline-none focus-visible:bg-bg-sunken",
+						"data-testid": `assistant-attach-source-${e.id}`,
+						children: [/* @__PURE__ */ p(t, {
+							className: "size-4 flex-shrink-0 text-text-secondary",
+							"aria-hidden": "true"
+						}), _(e.labelKey, e.labelFallback)]
+					}, e.id);
+				})
+			}) : null
+		]
+	});
+};
+//#endregion
+export { g as AssistantAttachmentButton };

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

@@ -0,0 +1,29 @@
+import { FC } from 'react';
+import { AssistantAttachment } from '../../attachments';
+interface Props {
+    attachments: AssistantAttachment[];
+    onRemove: (id: string) => void;
+    /** Re-upload a failed attachment from the bytes already prepared. */
+    onRetry: (id: string) => void;
+    disabled?: boolean;
+    /**
+     * Files accepted but not yet readable — an image being downscaled, a PDF being
+     * extracted. They have no id yet, so they get placeholder chips.
+     *
+     * ★ Without these the work is invisible: a 50-page PDF or a 12MP photo left an
+     * empty strip and a dead send button, and the only signal that anything was
+     * happening was a control that had stopped working.
+     */
+    preparingCount?: number;
+}
+/**
+ * Pending-attachment strip above the composer input (Workstream 3).
+ *
+ * Images get a thumbnail, everything else a typed icon chip. Upload state is
+ * shown on the chip itself — a spinner while it is in flight, a red outline plus
+ * the reason when it fails — so a farmer on a weak connection can see which
+ * photo is still going up instead of guessing why send is disabled.
+ */
+export declare const AssistantAttachmentChips: FC<Props>;
+export {};
+//# sourceMappingURL=AssistantAttachmentChips.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AssistantAttachmentChips.d.ts","sourceRoot":"","sources":["../../../../../src/shared/assistant/ui/composer/AssistantAttachmentChips.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAUhC,OAAO,EAAe,KAAK,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAE1E,UAAU,KAAK;IACb,WAAW,EAAE,mBAAmB,EAAE,CAAC;IACnC,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,qEAAqE;IACrE,OAAO,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;;;OAOG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,wBAAwB,EAAE,EAAE,CAAC,KAAK,CAwH9C,CAAC"}

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

@@ -0,0 +1,70 @@
+import { useAssistantTr as e } from "../../i18n.js";
+import { formatBytes as t } from "../../attachments.js";
+import { AlertCircle as n, FileText as r, Loader2 as i, Paperclip as a, RotateCcw as o, X as s } from "lucide-react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/shared/assistant/ui/composer/AssistantAttachmentChips.tsx
+var u = ({ attachments: u, onRemove: d, onRetry: f, preparingCount: p = 0, disabled: m = !1 }) => {
+	let h = e();
+	return u.length === 0 && p === 0 ? null : /* @__PURE__ */ l("ul", {
+		className: "mb-1.5 flex flex-wrap gap-1.5 px-0.5",
+		"aria-label": h("attachments.listLabel", "Attached files"),
+		"data-testid": "assistant-attachment-chips",
+		children: [u.map((e) => {
+			let u = e.status === "pending" || e.status === "uploading", p = e.status === "error";
+			return /* @__PURE__ */ l("li", {
+				className: `flex max-w-[220px] items-center gap-1.5 rounded-lg border py-1 pl-1 pr-1.5 ${p ? "border-status-error-text/40 bg-status-error-bg/10" : "border-border-subtle bg-bg-surface"}`,
+				"data-testid": "assistant-attachment-chip",
+				children: [
+					/* @__PURE__ */ c("span", {
+						className: "flex size-7 flex-shrink-0 items-center justify-center overflow-hidden rounded-md bg-bg-sunken text-text-muted",
+						children: e.previewUrl ? /* @__PURE__ */ c("img", {
+							src: e.previewUrl,
+							alt: "",
+							className: "size-full object-cover"
+						}) : p ? /* @__PURE__ */ c(n, { className: "size-3.5 text-status-error-text" }) : e.kind === "text" ? /* @__PURE__ */ c(r, { className: "size-3.5" }) : /* @__PURE__ */ c(a, { className: "size-3.5" })
+					}),
+					/* @__PURE__ */ l("span", {
+						className: "min-w-0 flex-1",
+						children: [/* @__PURE__ */ c("span", {
+							className: "block truncate text-[11px] font-medium leading-tight text-text-primary",
+							children: e.filename
+						}), /* @__PURE__ */ c("span", {
+							className: "block truncate text-[10px] leading-tight text-text-muted",
+							children: p ? e.error ?? h("attachments.failed", "Upload failed") : u ? e.progressNote ?? h("attachments.uploading", "Uploading…") : t(e.size)
+						})]
+					}),
+					p && /* @__PURE__ */ c("button", {
+						type: "button",
+						onClick: () => f(e.id),
+						disabled: m,
+						className: "flex size-5 flex-shrink-0 items-center justify-center rounded-full text-status-error-text transition-colors hover:bg-bg-sunken focus:outline-none focus-visible:ring-2 focus-visible:ring-border-strong disabled:cursor-not-allowed",
+						"aria-label": h("attachments.retry", "Retry uploading {{name}}", { name: e.filename }),
+						"data-testid": "assistant-attachment-retry",
+						children: /* @__PURE__ */ c(o, { className: "size-3" })
+					}),
+					u ? /* @__PURE__ */ c(i, {
+						className: "size-3.5 flex-shrink-0 animate-spin text-text-muted",
+						"aria-label": h("attachments.uploading", "Uploading…")
+					}) : /* @__PURE__ */ c("button", {
+						type: "button",
+						onClick: () => d(e.id),
+						disabled: m,
+						className: "flex size-5 flex-shrink-0 items-center justify-center rounded-full text-text-muted transition-colors hover:bg-bg-sunken hover:text-text-primary focus:outline-none focus-visible:ring-2 focus-visible:ring-border-strong disabled:cursor-not-allowed",
+						"aria-label": h("attachments.remove", "Remove {{name}}", { name: e.filename }),
+						"data-testid": "assistant-attachment-remove",
+						children: /* @__PURE__ */ c(s, { className: "size-3" })
+					})
+				]
+			}, e.id);
+		}), Array.from({ length: p }, (e, t) => /* @__PURE__ */ l("li", {
+			className: "flex items-center gap-1.5 rounded-lg border border-border-subtle bg-bg-sunken px-2 py-1 text-xs text-text-muted",
+			"data-testid": "assistant-attachment-preparing",
+			children: [/* @__PURE__ */ c(i, {
+				className: "size-3 animate-spin",
+				"aria-hidden": "true"
+			}), h("attachments.preparing", "Reading file…")]
+		}, `preparing-${t}`))]
+	});
+};
+//#endregion
+export { u as AssistantAttachmentChips };

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

@@ -0,0 +1,39 @@
+import { FC } from 'react';
+import { AssistantLanguage } from '../../voice/languages';
+interface Props {
+    /** The language currently in effect, already resolved (never null) — for display. */
+    current: AssistantLanguage;
+    /**
+     * The RAW stored preference: `null` means "follow the interface".
+     *
+     * The select must be driven by this rather than by `current`, or the two
+     * states collapse: while following an English interface, English is already
+     * the shown option, so choosing English fires no change event and the
+     * preference can never be pinned — and a later interface switch then moves
+     * the assistant language with it, which is exactly what the user was trying
+     * to prevent.
+     */
+    selected: string | null;
+    /** `null` restores "follow the interface language". */
+    onChange: (code: string | null) => void;
+    disabled?: boolean;
+}
+/**
+ * Pick the language you SPEAK to the assistant (BOFF-7108).
+ *
+ * A native `<select>` on purpose. On a phone — which is where a farmer dictating
+ * in Tamil actually is — this opens the OS picker, which is already localised,
+ * already scrolls properly, and already handles 17 languages across five scripts
+ * without us reimplementing any of it. A custom dropdown would look tidier in a
+ * desktop screenshot and be worse everywhere that matters.
+ *
+ * Each option is labelled with its ENDONYM (`தமிழ்`, not `Tamil`): a user who
+ * reads only Tamil cannot find "Tamil" in a list. The visible trigger shows the
+ * language code so it stays narrow in a docked panel, with the full name as the
+ * accessible label.
+ */
+export declare const AssistantLanguageSelector: FC<Props>;
+/** Not a language code, so it can never collide with one. */
+export declare const FOLLOW_APP_LOCALE = "__app__";
+export {};
+//# sourceMappingURL=AssistantLanguageSelector.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AssistantLanguageSelector.d.ts","sourceRoot":"","sources":["../../../../../src/shared/assistant/ui/composer/AssistantLanguageSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,EAEL,KAAK,iBAAiB,EACvB,MAAM,uBAAuB,CAAC;AAG/B,UAAU,KAAK;IACb,qFAAqF;IACrF,OAAO,EAAE,iBAAiB,CAAC;IAC3B;;;;;;;;;OASG;IACH,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,uDAAuD;IACvD,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,yBAAyB,EAAE,EAAE,CAAC,KAAK,CAoD/C,CAAC;AAEF,6DAA6D;AAC7D,eAAO,MAAM,iBAAiB,YAAY,CAAC"}

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

@@ -0,0 +1,42 @@
+import { ASSISTANT_LANGUAGES as e } from "../../voice/languages.js";
+import { useAssistantTr as t } from "../../i18n.js";
+import { Languages as n } from "lucide-react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/shared/assistant/ui/composer/AssistantLanguageSelector.tsx
+var a = ({ current: a, selected: s, onChange: c, disabled: l = !1 }) => {
+	let u = t(), d = u("voice.languageLabel", "Language you speak to the assistant");
+	return /* @__PURE__ */ i("label", {
+		className: `relative flex items-center gap-1 rounded-md px-1.5 py-1 text-[11px] transition-colors focus-within:ring-2 focus-within:ring-border-strong ${l ? "cursor-not-allowed opacity-50" : "cursor-pointer text-text-muted hover:bg-bg-elevated hover:text-text-secondary"}`,
+		title: `${d}: ${a.label}`,
+		"data-testid": "assistant-language-selector",
+		children: [
+			/* @__PURE__ */ r(n, {
+				className: "size-3.5",
+				"aria-hidden": "true"
+			}),
+			/* @__PURE__ */ r("span", {
+				"aria-hidden": "true",
+				children: a.code.toUpperCase()
+			}),
+			/* @__PURE__ */ i("select", {
+				"aria-label": d,
+				value: s ?? "__app__",
+				disabled: l,
+				onChange: (e) => {
+					let t = e.target.value;
+					c(t === "__app__" ? null : t);
+				},
+				className: "absolute inset-0 cursor-pointer opacity-0 disabled:cursor-not-allowed",
+				children: [/* @__PURE__ */ r("option", {
+					value: o,
+					children: u("voice.languageFollowApp", "Same as interface")
+				}), e.map((e) => /* @__PURE__ */ r("option", {
+					value: e.code,
+					children: e.label
+				}, e.code))]
+			})
+		]
+	});
+}, o = "__app__";
+//#endregion
+export { a as AssistantLanguageSelector, o as FOLLOW_APP_LOCALE };

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

@@ -0,0 +1,44 @@
+import { FC } from 'react';
+import { LucideIcon } from 'lucide-react';
+import { AssistantModeConfig } from '../../conversation';
+import { AssistantMode } from '../../types';
+interface Props {
+    mode: AssistantMode;
+    /** Role-filtered list of modes the user may pick (admin-gated modes removed). */
+    availableModes: AssistantModeConfig[];
+    onModeChange: (mode: AssistantMode) => void;
+    disabled?: boolean;
+}
+/**
+ * Per-mode presentation metadata. The i18n key + English fallback provide the
+ * relabelled display name ('Ask' / 'Take action') while the mode ID stays the
+ * transport-level value ('general' / 'api-calls' / 'vibe-plugins').
+ */
+export declare const ASSISTANT_MODE_META: Record<AssistantMode, {
+    i18nKey: string;
+    fallback: string;
+    icon: LucideIcon;
+}>;
+/**
+ * Where an arrow/Home/End keypress should move within a roving group.
+ *
+ * Extracted and exported so the wrap-around arithmetic — including the
+ * `currentIndex === -1` case, which means "focus is not on any pill yet" — is
+ * unit-testable in a repo whose test environment has no DOM. Returns null when
+ * the key is not one this group handles.
+ */
+export declare function nextModeIndex(key: string, currentIndex: number, lastIndex: number): number | null;
+/**
+ * Segmented "pill" mode selector shown BELOW the composer input (per the v2
+ * mockups): the active mode is a filled forest-green pill, the others are
+ * ghosted outlines. Replaces the old dropdown trigger. HB semantic tokens only.
+ *
+ * Exposed as a **radiogroup**, not a tablist: these pills pick one option, they
+ * do not reveal panels, and a `role="tab"` with no `tabpanel` misdescribes the
+ * control to a screen reader. Focus roves — one Tab stop for the group, arrow
+ * keys to move between pills — which is what the radio pattern requires and
+ * what a keyboard user expects from a segmented control.
+ */
+export declare const AssistantModeSelector: FC<Props>;
+export {};
+//# sourceMappingURL=AssistantModeSelector.d.ts.map

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

@@ -0,0 +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,MAAM,aAAa,CAAC;AAGjD,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;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,EAAE,MAAM,CACtC,aAAa,EACb;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,UAAU,CAAA;CAAE,CAUxD,CAAC;AAEF;;;;;;;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,CAgG3C,CAAC"}

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

@@ -0,0 +1,81 @@
+import { useAssistantTr as e } from "../../i18n.js";
+import { useCallback as t, useRef as n } from "react";
+import { ShieldCheck as r, Sparkles as i, Zap as a } from "lucide-react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/shared/assistant/ui/composer/AssistantModeSelector.tsx
+var c = {
+	general: {
+		i18nKey: "mode.ask",
+		fallback: "Ask",
+		icon: i
+	},
+	assistant: {
+		i18nKey: "mode.ask",
+		fallback: "Ask",
+		icon: i
+	},
+	"api-calls": {
+		i18nKey: "mode.takeAction",
+		fallback: "Take action",
+		icon: r
+	},
+	"vibe-plugins": {
+		i18nKey: "mode.build",
+		fallback: "Build",
+		icon: a
+	}
+};
+function l(e, t, n) {
+	switch (e) {
+		case "Home": return 0;
+		case "End": return n;
+		case "ArrowRight":
+		case "ArrowDown": return t >= n ? 0 : t + 1;
+		case "ArrowLeft":
+		case "ArrowUp": return t <= 0 ? n : t - 1;
+		default: return null;
+	}
+}
+var u = ({ mode: r, availableModes: i, onModeChange: a, disabled: u = !1 }) => {
+	let d = e(), f = n(null), p = t((e) => {
+		if (u) return;
+		let t = e.target?.closest("[data-mode-id]")?.dataset.modeId, n = t ? i.findIndex((e) => e.id === t) : -1, o = n >= 0 ? n : i.findIndex((e) => e.id === r), s = l(e.key, o, i.length - 1);
+		if (s === null) return;
+		e.preventDefault();
+		let c = i[s];
+		c && (f.current?.querySelector(`[data-mode-id="${c.id}"]`)?.focus(), c.id !== r && a(c.id));
+	}, [
+		i,
+		u,
+		r,
+		a
+	]);
+	return i.length < 2 ? null : /* @__PURE__ */ o("div", {
+		ref: f,
+		role: "radiogroup",
+		"aria-label": d("modeSelector.ariaLabel", "Select assistant mode"),
+		onKeyDown: p,
+		className: "inline-flex items-center gap-1 rounded-full border border-border-subtle bg-bg-elevated p-1",
+		"data-testid": "assistant-mode-selector",
+		children: i.map((e) => {
+			let t = c[e.id], n = t.icon, i = e.id === r;
+			return /* @__PURE__ */ s("button", {
+				type: "button",
+				role: "radio",
+				"aria-checked": i,
+				tabIndex: i ? 0 : -1,
+				disabled: u,
+				onClick: () => a(e.id),
+				"data-mode-id": e.id,
+				className: `flex items-center gap-1.5 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__ */ o(n, {
+					className: "size-3.5",
+					"aria-hidden": "true"
+				}), /* @__PURE__ */ o("span", { children: d(t.i18nKey, t.fallback) })]
+			}, e.id);
+		})
+	});
+};
+//#endregion
+export { c as ASSISTANT_MODE_META, u as AssistantModeSelector, l as nextModeIndex };

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

@@ -0,0 +1,20 @@
+import { FC } from 'react';
+interface Props {
+    isListening: boolean;
+    /** Requested, not yet capturing — the permission prompt / start-up window. */
+    isStarting?: boolean;
+    onToggle: () => void;
+    disabled?: boolean;
+}
+/**
+ * Microphone control in the composer — real speech-to-text (Workstream 2),
+ * driven by `useVoiceInput`. While listening it becomes a stop button with a
+ * live ring, so the control that starts dictation is also the one that ends it
+ * (no hunting for a second affordance mid-sentence).
+ *
+ * The composer renders this only when the browser supports SpeechRecognition;
+ * an unsupported engine gets no dead control at all.
+ */
+export declare const AssistantVoiceButton: FC<Props>;
+export {};
+//# sourceMappingURL=AssistantVoiceButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AssistantVoiceButton.d.ts","sourceRoot":"","sources":["../../../../../src/shared/assistant/ui/composer/AssistantVoiceButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAIhC,UAAU,KAAK;IACb,WAAW,EAAE,OAAO,CAAC;IACrB,8EAA8E;IAC9E,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,KAAK,CAmD1C,CAAC"}

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

@@ -0,0 +1,24 @@
+import { useAssistantTr as e } from "../../i18n.js";
+import { Mic as t, Square as n } from "lucide-react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/shared/assistant/ui/composer/AssistantVoiceButton.tsx
+var a = ({ isListening: a, isStarting: o = !1, onToggle: s, disabled: c = !1 }) => {
+	let l = e(), u = a ? l("composer.voiceStop", "Stop dictation") : o ? l("composer.voiceStarting", "Starting the microphone — tap to cancel") : l("composer.voiceStart", "Dictate a message");
+	return /* @__PURE__ */ r("button", {
+		type: "button",
+		onClick: s,
+		disabled: c,
+		title: u,
+		"aria-label": u,
+		"aria-pressed": a || o,
+		className: `flex size-9 flex-shrink-0 items-center justify-center rounded-full border transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-border-strong disabled:cursor-not-allowed disabled:opacity-50 ${a ? "border-status-error-text/40 bg-status-error-bg/10 text-status-error-text" : o ? "border-border-strong bg-bg-elevated text-text-secondary" : "border-border-subtle bg-bg-elevated text-text-secondary hover:bg-bg-sunken hover:text-text-primary"}`,
+		"data-testid": "assistant-voice",
+		"data-state": a ? "listening" : o ? "starting" : "idle",
+		children: o && !a ? /* @__PURE__ */ r(t, { className: "size-4 motion-safe:animate-pulse opacity-70" }) : a ? /* @__PURE__ */ i("span", {
+			className: "relative flex items-center justify-center",
+			children: [/* @__PURE__ */ r("span", { className: "absolute inline-flex size-7 rounded-full bg-status-error-bg/20 motion-safe:animate-ping" }), /* @__PURE__ */ r(n, { className: "relative size-3 fill-current" })]
+		}) : /* @__PURE__ */ r(t, { className: "size-4" })
+	});
+};
+//#endregion
+export { a as AssistantVoiceButton };

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

@@ -0,0 +1,25 @@
+import { FC } from 'react';
+/**
+ * Pick WHICH voice reads the replies (BOFF-7110).
+ *
+ * Two voices for the same language can sound very different — Apple's
+ * "Enhanced"/"Premium" downloads and Chrome's network "Google …" voices against
+ * the compact built-ins — and nothing in the Web Speech API reports quality.
+ * We rank by name heuristics to choose a default; this is how the listener
+ * overrules that, which is the only reliable answer.
+ *
+ * Renders nothing when the device offers fewer than two voices for the
+ * language: a dropdown with one option is a control that cannot do anything.
+ * That is the common case on bare Linux and on locked-down Android webviews,
+ * and it is also why "install more voices" copy belongs in the disabled-state
+ * message rather than here.
+ *
+ * A native `<select>` for the same reason as the language chip: on a phone it
+ * opens the OS picker, which already scrolls and localises itself.
+ */
+export declare const AssistantVoiceSelector: FC<{
+    disabled?: boolean;
+}>;
+/** Not a voice name, so it can never collide with one. */
+export declare const AUTO_VOICE = "__auto__";
+//# sourceMappingURL=AssistantVoiceSelector.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AssistantVoiceSelector.d.ts","sourceRoot":"","sources":["../../../../../src/shared/assistant/ui/composer/AssistantVoiceSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAKhC;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,sBAAsB,EAAE,EAAE,CAAC;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,CA2D7D,CAAC;AAEF,0DAA0D;AAC1D,eAAO,MAAM,UAAU,aAAa,CAAC"}

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

@@ -0,0 +1,37 @@
+import { useAssistantTr as e } from "../../i18n.js";
+import { useAssistantSpeech as t } from "../AssistantSpeechProvider.js";
+import { AudioLines as n } from "lucide-react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/shared/assistant/ui/composer/AssistantVoiceSelector.tsx
+var a = ({ disabled: a = !1 }) => {
+	let s = e(), { voiceChoices: c, activeVoiceName: l, preferredVoiceName: u, setVoice: d } = t();
+	if (c.length < 2) return null;
+	let f = s("voice.voiceLabel", "Voice that reads replies");
+	return /* @__PURE__ */ i("label", {
+		className: `relative flex items-center gap-1 rounded-md px-1.5 py-1 text-[11px] transition-colors focus-within:ring-2 focus-within:ring-border-strong ${a ? "cursor-not-allowed opacity-50" : "cursor-pointer text-text-muted hover:bg-bg-elevated hover:text-text-secondary"}`,
+		title: `${f}: ${l ?? ""}`,
+		"data-testid": "assistant-voice-selector",
+		children: [/* @__PURE__ */ r(n, {
+			className: "size-3.5",
+			"aria-hidden": "true"
+		}), /* @__PURE__ */ i("select", {
+			"aria-label": f,
+			value: u ?? "__auto__",
+			disabled: a,
+			onChange: (e) => {
+				let t = e.target.value;
+				d(t === "__auto__" ? null : t);
+			},
+			className: "absolute inset-0 cursor-pointer opacity-0 disabled:cursor-not-allowed",
+			children: [/* @__PURE__ */ r("option", {
+				value: o,
+				children: l ? `${s("voice.voiceAuto", "Best available")} (${l})` : s("voice.voiceAuto", "Best available")
+			}), c.map((e) => /* @__PURE__ */ r("option", {
+				value: e.name,
+				children: e.name
+			}, e.name))]
+		})]
+	});
+}, o = "__auto__";
+//#endregion
+export { o as AUTO_VOICE, a as AssistantVoiceSelector };

package/dist/shared/assistant/ui/voice/AssistantVoiceOrb.d.ts

@@ -0,0 +1,33 @@
+import { FC } from 'react';
+import { VoiceSessionSnapshot } from '../../voice/voiceSession';
+/**
+ * The session's single animated control (BOFF-7120).
+ *
+ * It was a decorative round orb with a separate mic button beneath it. Now it is
+ * one pill that both SHOWS the state and IS the control, because two elements
+ * were saying the same thing: the orb pulsed to mean "listening" while the mic
+ * button sat next to it meaning "the microphone". Merging them leaves a single
+ * large target, which matters when the user is talking rather than looking.
+ *
+ * What tapping it does depends on the phase, and the icon always says which:
+ *  - listening -> mute        (Mic)
+ *  - muted     -> unmute      (MicOff)
+ *  - speaking  -> interrupt   (Square — the stop glyph, not a microphone)
+ *  - thinking  -> nothing     (disabled; there is nothing to stop or mute yet)
+ *
+ * Interruption living here is deliberate: it is the biggest target on screen,
+ * and it replaced barge-in when the microphone had to be closed during playback
+ * to stop the assistant transcribing its own voice.
+ */
+interface Props {
+    session: VoiceSessionSnapshot;
+    compact?: boolean;
+    onPress?: () => void;
+    /** Accessible name — the caller knows the translated strings. */
+    label: string;
+    /** Start-up window: the recogniser has been asked but is not capturing yet. */
+    connecting?: boolean;
+}
+export declare const AssistantVoiceOrb: FC<Props>;
+export {};
+//# sourceMappingURL=AssistantVoiceOrb.d.ts.map

package/dist/shared/assistant/ui/voice/AssistantVoiceOrb.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssistantVoiceOrb.d.ts","sourceRoot":"","sources":["../../../../../src/shared/assistant/ui/voice/AssistantVoiceOrb.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAGrE;;;;;;;;;;;;;;;;;;GAkBG;AACH,UAAU,KAAK;IACb,OAAO,EAAE,oBAAoB,CAAC;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,iEAAiE;IACjE,KAAK,EAAE,MAAM,CAAC;IACd,+EAA+E;IAC/E,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,KAAK,CA8EvC,CAAC"}

package/dist/shared/assistant/ui/voice/AssistantVoiceOrb.js

@@ -0,0 +1,24 @@
+import { orbMode as e } from "../../voice/voiceSession.js";
+import { Mic as t, MicOff as n, Square as r } from "lucide-react";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/shared/assistant/ui/voice/AssistantVoiceOrb.tsx
+var a = ({ session: a, compact: o = !1, onPress: s, label: c, connecting: l = !1 }) => {
+	let u = e(a), { muted: d, phase: f, error: p } = a, m = f === "thinking" || f === "idle" || f === "ended" || p !== null || l, h = d && f !== "speaking" ? "from-bg-elevated to-bg-elevated" : u === "listening" ? "from-action-primary-bg/80 to-action-primary-bg/20" : u === "thinking" ? "from-text-muted/60 to-text-muted/10" : u === "speaking" ? "from-action-primary-bg to-action-primary-bg/40" : "from-bg-elevated to-bg-elevated/40", g = d && f !== "speaking" ? "" : u === "listening" ? "motion-safe:animate-pulse" : u === "thinking" ? "motion-safe:animate-[pulse_1.6s_ease-in-out_infinite]" : u === "speaking" ? "motion-safe:animate-[pulse_0.9s_ease-in-out_infinite]" : "", _ = o ? "h-16 w-40" : "h-24 w-56", v = o ? "size-6" : "size-8", y = f === "speaking" ? r : d ? n : t;
+	return /* @__PURE__ */ i("button", {
+		type: "button",
+		onClick: s,
+		disabled: m || !s,
+		className: `flex ${_} items-center justify-center rounded-full bg-gradient-to-b ${h} ${g} text-text-primary shadow-lg transition-colors duration-300 focus:outline-none focus-visible:ring-2 focus-visible:ring-border-strong disabled:cursor-default`,
+		"aria-label": c,
+		"aria-pressed": f === "speaking" ? void 0 : d,
+		"data-testid": "assistant-voice-orb",
+		"data-state": u,
+		"data-muted": d || void 0,
+		children: /* @__PURE__ */ i(y, {
+			className: v,
+			"aria-hidden": "true"
+		})
+	});
+};
+//#endregion
+export { a as AssistantVoiceOrb };

package/dist/shared/assistant/ui/voice/AssistantVoiceSessionButton.d.ts

@@ -0,0 +1,23 @@
+import { FC } from 'react';
+/**
+ * Opens the full-screen voice conversation (BOFF-7120).
+ *
+ * ★ It occupies the SEND button's slot, and only while the composer is empty —
+ * which is both what Gemini does and the only thing that fits. The composer row
+ * is exactly full at 390px (measured: attach 22-58, textarea 66-228, language
+ * chip 236-280, mic 288-324, send 332-368), so adding a sixth control would push
+ * send off the edge — the precise bug fixed in #293. Swapping rather than adding
+ * costs zero width.
+ *
+ * There is no ambiguity in the swap: with nothing typed there is nothing to
+ * send, so the send button was inert anyway. As soon as the user types, send
+ * comes back.
+ *
+ * Distinct from the existing mic button, which dictates INTO the composer. This
+ * starts a hands-free conversation and leaves the composer behind.
+ */
+export declare const AssistantVoiceSessionButton: FC<{
+    onStart: () => void;
+    disabled?: boolean;
+}>;
+//# sourceMappingURL=AssistantVoiceSessionButton.d.ts.map

package/dist/shared/assistant/ui/voice/AssistantVoiceSessionButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssistantVoiceSessionButton.d.ts","sourceRoot":"","sources":["../../../../../src/shared/assistant/ui/voice/AssistantVoiceSessionButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAIhC;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,2BAA2B,EAAE,EAAE,CAAC;IAC3C,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAgBA,CAAC"}

package/dist/shared/assistant/ui/voice/AssistantVoiceSessionButton.js

@@ -0,0 +1,19 @@
+import { useAssistantTr as e } from "../../i18n.js";
+import { AudioLines as t } from "lucide-react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/shared/assistant/ui/voice/AssistantVoiceSessionButton.tsx
+var r = ({ onStart: r, disabled: i = !1 }) => {
+	let a = e();
+	return /* @__PURE__ */ n("button", {
+		type: "button",
+		onClick: r,
+		disabled: i,
+		className: "flex size-9 flex-shrink-0 items-center justify-center rounded-full bg-bg-elevated text-text-secondary shadow-sm transition-all hover:scale-105 hover:bg-bg-raised hover:text-text-primary focus:outline-none focus-visible:ring-2 focus-visible:ring-border-strong disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:scale-100",
+		"aria-label": a("voiceSession.start", "Start a voice conversation"),
+		title: a("voiceSession.start", "Start a voice conversation"),
+		"data-testid": "assistant-voice-session-start",
+		children: /* @__PURE__ */ n(t, { className: "size-4" })
+	});
+};
+//#endregion
+export { r as AssistantVoiceSessionButton };