@burdenoff/fe-libs 2026.1029.8 → 2026.1029.10

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

@@ -0,0 +1,89 @@
+import { useAssistantTr as e } from "../../i18n.js";
+import { assistantPageLabelKey as t, translateProductCopy as n } from "../../productCopy.js";
+import { useAssistantPreview as r } from "../../preview/context.js";
+import { hasAssistantPreviewSurface as i } from "../../preview/types.js";
+import { Eye as a, Maximize2 as o, Menu as s, Minimize2 as c, Sparkles as l, X as u } from "lucide-react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+//#region src/shared/assistant/ui/compact/AssistantCompactHeader.tsx
+var p = "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)]", m = "text-text-secondary hover:bg-bg-sunken hover:text-text-primary", h = "bg-action-primary-bg/15 text-action-primary-bg", g = ({ contextLabel: g, menuOpen: _, menuViewId: v, onOpenMenu: y, menuButtonRef: b, conversationMenu: x, expandOffered: S, expanded: C, onToggleExpanded: w, onTogglePreview: T, previewOpen: E, onClose: D }) => {
+	let O = e(), k = r();
+	return /* @__PURE__ */ f("div", {
+		className: "flex min-h-14 items-center gap-0.5 border-b border-border-default bg-bg-elevated px-2 py-2",
+		"data-testid": "assistant-header",
+		"data-presentation": "compact",
+		children: [
+			/* @__PURE__ */ d("button", {
+				ref: b,
+				type: "button",
+				onClick: y,
+				className: `${p} ${m}`,
+				"aria-label": O("header.menu", "Assistant menu"),
+				"aria-expanded": _,
+				"aria-controls": _ ? v : void 0,
+				"data-testid": "assistant-menu",
+				children: /* @__PURE__ */ d(s, {
+					className: "size-5",
+					"aria-hidden": "true"
+				})
+			}),
+			/* @__PURE__ */ f("div", {
+				className: "flex min-w-0 flex-1 items-center gap-3 pl-1",
+				children: [/* @__PURE__ */ d("span", {
+					className: "flex size-7 flex-shrink-0 items-center justify-center rounded-lg bg-gradient-to-br from-action-primary-bg/25 to-action-primary-bg/5 text-action-primary-bg",
+					children: /* @__PURE__ */ d(l, {
+						className: "size-4",
+						"aria-hidden": "true"
+					})
+				}), /* @__PURE__ */ f("span", {
+					className: "min-w-0 flex-1",
+					children: [/* @__PURE__ */ d("span", {
+						className: "block truncate text-base font-semibold leading-tight text-text-primary",
+						children: O("header.title", "AI Assistant")
+					}), g ? /* @__PURE__ */ d("span", {
+						className: "mt-0.5 block truncate text-xs leading-tight text-text-muted",
+						children: O("header.context", "Context: {{page}}", { page: n(O, t(g), g) })
+					}) : null]
+				})]
+			}),
+			i(k) && T ? /* @__PURE__ */ d("button", {
+				type: "button",
+				onClick: T,
+				className: `${p} ${E ? h : m}`,
+				"aria-label": k.label ?? O("header.preview", "Preview"),
+				"aria-pressed": !!E,
+				"data-testid": "assistant-toggle-preview",
+				children: /* @__PURE__ */ d(a, {
+					className: "size-5",
+					"aria-hidden": "true"
+				})
+			}) : null,
+			x,
+			S ? /* @__PURE__ */ d("button", {
+				type: "button",
+				onClick: w,
+				className: `${p} ${C ? h : m}`,
+				"aria-label": O("header.expand", "Expand assistant"),
+				"aria-pressed": C,
+				title: C ? O("header.restoreSize", "Restore size") : O("header.expandTip", "Expand"),
+				"data-testid": "assistant-expand",
+				children: d(C ? c : o, {
+					className: "size-5",
+					"aria-hidden": "true"
+				})
+			}) : null,
+			/* @__PURE__ */ d("button", {
+				type: "button",
+				onClick: D,
+				className: `${p} ${m}`,
+				"aria-label": O("header.close", "Close assistant"),
+				"data-testid": "assistant-close",
+				children: /* @__PURE__ */ d(u, {
+					className: "size-5",
+					"aria-hidden": "true"
+				})
+			})
+		]
+	});
+};
+//#endregion
+export { g as AssistantCompactHeader };

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

@@ -0,0 +1,29 @@
+import { FC, Ref } from 'react';
+export interface AssistantConversationMenuProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    triggerRef?: Ref<HTMLButtonElement>;
+}
+/**
+ * The ⋯ conversation menu of the compact header (F3): what can be done with
+ * THIS conversation, as a real menu. Export as Markdown, Export as JSON (once
+ * the conversation has messages) and Voice transcript (once something was
+ * spoken in it).
+ *
+ * ★ A Radix menu, so arrow keys move, Enter and Space choose, Escape closes it
+ * and returns focus to ⋯, and it takes the key before anything below it. The
+ * classic ⋯ was a `role="menu"` that held selects and a checkbox (F-05): those
+ * settings live in ☰ → Voice & language now, and nothing is in two menus.
+ *
+ * ★ Controlled (`open`), because Ctrl/Cmd+Shift+E opens it from the keyboard
+ * and a programmatic click does not open a Radix trigger. It keeps
+ * `data-testid="assistant-more"`, which that shortcut and the doctor suites
+ * look for.
+ *
+ * ★ The actions are the classic ones: `exportConversation` + `downloadFile`
+ * (the same projection of what the thread shows, spoken turns labelled), and
+ * the transcript opens through the `assistant.transcript` control the chat
+ * area registers, the one a typed or spoken "show the transcript" runs, which
+ * stays unregistered while a voice session or the Avatar tab is on.
+ */
+export declare const AssistantConversationMenu: FC<AssistantConversationMenuProps>;

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

@@ -0,0 +1,87 @@
+import { DropdownMenu as e, DropdownMenuContent as t, DropdownMenuItem as n, DropdownMenuLabel as r, DropdownMenuTrigger as i } from "../../../../ui/dropdown-menu.js";
+import { focusWasDropped as a } from "../../../hooks/useReturnFocus.js";
+import { getAssistantControl as o, hasAssistantControl as s, subscribeAssistantControls as c } from "../../appControls/registry.js";
+import { useAssistantTr as l } from "../../i18n.js";
+import { useAssistantStore as u } from "../../store.js";
+import { voiceTurnsOnly as d } from "../../voice/turnVisibility.js";
+import { downloadFile as f, exportConversation as p } from "../../exportConversation.js";
+import { useCallback as m, useSyncExternalStore as h } from "react";
+import { FileJson as g, FileText as _, Mic as v, MoreHorizontal as y } from "lucide-react";
+import { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
+//#region src/shared/assistant/ui/compact/AssistantConversationMenu.tsx
+var C = "min-h-11 gap-2.5 px-3", w = ({ open: w, onOpenChange: T, triggerRef: E }) => {
+	let D = l(), { conversations: O, activeConversationId: k, processingByConversationId: A } = u(), j = O.find((e) => e.id === k), M = !!(j && j.messages.length > 0), N = !!(h(c, () => s("assistant.transcript"), () => !1) && j && d(j.messages).length > 0), P = (e) => {
+		if (!j) return;
+		let { content: t, filename: n, mimeType: r } = p(j, e, {
+			processing: A[j.id],
+			tr: D
+		});
+		f(t, n, r);
+	}, F = () => {
+		o("assistant.transcript")?.run();
+	}, I = m((e) => {
+		a(document) || e.preventDefault();
+	}, []), L = D("header.conversationOptions", "Conversation options");
+	return /* @__PURE__ */ S(e, {
+		open: w,
+		onOpenChange: T,
+		modal: !1,
+		children: [/* @__PURE__ */ x(i, {
+			asChild: !0,
+			children: /* @__PURE__ */ x("button", {
+				ref: E,
+				type: "button",
+				"aria-label": L,
+				title: L,
+				className: "flex size-10 shrink-0 items-center justify-center rounded-button text-text-secondary transition-colors hover:bg-bg-sunken hover:text-text-primary focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]",
+				"data-testid": "assistant-more",
+				children: /* @__PURE__ */ x(y, {
+					className: "size-5",
+					"aria-hidden": "true"
+				})
+			})
+		}), /* @__PURE__ */ S(t, {
+			align: "end",
+			sideOffset: 4,
+			collisionPadding: 8,
+			onCloseAutoFocus: I,
+			className: "min-w-56 max-w-[calc(100vw-2rem)] max-h-[var(--radix-dropdown-menu-content-available-height)] overflow-y-auto",
+			"data-testid": "assistant-more-menu",
+			children: [
+				M ? /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ S(n, {
+					className: C,
+					onSelect: () => P("markdown"),
+					"data-testid": "export-markdown",
+					children: [/* @__PURE__ */ x(_, {
+						className: "size-4 shrink-0 text-text-secondary",
+						"aria-hidden": "true"
+					}), D("export.markdown", "Export as Markdown")]
+				}), /* @__PURE__ */ S(n, {
+					className: C,
+					onSelect: () => P("json"),
+					"data-testid": "export-json",
+					children: [/* @__PURE__ */ x(g, {
+						className: "size-4 shrink-0 text-text-secondary",
+						"aria-hidden": "true"
+					}), D("export.json", "Export as JSON")]
+				})] }) : null,
+				N ? /* @__PURE__ */ S(n, {
+					className: C,
+					onSelect: F,
+					"data-testid": "assistant-more-voice-transcript",
+					children: [/* @__PURE__ */ x(v, {
+						className: "size-4 shrink-0 text-text-secondary",
+						"aria-hidden": "true"
+					}), D("conversationMenu.voiceTranscript", "Voice transcript")]
+				}) : null,
+				!M && !N ? /* @__PURE__ */ x(r, {
+					className: "px-3 py-2 text-sm font-normal text-text-secondary",
+					"data-testid": "assistant-more-empty",
+					children: D("conversationMenu.empty", "Nothing to export yet")
+				}) : null
+			]
+		})]
+	});
+};
+//#endregion
+export { w as AssistantConversationMenu };

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

@@ -0,0 +1,19 @@
+import { FC } from 'react';
+export interface AssistantDiscardDraftDialogProps {
+    open: boolean;
+    /** Keep writing: nothing is closed, nothing is lost. Escape and the scrim mean this too. */
+    onKeep: () => void;
+    /** Discard what was typed or attached, and close the assistant. */
+    onDiscard: () => void;
+}
+/**
+ * "Discard your unsent message?" (N1, 2026-10-29): what Close asks, in the
+ * compact presentation only, while something typed or attached has not been
+ * sent. Closing unmounts the composer, so without this the words and the files
+ * were simply gone.
+ *
+ * An alert dialog: it interrupts to ask for a decision. Focus starts on Keep
+ * writing (the safe answer is the one Enter gives), and Escape, the close
+ * button and the scrim all mean Keep writing, which changes nothing.
+ */
+export declare const AssistantDiscardDraftDialog: FC<AssistantDiscardDraftDialogProps>;

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

@@ -0,0 +1,38 @@
+import { Button as e } from "../../../../ui/button.js";
+import { ModalShell as t } from "../../../../ui/modal-shell.js";
+import { useAssistantTr as n } from "../../i18n.js";
+import { useRef as r } from "react";
+import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/shared/assistant/ui/compact/AssistantDiscardDraftDialog.tsx
+var s = ({ open: s, onKeep: c, onDiscard: l }) => {
+	let u = n(), d = r(null);
+	return /* @__PURE__ */ a(t, {
+		open: s,
+		onClose: c,
+		size: "sm",
+		role: "alertdialog",
+		testId: "assistant-discard-draft-dialog",
+		onOpenAutoFocus: (e) => {
+			e.preventDefault(), d.current?.focus();
+		},
+		title: u("closeConfirm.title", "Discard your unsent message?"),
+		footer: /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ a(e, {
+			ref: d,
+			variant: "outline",
+			onClick: c,
+			"data-testid": "assistant-discard-draft-keep",
+			children: u("closeConfirm.keep", "Keep writing")
+		}), /* @__PURE__ */ a(e, {
+			variant: "default",
+			onClick: l,
+			"data-testid": "assistant-discard-draft-confirm",
+			children: u("closeConfirm.discard", "Discard and close")
+		})] }),
+		children: /* @__PURE__ */ a("p", {
+			className: "text-sm text-text-secondary",
+			children: u("closeConfirm.body", "What you typed or attached has not been sent. If you close the assistant now, it is discarded.")
+		})
+	});
+};
+//#endregion
+export { s as AssistantDiscardDraftDialog };

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

@@ -0,0 +1,42 @@
+import { FC } from 'react';
+export interface AssistantMenuViewProps {
+    /** The element id `aria-controls` on ☰ points at. */
+    id: string;
+    /** Back to the conversation (Back, or Escape from the list). */
+    onClose: () => void;
+    /** The × of the view: closes the assistant, through the panel's close request (N1). */
+    onRequestClosePanel: () => void;
+    /** New conversation: the panel creates it, closes this view and focuses the message box. */
+    onNewConversation: () => void;
+    /** Absent: the live-avatar tab is not offered here, and the Avatar row is not shown. */
+    onOpenAvatar?: () => void;
+    docked?: boolean;
+    /** Absent: the product shows no dock control, and Panel layout is not shown. */
+    onToggleDock?: () => void;
+}
+/**
+ * The ☰ view (BOFF-10177, F2): what the compact header's ☰ opens, over the
+ * panel, in place of the classic header's New and History buttons and the ⋯
+ * menu's settings.
+ *
+ *  - Back to conversation, and × (which closes the assistant);
+ *  - New conversation (Ctrl/Cmd+Shift+N);
+ *  - Recent: the newest conversations, and View all history, which opens the
+ *    EXISTING history list (search, All/Chat/Voice, Pinned, Archived, groups,
+ *    row actions, delete confirmation) as a sub-view;
+ *  - Settings: Voice & language (a sub-view holding the six controls), Avatar
+ *    (a row that opens the Avatar tab; nothing of the avatar is duplicated
+ *    here) and Panel layout (Dock/Float, D13: its only home).
+ *
+ * ★ Every screen has an `h2` and a Back; focus lands on Back on open, on the
+ * sub-view's Back on entering one, and on the row that opened it on the way
+ * back. Escape closes ONE layer: a sub-view returns to this list, and this list
+ * returns to the conversation (`menuViewEscape`). The view is ONE `EscapeLayer`
+ * that decides, so it can neither double-close nor skip a screen, and a menu or
+ * dialog opened over it (mounted later) takes the key first.
+ *
+ * ★ The conversation under it stays mounted and `inert` (the panel sets that,
+ * as for the History drawer), so the draft, a running reply and a waiting
+ * change are exactly as they were.
+ */
+export declare const AssistantMenuView: FC<AssistantMenuViewProps>;

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

@@ -0,0 +1,285 @@
+import { useI18n as e } from "../../../providers/shell/I18nProvider.js";
+import { EscapeLayer as t } from "../../../components/EscapeLayer.js";
+import { useAssistantProduct as n } from "../../product.js";
+import { useAssistantTr as r } from "../../i18n.js";
+import { useAssistantStore as i } from "../../store.js";
+import { resolveLanguagePair as a } from "../../voice/languagePair.js";
+import { useOverlayFocus as o } from "../useOverlayFocus.js";
+import { assistantModeOptionName as s } from "../composer/AssistantModeMenu.js";
+import { useAssistantHistoryStatus as c } from "../../history/historyStatus.js";
+import { assistantHistory as l } from "../../history/historyEngine.js";
+import { AssistantConversationList as u } from "../AssistantConversationList.js";
+import { fieldOwnsEscape as ee, menuViewEscape as te, recentConversations as ne } from "./compactChrome.js";
+import { AssistantVoiceLanguageSettings as re } from "./AssistantVoiceLanguageSettings.js";
+import { useEffect as d, useLayoutEffect as f, useMemo as p, useRef as m, useState as h } from "react";
+import { ArrowLeft as g, ChevronRight as _, History as ie, Languages as ae, PanelRight as oe, Plus as se, UserRound as v, X as y } from "lucide-react";
+import { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
+//#region src/shared/assistant/ui/compact/AssistantMenuView.tsx
+var C = "focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]", w = `flex size-10 shrink-0 items-center justify-center rounded-button text-text-secondary transition-colors hover:bg-bg-sunken hover:text-text-primary ${C}`, T = `flex min-h-11 w-full items-center gap-3 px-4 py-2 text-left text-sm text-text-primary transition-colors hover:bg-bg-sunken ${C} focus-visible:ring-inset`, ce = typeof document > "u" ? d : f, E = ({ icon: e, label: t, trailing: n, onClick: r, buttonRef: i, testId: a, describedBy: o }) => /* @__PURE__ */ S("button", {
+	ref: i,
+	type: "button",
+	onClick: r,
+	className: T,
+	"aria-describedby": o,
+	"data-testid": a,
+	children: [
+		/* @__PURE__ */ x("span", {
+			className: "flex size-5 shrink-0 items-center justify-center text-text-secondary",
+			children: e
+		}),
+		/* @__PURE__ */ x("span", {
+			className: "min-w-0 flex-1 truncate",
+			children: t
+		}),
+		n
+	]
+}), D = ({ id: e, children: t }) => /* @__PURE__ */ x("h3", {
+	id: e,
+	className: "px-4 pb-1 pt-4 text-xs font-semibold uppercase tracking-wide text-text-muted",
+	children: t
+}), le = ({ title: e, tr: t, onBack: n, backRef: r }) => /* @__PURE__ */ S("div", {
+	className: "flex items-center gap-1 border-b border-border-default bg-bg-elevated px-2 py-2",
+	children: [/* @__PURE__ */ x("button", {
+		ref: r,
+		type: "button",
+		onClick: n,
+		className: w,
+		"aria-label": t("menuView.back", "Back"),
+		"data-testid": "assistant-menu-subview-back",
+		children: /* @__PURE__ */ x(g, {
+			className: "size-5",
+			"aria-hidden": "true"
+		})
+	}), /* @__PURE__ */ x("h2", {
+		className: "min-w-0 flex-1 truncate text-base font-semibold text-text-primary",
+		children: e
+	})]
+}), O = ({ id: d, onClose: f, onRequestClosePanel: O, onNewConversation: ue, onOpenAvatar: k, docked: A, onToggleDock: j }) => {
+	let M = r(), { locale: N } = e(), { modes: P } = n(), { conversations: F, activeConversationId: I, assistantLanguage: L, replyLanguage: R, setActiveConversation: z, setMode: B } = i(), V = c((e) => e.product !== null), [H, U] = h("root"), de = o("assistant-menu"), W = m(null), G = m(null), K = m(null), q = m(null), J = m("back"), Y = (e) => {
+		J.current = e, U(e);
+	}, X = () => U("root");
+	ce(() => {
+		if (H !== "history") {
+			if (H === "voice-language") {
+				G.current?.focus({ preventScroll: !0 });
+				return;
+			}
+			((J.current === "voice-language" ? K.current : J.current === "history" ? q.current : null) ?? W.current)?.focus({ preventScroll: !0 }), J.current = "back";
+		}
+	}, [H]);
+	let Z = p(() => ne(F), [F]), fe = M("history.untitled", "Untitled conversation"), pe = (e) => {
+		if (V) l.openConversation(e, { modes: P });
+		else {
+			let t = F.find((t) => t.id === e);
+			z(e), t && B(t.mode);
+		}
+		f();
+	}, me = a(L, R, N).input.label, Q = `${d}-settings`, $ = `${d}-recent`;
+	return /* @__PURE__ */ x(t, {
+		onDismiss: () => {
+			H === "history" && ee(document.activeElement) || (te(H) === "back" ? X() : f());
+		},
+		children: /* @__PURE__ */ x("div", {
+			ref: de,
+			id: d,
+			tabIndex: -1,
+			role: "region",
+			"aria-label": M("menuView.title", "Assistant menu"),
+			className: "absolute inset-0 z-10 flex flex-col bg-bg-surface outline-none animate-in slide-in-from-left-2 fade-in duration-200 motion-reduce:animate-none",
+			"data-testid": "assistant-menu-view",
+			"data-menu-view": H,
+			children: H === "root" ? /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ S("div", {
+				className: "flex items-center gap-1 border-b border-border-default bg-bg-elevated px-2 py-2",
+				children: [
+					/* @__PURE__ */ S("button", {
+						ref: W,
+						type: "button",
+						onClick: f,
+						className: `flex min-h-10 items-center gap-1.5 rounded-button px-2 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken ${C}`,
+						"data-testid": "assistant-menu-back",
+						children: [/* @__PURE__ */ x(g, {
+							className: "size-5",
+							"aria-hidden": "true"
+						}), M("menuView.backToConversation", "Back to conversation")]
+					}),
+					/* @__PURE__ */ x("h2", {
+						className: "sr-only",
+						children: M("menuView.title", "Assistant menu")
+					}),
+					/* @__PURE__ */ x("span", { className: "flex-1" }),
+					/* @__PURE__ */ x("button", {
+						type: "button",
+						onClick: O,
+						className: w,
+						"aria-label": M("header.close", "Close assistant"),
+						"data-testid": "assistant-menu-close",
+						children: /* @__PURE__ */ x(y, {
+							className: "size-5",
+							"aria-hidden": "true"
+						})
+					})
+				]
+			}), /* @__PURE__ */ S("div", {
+				className: "scrollbar-slim min-h-0 flex-1 overflow-y-auto pb-2",
+				children: [
+					/* @__PURE__ */ S("button", {
+						type: "button",
+						onClick: ue,
+						className: `${T} mt-2`,
+						"aria-keyshortcuts": "Control+Shift+N Meta+Shift+N",
+						"data-testid": "assistant-new-conversation",
+						children: [
+							/* @__PURE__ */ x("span", {
+								className: "flex size-5 shrink-0 items-center justify-center text-text-secondary",
+								children: /* @__PURE__ */ x(se, {
+									className: "size-5",
+									"aria-hidden": "true"
+								})
+							}),
+							/* @__PURE__ */ x("span", {
+								className: "min-w-0 flex-1 truncate",
+								children: M("header.newConversation", "New conversation")
+							}),
+							/* @__PURE__ */ x("kbd", {
+								className: "shrink-0 text-xs text-text-muted",
+								children: "Ctrl+Shift+N"
+							})
+						]
+					}),
+					/* @__PURE__ */ S("section", {
+						"aria-labelledby": $,
+						"data-testid": "assistant-menu-recent",
+						children: [
+							/* @__PURE__ */ x(D, {
+								id: $,
+								children: M("menuView.recent", "Recent")
+							}),
+							Z.length === 0 ? /* @__PURE__ */ x("p", {
+								className: "px-4 py-2 text-sm text-text-muted",
+								children: M("conversations.empty", "No conversations yet")
+							}) : /* @__PURE__ */ x("ul", { children: Z.map((e) => {
+								let t = P.find((t) => t.id === e.mode);
+								return /* @__PURE__ */ x("li", { children: /* @__PURE__ */ x("button", {
+									type: "button",
+									onClick: () => pe(e.id),
+									className: `${T} ${e.id === I ? "bg-bg-elevated" : ""}`,
+									"aria-current": e.id === I ? "true" : void 0,
+									"data-testid": "assistant-menu-recent-row",
+									children: /* @__PURE__ */ S("span", {
+										className: "min-w-0 flex-1",
+										children: [/* @__PURE__ */ x("span", {
+											className: "block truncate",
+											children: e.title || fe
+										}), t ? /* @__PURE__ */ x("span", {
+											className: "block truncate text-xs text-text-muted",
+											children: s(M, t)
+										}) : null]
+									})
+								}) }, e.id);
+							}) }),
+							/* @__PURE__ */ x(E, {
+								buttonRef: q,
+								icon: /* @__PURE__ */ x(ie, {
+									className: "size-5",
+									"aria-hidden": "true"
+								}),
+								label: M("menuView.viewAllHistory", "View all history"),
+								trailing: /* @__PURE__ */ x(_, {
+									className: "size-4 text-text-muted",
+									"aria-hidden": "true"
+								}),
+								onClick: () => Y("history"),
+								testId: "assistant-open-history"
+							})
+						]
+					}),
+					/* @__PURE__ */ S("section", {
+						"aria-labelledby": Q,
+						"data-testid": "assistant-menu-settings",
+						children: [
+							/* @__PURE__ */ x(D, {
+								id: Q,
+								children: M("menuView.settings", "Settings")
+							}),
+							/* @__PURE__ */ x(E, {
+								buttonRef: K,
+								icon: /* @__PURE__ */ x(ae, {
+									className: "size-5",
+									"aria-hidden": "true"
+								}),
+								label: M("menuView.voiceLanguage", "Voice & language"),
+								trailing: /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x("span", {
+									className: "max-w-[40%] truncate text-xs text-text-muted",
+									children: me
+								}), /* @__PURE__ */ x(_, {
+									className: "size-4 shrink-0 text-text-muted",
+									"aria-hidden": "true"
+								})] }),
+								onClick: () => Y("voice-language"),
+								testId: "assistant-menu-voice-language-row"
+							}),
+							k ? /* @__PURE__ */ x(E, {
+								icon: /* @__PURE__ */ x(v, {
+									className: "size-5",
+									"aria-hidden": "true"
+								}),
+								label: M("menuView.avatar", "Avatar"),
+								trailing: /* @__PURE__ */ x(_, {
+									className: "size-4 text-text-muted",
+									"aria-hidden": "true"
+								}),
+								onClick: k,
+								testId: "assistant-menu-avatar-row"
+							}) : null,
+							j ? /* @__PURE__ */ S("fieldset", {
+								className: "hidden min-w-0 border-0 px-4 py-2 sm:block",
+								"data-testid": "assistant-menu-panel-layout",
+								children: [/* @__PURE__ */ S("legend", {
+									className: "flex items-center gap-3 py-1 text-sm text-text-primary",
+									children: [/* @__PURE__ */ x(oe, {
+										className: "size-5 shrink-0 text-text-secondary",
+										"aria-hidden": "true"
+									}), M("menuView.panelLayout", "Panel layout")]
+								}), [[
+									!0,
+									M("menuView.layoutDocked", "Docked side panel"),
+									"docked"
+								], [
+									!1,
+									M("menuView.layoutFloating", "Floating window"),
+									"floating"
+								]].map(([e, t, n]) => /* @__PURE__ */ S("label", {
+									className: "flex min-h-11 cursor-pointer items-center gap-3 pl-8 text-sm text-text-primary focus-within:ring-2 focus-within:ring-[var(--color-focus-ring)]",
+									children: [/* @__PURE__ */ x("input", {
+										type: "radio",
+										name: `${d}-layout`,
+										checked: !!A === e,
+										onChange: () => {
+											!!A !== e && j();
+										},
+										className: "size-4 accent-current",
+										"data-testid": `assistant-panel-layout-${n}`
+									}), t]
+								}, n))]
+							}) : null
+						]
+					})
+				]
+			})] }) : H === "voice-language" ? /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x(le, {
+				title: M("menuView.voiceLanguage", "Voice & language"),
+				tr: M,
+				onBack: X,
+				backRef: G
+			}), /* @__PURE__ */ x("div", {
+				className: "scrollbar-slim min-h-0 flex-1 overflow-y-auto",
+				children: /* @__PURE__ */ x(re, {})
+			})] }) : /* @__PURE__ */ x(u, {
+				presentation: "compact",
+				onBack: X,
+				onDone: f
+			})
+		})
+	});
+};
+//#endregion
+export { O as AssistantMenuView };

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

@@ -0,0 +1,24 @@
+import { FC } from 'react';
+/**
+ * ☰ → Settings → Voice & language: the six controls the classic ⋯ menu held
+ * (BOFF-10177, DESIGN-DELTA A4), the SAME components under the SAME render
+ * conditions, so a value read or written here is the one the ⋯ menu would have
+ * read or written: nothing is stored anew.
+ *
+ *   1  Language you speak          `AssistantLanguageMenu`
+ *   2  Assistant replies in        `AssistantLanguageMenu`
+ *   3  Read replies aloud          below; needs speech output
+ *   4  Voice + Preview             voice picker needs 2 or more voices; Preview a resolved voice
+ *   5  Wait after I stop talking   needs speech recognition
+ *   6  Hands-free interrupt (beta) needs speech recognition or microphone capture
+ *
+ * ★ Read replies aloud is a real checkbox in its label, like the hands-free
+ * toggle beside it: the visible words are its name (WCAG 2.5.3). Blocked and
+ * off, it is `aria-disabled` (not `disabled`) and says why on screen, so a
+ * keyboard or screen-reader user finds it and hears the reason, as the classic
+ * row's tooltip told a mouse. Turning it OFF also silences what is speaking.
+ *
+ * ★ None of these touches the interface language: they set the assistant's
+ * own language and voice.
+ */
+export declare const AssistantVoiceLanguageSettings: FC;