@burdenoff/fe-libs 2026.1029.10 → 2026.1030.1

package/dist/shared/assistant/ui/compact/AssistantLanguagePill.js

@@ -0,0 +1,98 @@
+import { useI18n as e } from "../../../providers/shell/I18nProvider.js";
+import { EscapeLayer as t } from "../../../components/EscapeLayer.js";
+import { useAssistantTr as n } from "../../i18n.js";
+import { useAssistantStore as r } from "../../store.js";
+import { replyFollowsInput as i, resolveLanguagePair as a } from "../../voice/languagePair.js";
+import { AssistantLanguageMenu as o } from "../AssistantLanguageMenu.js";
+import { useEffect as s, useId as c, useMemo as l, useRef as u, useState as d } from "react";
+import { ChevronDown as f, Languages as p } from "lucide-react";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+//#region src/shared/assistant/ui/compact/AssistantLanguagePill.tsx
+var g = ({ voiceLive: g }) => {
+	let _ = n(), { locale: v } = e(), y = r((e) => e.assistantLanguage), b = r((e) => e.replyLanguage), x = l(() => a(y, b, v), [
+		y,
+		b,
+		v
+	]), [S, C] = d(!1), w = u(null), T = u(null), E = c(), D = c();
+	S && g && C(!1);
+	let O = u(S);
+	s(() => {
+		O.current = S;
+	});
+	let k = u(y);
+	s(() => {
+		k.current !== y && (k.current = y, O.current && (C(!1), T.current?.focus({ preventScroll: !0 })));
+	}, [y]), s(() => {
+		if (!S) return;
+		let e = (e) => {
+			let t = e.target;
+			t instanceof Node && w.current?.contains(t) || C(!1);
+		};
+		return document.addEventListener("pointerdown", e), () => document.removeEventListener("pointerdown", e);
+	}, [S]);
+	let A = _("window.language", "Language"), j = _("window.languageLocked", "Change the language after you end voice"), M = !i(b) && x.reply.code !== x.input.code ? x.reply.label : null, N = (e) => {
+		C(!1), e && T.current?.focus({ preventScroll: !0 });
+	};
+	return /* @__PURE__ */ h("div", {
+		ref: w,
+		className: "relative min-w-0 flex-1",
+		"data-testid": "assistant-window-language-root",
+		children: [
+			/* @__PURE__ */ h("button", {
+				ref: T,
+				type: "button",
+				onClick: () => {
+					g || C((e) => !e);
+				},
+				className: `flex h-10 min-w-0 max-w-full items-center gap-1.5 rounded-full border border-border-default px-3 text-sm transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)] ${g ? "cursor-default text-text-muted" : "text-text-primary hover:bg-bg-sunken"}`,
+				"aria-expanded": S,
+				"aria-controls": S ? E : void 0,
+				"aria-disabled": g ? "true" : void 0,
+				"aria-describedby": g ? D : void 0,
+				"aria-label": `${A}: ${x.input.label}`,
+				title: g ? j : `${A}: ${x.input.label}`,
+				"data-testid": "assistant-window-language",
+				children: [
+					/* @__PURE__ */ m(p, {
+						className: "size-4 shrink-0",
+						"aria-hidden": "true"
+					}),
+					/* @__PURE__ */ m("span", {
+						className: "min-w-0 truncate",
+						"data-testid": "assistant-window-language-name",
+						children: x.input.label
+					}),
+					/* @__PURE__ */ m(f, {
+						className: "size-4 shrink-0",
+						"aria-hidden": "true"
+					})
+				]
+			}),
+			g ? /* @__PURE__ */ m("span", {
+				id: D,
+				className: "sr-only",
+				"data-testid": "assistant-window-language-reason",
+				children: j
+			}) : null,
+			S ? /* @__PURE__ */ m(t, {
+				onDismiss: () => {
+					N(!0);
+				},
+				children: /* @__PURE__ */ h("div", {
+					id: E,
+					role: "group",
+					"aria-label": A,
+					className: "absolute start-0 top-full z-30 mt-1 w-72 max-w-[calc(100vw-2rem)] overflow-hidden rounded-card border border-border-default bg-bg-elevated py-1 shadow-[var(--shadow-overlay)]",
+					"data-testid": "assistant-window-language-menu",
+					children: [/* @__PURE__ */ m(o, { inputOnly: !0 }), M === null ? null : /* @__PURE__ */ m("p", {
+						className: "px-3 py-2 text-xs text-text-muted",
+						"data-testid": "assistant-window-language-pinned",
+						children: _("window.languagePinned", "Replies in {{language}} — change in full assistant", { language: M })
+					})]
+				})
+			}) : null
+		]
+	});
+};
+//#endregion
+export { g as AssistantLanguagePill };

package/dist/shared/assistant/ui/compact/AssistantVoiceReady.d.ts

@@ -0,0 +1,31 @@
+import { FC } from 'react';
+export interface AssistantVoiceReadyProps {
+    /**
+     * Why a voice conversation cannot start here and now (`voiceStartBlocker`),
+     * already worded. Null: it can, and Start voice is offered.
+     */
+    blockedReason: string | null;
+    /** Start the voice conversation: the chat area's own `startVoiceWithPrewarm`. */
+    onStart: () => void;
+}
+/**
+ * The Quick assistant window's Voice view, ready: not started (BOFF-10180, C2).
+ *
+ * ★ Nothing here listens. The brand orb is a still picture, with no ring, halo or
+ * motion, so it cannot read as "the microphone is open"; the status line says
+ * when it opens ("only when you press Start voice"); opening the window, or
+ * switching to this view, starts neither the microphone nor an avatar. The one
+ * thing that does is the person's press on Start voice, which is the composer's
+ * own start (`startVoiceWithPrewarm`).
+ *
+ * ★ Start voice is never auto-focused. Focus lands in the message box when the
+ * window opens, so a stray Enter cannot open the microphone.
+ *
+ * ★ Where voice cannot start (the mode takes none, the browser has no speech,
+ * the conversation is read-only, or it is busy) the reason takes the button's
+ * place, as a polite status, and there is no Start voice to press.
+ *
+ * ★ The orb is the brand's. Face stills belong to the avatar seam, which offers
+ * no accessor for the chosen face, and the window never starts an avatar.
+ */
+export declare const AssistantVoiceReady: FC<AssistantVoiceReadyProps>;

package/dist/shared/assistant/ui/compact/AssistantVoiceReady.js

@@ -0,0 +1,41 @@
+import { useAssistantTr as e } from "../../i18n.js";
+import { Mic as t } from "lucide-react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/shared/assistant/ui/compact/AssistantVoiceReady.tsx
+var i = ({ blockedReason: i, onStart: a }) => {
+	let o = e();
+	return /* @__PURE__ */ r("div", {
+		className: "flex min-h-0 flex-1 flex-col items-center justify-center gap-4 overflow-y-auto px-6 py-4 text-center",
+		"data-testid": "assistant-window-voice-ready",
+		children: [
+			/* @__PURE__ */ n("span", {
+				className: "size-28 shrink-0 rounded-full bg-gradient-to-br from-action-primary-bg/80 to-action-primary-bg/20 shadow-[var(--shadow-elevation-3)]",
+				"aria-hidden": "true",
+				"data-testid": "assistant-window-orb"
+			}),
+			/* @__PURE__ */ n("h2", {
+				className: "text-lg font-semibold text-text-primary",
+				children: o("window.voiceReadyTitle", "Talk to the assistant")
+			}),
+			/* @__PURE__ */ n("p", {
+				role: "status",
+				"aria-live": "polite",
+				className: "max-w-[16rem] text-sm text-text-secondary",
+				"data-testid": "assistant-window-voice-status",
+				children: i ?? o("window.voiceReadyStatus", "The microphone starts only when you press Start voice.")
+			}),
+			i === null ? /* @__PURE__ */ r("button", {
+				type: "button",
+				onClick: a,
+				className: "flex h-12 items-center gap-2 rounded-full bg-action-primary-bg px-6 text-base font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg-hover 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)]",
+				"data-testid": "assistant-window-start-voice",
+				children: [/* @__PURE__ */ n(t, {
+					className: "size-5",
+					"aria-hidden": "true"
+				}), o("window.startVoice", "Start voice")]
+			}) : null
+		]
+	});
+};
+//#endregion
+export { i as AssistantVoiceReady };

package/dist/shared/assistant/ui/compact/AssistantWaitingChangeRow.d.ts

@@ -4,6 +4,12 @@ export interface AssistantWaitingChangeRowProps {
     count: number;
     /** Scroll to the first waiting change's card and focus it. */
     onReview: () => void;
+    /**
+     * BOFF-10180 (the Quick assistant window): the card is in the full assistant,
+     * so the row's one button says so ("Review in full assistant") and `onReview`
+     * opens the full assistant. Still a pointer, never a second way to approve.
+     */
+    opensFull?: boolean;
 }
 /**
  * The pinned "change waiting" row above the composer (N6, 2026-10-29), in the

package/dist/shared/assistant/ui/compact/AssistantWaitingChangeRow.js

@@ -2,8 +2,8 @@ import { useAssistantTr as e } from "../../i18n.js";
 import { ShieldAlert as t } from "lucide-react";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
 //#region src/shared/assistant/ui/compact/AssistantWaitingChangeRow.tsx
-var i = ({ count: i, onReview: a }) => {
-	let o = e();
+var i = ({ count: i, onReview: a, opensFull: o = !1 }) => {
+	let s = e();
 	return /* @__PURE__ */ r("div", {
 		className: "mb-2 flex min-h-11 items-center gap-2 rounded-xl border border-status-warning bg-status-warning/10 px-3 py-1",
 		"data-testid": "assistant-waiting-change",
@@ -17,15 +17,15 @@ var i = ({ count: i, onReview: a }) => {
 				"aria-live": "polite",
 				className: "min-w-0 flex-1 text-sm text-text-primary",
 				"data-testid": "assistant-waiting-change-status",
-				children: o("waitingChange.status", "{{count}} change(s) waiting for your approval", { count: i })
+				children: s("waitingChange.status", "{{count}} change(s) waiting for your approval", { count: i })
 			}),
 			/* @__PURE__ */ n("button", {
 				type: "button",
 				onClick: a,
 				className: "min-h-9 shrink-0 rounded-button px-3 text-sm font-medium text-action-primary-bg transition-colors hover:bg-bg-sunken focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]",
-				"aria-label": o("waitingChange.reviewLabel", "Review the change waiting for your approval"),
+				"aria-label": o ? void 0 : s("waitingChange.reviewLabel", "Review the change waiting for your approval"),
 				"data-testid": "assistant-waiting-change-review",
-				children: o("waitingChange.review", "Review")
+				children: o ? s("waitingChange.reviewInFull", "Review in full assistant") : s("waitingChange.review", "Review")
 			})
 		]
 	});

package/dist/shared/assistant/ui/compact/AssistantWindowHeader.d.ts

@@ -0,0 +1,36 @@
+import { FC } from 'react';
+import { AssistantWindowView } from '../assistantOverlayState';
+export interface AssistantWindowHeaderProps {
+    /** The view the window shows. */
+    view: AssistantWindowView;
+    /** Chat or Voice was chosen. Presentation only: a live voice conversation carries on. */
+    onSelectView: (view: AssistantWindowView) => void;
+    /** A voice conversation is live: Minimize ends it, and the language waits. */
+    voiceLive: boolean;
+    /** Switch the same instance to the full assistant. Nothing is re-sent. */
+    onOpenFull: () => void;
+    /** Hide the window and keep everything in it (CW-M). */
+    onMinimize: () => void;
+}
+/**
+ * The Quick assistant window's header strip (BOFF-10178 Slice 3, BOFF-10180
+ * Slice 5):
+ *
+ *   `[Chat | Voice]  [文A English ▾] ………… [Open full assistant] [Minimize]`
+ *
+ * Four controls, 40 px each (C2). The pilot name is the panel's accessible name,
+ * so the strip spends its width on the controls.
+ *
+ * ★ The view toggle is a two-option segmented control with `aria-pressed`: each
+ * option names the view it SHOWS, and the one showing is pressed. It is
+ * presentation only: it starts nothing and ends nothing.
+ *
+ * ★ No Close (CW-M): the window is hidden, never closed, so a draft, its
+ * attachments and the conversation stay exactly where they are. Closing is the
+ * full panel's. While voice is live Minimize says it ENDS voice (VD): the hidden
+ * window keeps everything but the microphone, and nothing listens in the
+ * background.
+ *
+ * ★ Every control keeps one NAME (WCAG 2.5.3): the tooltip is the same words.
+ */
+export declare const AssistantWindowHeader: FC<AssistantWindowHeaderProps>;

package/dist/shared/assistant/ui/compact/AssistantWindowHeader.js

@@ -0,0 +1,68 @@
+import { useAssistantTr as e } from "../../i18n.js";
+import { AssistantLanguagePill as t } from "./AssistantLanguagePill.js";
+import { AudioLines as n, MessageSquare as r, Minus as i, PanelRight as a } from "lucide-react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/shared/assistant/ui/compact/AssistantWindowHeader.tsx
+var c = "flex size-10 shrink-0 items-center justify-center rounded-button transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]", l = "text-text-secondary hover:bg-bg-sunken hover:text-text-primary", u = ({ view: u, onSelectView: d, voiceLive: f, onOpenFull: p, onMinimize: m }) => {
+	let h = e(), g = h("window.openFull", "Open full assistant"), _ = f ? h("window.minimizeEndsVoice", "Minimize (ends voice)") : h("window.minimize", "Minimize"), v = h("window.viewChat", "Chat"), y = h("window.viewVoice", "Voice"), b = (e, t, n) => {
+		let r = u === e;
+		return /* @__PURE__ */ o("button", {
+			type: "button",
+			onClick: () => d(e),
+			className: `flex size-10 shrink-0 items-center justify-center rounded-full transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)] ${r ? "bg-[var(--color-accent-soft)] text-action-primary-bg" : "text-text-secondary hover:bg-bg-sunken hover:text-text-primary"}`,
+			"aria-pressed": r,
+			"aria-label": t,
+			title: t,
+			"data-testid": `assistant-window-view-${e}`,
+			children: n
+		});
+	};
+	return /* @__PURE__ */ s("div", {
+		className: "flex min-h-14 items-center gap-1 border-b border-border-default px-2 py-2",
+		"data-testid": "assistant-window-header",
+		"data-presentation": "compact",
+		"data-surface": "window",
+		children: [
+			/* @__PURE__ */ s("div", {
+				role: "group",
+				"aria-label": h("window.view", "View"),
+				className: "flex shrink-0 items-center rounded-full border border-border-default",
+				"data-testid": "assistant-window-view",
+				children: [b("chat", v, /* @__PURE__ */ o(r, {
+					className: "size-5",
+					"aria-hidden": "true"
+				})), b("voice", y, /* @__PURE__ */ o(n, {
+					className: "size-5",
+					"aria-hidden": "true"
+				}))]
+			}),
+			/* @__PURE__ */ o(t, { voiceLive: f }),
+			/* @__PURE__ */ o("button", {
+				type: "button",
+				onClick: () => p(),
+				className: `${c} ${l}`,
+				"aria-label": g,
+				title: g,
+				"data-testid": "assistant-open-full",
+				children: /* @__PURE__ */ o(a, {
+					className: "size-5",
+					"aria-hidden": "true"
+				})
+			}),
+			/* @__PURE__ */ o("button", {
+				type: "button",
+				onClick: m,
+				className: `${c} ${l}`,
+				"aria-label": _,
+				title: _,
+				"data-testid": "assistant-minimize",
+				children: /* @__PURE__ */ o(i, {
+					className: "size-5",
+					"aria-hidden": "true"
+				})
+			})
+		]
+	});
+};
+//#endregion
+export { u as AssistantWindowHeader };

package/dist/shared/assistant/ui/compact/windowView.d.ts

@@ -0,0 +1,50 @@
+import { isAssistantWindowView, AssistantWindowView } from '../assistantOverlayState';
+export { isAssistantWindowView, type AssistantWindowView };
+/**
+ * CW-V: the view the window shows.
+ *
+ * - Not live: the LAST USED view; the first time (nothing stored) Voice where
+ *   voice is available here, else Chat.
+ * - Live: the voice view, which is where a conversation that has just started is
+ *   (starting it from the Chat view moves the window to it), unless the person
+ *   stepped to Chat since. That step is NOT the last-used view: it lasts as long
+ *   as the conversation does.
+ */
+export declare function resolveWindowView(input: {
+    /** The last-used view the overlay remembers, or null when none was ever chosen. */
+    stored: AssistantWindowView | null;
+    /** Voice can start here (speech works and the mode takes it). */
+    voiceAvailable: boolean;
+    /** A voice session is live. */
+    voiceLive: boolean;
+    /** The view the person chose during the live conversation. */
+    liveView: AssistantWindowView;
+}): AssistantWindowView;
+/** What the chat area tells the panel about voice in the window. */
+export interface WindowVoiceState {
+    /** Voice can start here: `voiceSession.available` and the active mode takes it. */
+    available: boolean;
+    /** A session is live. */
+    live: boolean;
+}
+/** Until the chat area reports: not available, not live. */
+export declare const WINDOW_VOICE_IDLE: WindowVoiceState;
+/**
+ * The window's view and how a person changes it. A choice made while voice is
+ * live is the live conversation's alone; any other choice is remembered
+ * (`onRemember`, the overlay's storage). Each new conversation starts on Voice.
+ *
+ * ★ The state is adjusted DURING render, conditional on the flag it follows, so
+ * no frame shows the wrong view.
+ */
+export declare function useAssistantWindowView(args: {
+    stored: AssistantWindowView | null;
+    onRemember: ((view: AssistantWindowView) => void) | undefined;
+    voice: WindowVoiceState;
+}): {
+    view: AssistantWindowView;
+    /** The person chose a view in the header. */
+    select: (view: AssistantWindowView) => void;
+    /** The view is where the person IS now (Continue in chat): remembered, never a live-only choice. */
+    remember: (view: AssistantWindowView) => void;
+};

package/dist/shared/assistant/ui/compact/windowView.js

@@ -0,0 +1,31 @@
+import "../assistantOverlayState.js";
+import { useCallback as e, useState as t } from "react";
+//#region src/shared/assistant/ui/compact/windowView.ts
+function n(e) {
+	return e.voiceLive ? e.liveView : e.stored ?? (e.voiceAvailable ? "voice" : "chat");
+}
+var r = {
+	available: !1,
+	live: !1
+};
+function i(r) {
+	let { stored: i, onRemember: a, voice: o } = r, [s, c] = t("voice"), [l, u] = t(null), [d, f] = t(o.live);
+	d !== o.live && (f(o.live), o.live && c("voice"));
+	let p = n({
+		stored: l ?? i,
+		voiceAvailable: o.available,
+		voiceLive: o.live,
+		liveView: s
+	}), m = o.live, h = e((e) => {
+		u(e), a?.(e);
+	}, [a]);
+	return {
+		view: p,
+		select: e((e) => {
+			m ? c(e) : h(e);
+		}, [m, h]),
+		remember: h
+	};
+}
+//#endregion
+export { r as WINDOW_VOICE_IDLE, n as resolveWindowView, i as useAssistantWindowView };

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

@@ -32,6 +32,14 @@ interface Props {
      * into them; and a product composing its own chrome keeps the icon it has.
      */
     showLabel?: boolean;
+    /**
+     * BOFF-10178 (compact only): keep the source menu inside the VISUAL viewport.
+     * On a phone with the keyboard up the sheet is only as tall as the visual
+     * viewport leaves it (`--assistant-viewport-height`), and the menu opens
+     * upward inside it, so its height is capped to what the sheet can hold and it
+     * scrolls past that. Absent, the menu is exactly what it was.
+     */
+    capMenuHeight?: boolean;
 }
 /**
  * Leading circular "+" attach control in the composer.

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

@@ -9,88 +9,88 @@ import { useCallback as c, useEffect as l, useMemo as u, useRef as d, useState a
 import { Camera as p, FileText as m, FolderOpen as h, ImageIcon as g, Plus as _ } from "lucide-react";
 import { jsx as v, jsxs as y } from "react/jsx-runtime";
 //#region src/shared/assistant/ui/composer/AssistantAttachmentButton.tsx
-var b = "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", x = `${b} sm:w-auto sm:gap-1.5 sm:px-3`, S = {
+var b = " max-h-[calc(var(--assistant-viewport-height,100dvh)-10rem)] overflow-y-auto", x = "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", S = `${x} sm:w-auto sm:gap-1.5 sm:px-3`, C = {
 	camera: p,
 	gallery: g,
 	documents: m,
 	files: h
-}, C = ({ onFiles: p, onPickerOpen: m, direction: h = "up", canAddMore: g, disabled: C = !1, showLabel: w = !1 }) => {
-	let T = t(), E = d(null), D = d(null), O = d(null), [k, A] = f(!1), j = d(m);
-	j.current = m;
-	let M = u(() => n(r()), []), N = i(a()), P = g || N, F = g ? N ? `${T("composer.attach", "Attach files or photos")} · ${T("composer.connectSource", "Connect a source")}` : T("composer.attach", "Attach files or photos") : T("composer.attachFull", "Attachment limit reached ({{max}})", { max: 5 }), I = w && g && N ? T("composer.connectSource", "Connect a source") : null, L = s(O, () => A(!1));
+}, w = ({ onFiles: p, onPickerOpen: m, direction: h = "up", canAddMore: g, disabled: w = !1, showLabel: T = !1, capMenuHeight: E = !1 }) => {
+	let D = t(), O = d(null), k = d(null), A = d(null), [j, M] = f(!1), N = d(m);
+	N.current = m;
+	let P = u(() => n(r()), []), F = i(a()), I = g || F, L = g ? F ? `${D("composer.attach", "Attach files or photos")} · ${D("composer.connectSource", "Connect a source")}` : D("composer.attach", "Attach files or photos") : D("composer.attachFull", "Attachment limit reached ({{max}})", { max: 5 }), R = T && g && F ? D("composer.connectSource", "Connect a source") : null, z = s(A, () => M(!1));
 	l(() => {
-		if (!k) return;
+		if (!j) return;
 		let e = (e) => {
 			let t = e.target;
-			D.current?.contains(t) || O.current?.contains(t) || A(!1);
+			k.current?.contains(t) || A.current?.contains(t) || M(!1);
 		};
 		return window.addEventListener("mousedown", e), () => {
 			window.removeEventListener("mousedown", e);
 		};
-	}, [k]);
-	let R = c((e) => {
+	}, [j]);
+	let B = c((e) => {
 		p(e.target.files), e.target.value = "";
-	}, [p]), z = c((e) => {
-		let t = E.current;
-		t && (t.accept = e.accept, t.multiple = e.multiple, e.capture ? t.setAttribute("capture", e.capture) : t.removeAttribute("capture"), A(!1), j.current?.(), t.click());
+	}, [p]), V = c((e) => {
+		let t = O.current;
+		t && (t.accept = e.accept, t.multiple = e.multiple, e.capture ? t.setAttribute("capture", e.capture) : t.removeAttribute("capture"), M(!1), N.current?.(), t.click());
 	}, []);
 	return /* @__PURE__ */ y("div", {
 		className: "relative flex-shrink-0",
 		children: [
 			/* @__PURE__ */ v("input", {
-				ref: E,
+				ref: O,
 				type: "file",
 				multiple: !0,
 				className: "hidden",
-				onChange: R,
+				onChange: B,
 				tabIndex: -1,
 				"aria-hidden": "true",
 				"data-testid": "assistant-attach-input"
 			}),
 			/* @__PURE__ */ y("button", {
-				ref: O,
+				ref: A,
 				type: "button",
-				onClick: () => A((e) => !e),
-				disabled: C || !P,
-				title: F,
-				"aria-label": F,
+				onClick: () => M((e) => !e),
+				disabled: w || !I,
+				title: L,
+				"aria-label": L,
 				"aria-haspopup": "menu",
-				"aria-expanded": k,
-				className: I ? x : b,
+				"aria-expanded": j,
+				className: R ? S : x,
 				"data-testid": "assistant-attach",
-				children: [/* @__PURE__ */ v(_, { className: "size-4" }), I ? /* @__PURE__ */ v("span", {
+				children: [/* @__PURE__ */ v(_, { className: "size-4" }), R ? /* @__PURE__ */ v("span", {
 					className: "hidden max-w-[10rem] truncate text-[13px] font-medium leading-tight sm:block",
 					"data-testid": "assistant-attach-label",
-					children: I
+					children: R
 				}) : null]
 			}),
-			k ? /* @__PURE__ */ v(e, {
-				...L,
+			j ? /* @__PURE__ */ v(e, {
+				...z,
 				children: /* @__PURE__ */ y("div", {
-					ref: D,
+					ref: k,
 					role: "menu",
-					"aria-label": T("composer.attachSource", "Attach from"),
-					className: `absolute ${h === "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`,
+					"aria-label": D("composer.attachSource", "Attach from"),
+					className: `absolute ${h === "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${E ? b : ""}`,
 					"data-testid": "assistant-attach-menu",
-					children: [M.map((e) => {
-						let t = S[e.id];
+					children: [P.map((e) => {
+						let t = C[e.id];
 						return /* @__PURE__ */ y("button", {
 							type: "button",
 							role: "menuitem",
 							disabled: !g,
-							onClick: () => z(e),
+							onClick: () => V(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 disabled:cursor-not-allowed disabled:text-text-muted disabled:hover:bg-transparent",
 							"data-testid": `assistant-attach-source-${e.id}`,
 							children: [/* @__PURE__ */ v(t, {
 								className: "size-4 flex-shrink-0 text-text-secondary",
 								"aria-hidden": "true"
-							}), T(e.labelKey, e.labelFallback)]
+							}), D(e.labelKey, e.labelFallback)]
 						}, e.id);
-					}), /* @__PURE__ */ v(o, { onActivate: () => A(!1) })]
+					}), /* @__PURE__ */ v(o, { onActivate: () => M(!1) })]
 				})
 			}) : null
 		]
 	});
 };
 //#endregion
-export { C as AssistantAttachmentButton };
+export { w as AssistantAttachmentButton };

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

@@ -115,6 +115,12 @@ interface Props {
      * "change waiting" row. Classic never draws it.
      */
     aboveCard?: ReactNode;
+    /**
+     * BOFF-10180 (compact only): show the mode as a read-only label, not a menu. The
+     * Quick assistant window names the mode it is in and leaves changing it to the
+     * full panel (DESIGN §3.3). Absent: the Mode menu.
+     */
+    modeReadOnly?: boolean;
 }
 /** A local draft snapshot; no files are uploaded by observing it. */
 export interface AssistantComposerDraft {