@burdenoff/fe-libs 2026.1029.7 → 2026.1029.9

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

@@ -18,6 +18,17 @@ export interface AssistantOverlayContextValue {
      */
     panelInsetPx: number;
     keys: AssistantOverlayKeys;
+    /**
+     * BOFF-10177 (N1): let the open panel ask before it is closed. The guard runs
+     * for every request to CLOSE from outside the panel (the launcher, the
+     * shortcut, the toggle event, Escape with focus outside it, `close()`), and
+     * returns true when it took the request, which it then answers itself, by
+     * asking the person and calling `close()` again once they have said yes.
+     * Returns an unregister function. Only the compact panel registers one, so
+     * with none, every path below closes exactly as before. Optional so a host
+     * that builds this value itself keeps compiling.
+     */
+    registerCloseGuard?: (guard: () => boolean) => () => void;
 }
 /** The overlay state in force, or null when no provider is mounted. */
 export declare function useAssistantOverlayOrNull(): AssistantOverlayContextValue | null;

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

@@ -4,134 +4,147 @@ import { assistantPanelOwnsEscape as n } from "./panelOverlays.js";
 import { AssistantPreviewBridgeHost as r } from "../preview/bridgeHost.js";
 import { ASSISTANT_DOCK_WIDTH_VAR as i, ASSISTANT_OVERLAY_DESKTOP_QUERY as a, ASSISTANT_OVERLAY_TOP_VAR as o, ASSISTANT_PANEL_INSET_VAR as s, ASSISTANT_SHEET_BOTTOM_VAR as c, assistantLauncherBottom as l, assistantLauncherRight as u, assistantOverlayClassName as d, assistantOverlayEscapeAction as f, assistantOverlayKeys as p, assistantQuotaKindOf as m, closestAround as h, createAssistantNavigate as g, isAssistantToggleShortcut as _, nextAssistantOpenState as v, publishedAssistantDockWidth as y, publishedAssistantPanelInset as b, readAssistantOverlayFlag as x, requestedAssistantOpenState as S, writeAssistantOverlayFlag as C } from "./assistantOverlayState.js";
 import { useAssistantServerHistory as w } from "../history/useAssistantServerHistory.js";
-import { AIAssistantPanel as T } from "./AIAssistantPanel.js";
-import { createContext as E, useCallback as D, useContext as O, useEffect as k, useMemo as A, useRef as j, useState as M, useSyncExternalStore as N } from "react";
-import { Sparkles as P } from "lucide-react";
-import { jsx as F, jsxs as I } from "react/jsx-runtime";
+import { AssistantCloseGuardContext as T } from "./closeGuard.js";
+import { AIAssistantPanel as E } from "./AIAssistantPanel.js";
+import { createContext as D, useCallback as O, useContext as k, useEffect as A, useMemo as j, useRef as M, useState as N, useSyncExternalStore as P } from "react";
+import { Sparkles as F } from "lucide-react";
+import { jsx as I, jsxs as L } from "react/jsx-runtime";
 //#region src/shared/assistant/ui/AssistantOverlay.tsx
-var L = E(null);
-function R() {
-	return O(L);
-}
+var R = D(null);
 function z() {
-	return O(L)?.dockWidthPx ?? 0;
+	return k(R);
 }
 function B() {
-	return O(L)?.panelInsetPx ?? 0;
+	return k(R)?.dockWidthPx ?? 0;
+}
+function V() {
+	return k(R)?.panelInsetPx ?? 0;
 }
-var V = () => typeof window > "u" ? void 0 : window.sessionStorage, H = () => typeof window > "u" ? void 0 : window.localStorage;
-function U(e) {
+var H = () => typeof window > "u" ? void 0 : window.sessionStorage, U = () => typeof window > "u" ? void 0 : window.localStorage;
+function W(e) {
 	if (typeof window > "u" || typeof window.matchMedia != "function") return () => {};
 	let t = window.matchMedia(a);
 	return t.addEventListener("change", e), () => t.removeEventListener("change", e);
 }
-function W() {
+function G() {
 	return typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(min-width: 640px)").matches;
 }
-function G() {
-	return N(U, W, () => !1);
+function K() {
+	return P(W, G, () => !1);
 }
-function K(t, n) {
-	let r = j(n);
-	k(() => {
+function q(t, n) {
+	let r = M(n);
+	A(() => {
 		r.current = n;
-	}, [n]), k(() => {
+	}, [n]), A(() => {
 		if (!t || typeof window > "u") return;
 		let n = e(t), i = (e) => r.current(m(e), e);
 		return window.addEventListener(n, i), () => window.removeEventListener(n, i);
 	}, [t]);
 }
-var q = () => {};
-function J({ keyPrefix: e, quota: t, children: n }) {
-	let r = A(() => p(e), [e]), [a, o] = M(() => x(V, r.openStorageKey)), [c, l] = M(() => x(H, r.dockStorageKey)), u = D(() => o(!0), []), d = D(() => o(!1), []), f = D(() => o((e) => !e), []), m = D(() => l((e) => !e), []);
-	k(() => {
-		C(V, r.openStorageKey, a);
-	}, [r.openStorageKey, a]), k(() => {
-		C(H, r.dockStorageKey, c);
-	}, [r.dockStorageKey, c]), k(() => {
+var J = () => {};
+function Y({ keyPrefix: e, quota: t, children: n }) {
+	let r = j(() => p(e), [e]), [a, o] = N(() => x(H, r.openStorageKey)), [c, l] = N(() => x(U, r.dockStorageKey)), u = M(null), d = M(a);
+	A(() => {
+		d.current = a;
+	}, [a]);
+	let f = O(() => u.current?.() === !0, []), m = O((e) => (u.current = e, () => {
+		u.current === e && (u.current = null);
+	}), []), h = O(() => o(!0), []), g = O(() => {
+		f() || o(!1);
+	}, [f]), w = O(() => {
+		d.current && f() || o((e) => !e);
+	}, [f]), T = O(() => l((e) => !e), []);
+	A(() => {
+		C(H, r.openStorageKey, a);
+	}, [r.openStorageKey, a]), A(() => {
+		C(U, r.dockStorageKey, c);
+	}, [r.dockStorageKey, c]), A(() => {
 		if (typeof window > "u") return;
 		let e = (e) => {
 			let t = S(e);
-			o((e) => v(e, t));
+			d.current && !v(!0, t) && u.current?.() === !0 || o((e) => v(e, t));
 		};
 		return window.addEventListener(r.toggleEvent, e), () => window.removeEventListener(r.toggleEvent, e);
-	}, [r.toggleEvent]), k(() => {
+	}, [r.toggleEvent]), A(() => {
 		if (typeof document > "u") return;
 		let e = (e) => {
-			_(e) && (e.preventDefault(), o((e) => !e));
+			_(e) && (e.preventDefault(), !(d.current && u.current?.() === !0) && o((e) => !e));
 		};
 		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
-	}, []), K(t?.product ?? null, t?.onExhausted ?? q);
-	let h = G(), g = y({
+	}, []), q(t?.product ?? null, t?.onExhausted ?? J);
+	let E = K(), D = y({
 		isOpen: a,
 		docked: c,
-		isDesktop: h
-	}), w = b({
+		isDesktop: E
+	}), k = b({
 		isOpen: a,
 		docked: c,
-		isDesktop: h
+		isDesktop: E
 	});
-	k(() => {
+	A(() => {
 		if (typeof document > "u") return;
 		let e = document.documentElement.style;
-		return e.setProperty(i, `${g}px`), () => {
+		return e.setProperty(i, `${D}px`), () => {
 			e.removeProperty(i);
 		};
-	}, [g]), k(() => {
+	}, [D]), A(() => {
 		if (typeof document > "u") return;
 		let e = document.documentElement.style;
-		return e.setProperty(s, `${w}px`), () => {
+		return e.setProperty(s, `${k}px`), () => {
 			e.removeProperty(s);
 		};
-	}, [w]);
-	let T = A(() => ({
+	}, [k]);
+	let P = j(() => ({
 		isOpen: a,
-		open: u,
-		close: d,
-		toggle: f,
+		open: h,
+		close: g,
+		toggle: w,
 		docked: c,
-		toggleDock: m,
-		dockWidthPx: g,
-		panelInsetPx: w,
-		keys: r
+		toggleDock: T,
+		dockWidthPx: D,
+		panelInsetPx: k,
+		keys: r,
+		registerCloseGuard: m
 	}), [
 		a,
-		u,
-		d,
-		f,
-		c,
-		m,
+		h,
 		g,
 		w,
-		r
+		c,
+		T,
+		D,
+		k,
+		r,
+		m
 	]);
-	return /* @__PURE__ */ F(L.Provider, {
-		value: T,
+	return /* @__PURE__ */ I(R.Provider, {
+		value: P,
 		children: n
 	});
 }
-var Y = (e, t) => /* @__PURE__ */ F(T, {
+var X = (e, t) => /* @__PURE__ */ I(E, {
 	...e,
 	...t
 });
-function X(e) {
-	let t = R();
-	return t ? /* @__PURE__ */ F(Z, {
+function Z(e) {
+	let t = z();
+	return t ? /* @__PURE__ */ I(Q, {
 		state: t,
 		...e
 	}) : null;
 }
-function Z({ state: e, panelId: i = "ai-assistant", panelProps: a, renderPanel: s, navigate: p, isShellLessTarget: m, topOffsetPx: _ = 56, launcherIcon: v, launcherBottomInset: y = "1.5rem", showLauncher: b = !0, closeOnEscape: x = !0 }) {
-	let { isOpen: S, close: C, toggle: T, docked: E, toggleDock: D, dockWidthPx: O } = e, j = t();
+function Q({ state: e, panelId: i = "ai-assistant", panelProps: a, renderPanel: s, navigate: p, isShellLessTarget: m, topOffsetPx: _ = 56, launcherIcon: v, launcherBottomInset: y = "1.5rem", showLauncher: b = !0, closeOnEscape: x = !0 }) {
+	let { isOpen: S, close: C, toggle: E, docked: D, toggleDock: O, dockWidthPx: k } = e, M = t();
 	w(a?.serverHistory === !0);
-	let [N, L] = M(!1), R = A(() => p ? g({
+	let [P, R] = N(!1), z = j(() => p ? g({
 		navigate: p,
 		isShellLessTarget: m,
-		isDesktop: W,
-		collapseSheet: () => L(!1),
+		isDesktop: G,
+		collapseSheet: () => R(!1),
 		openInNewTab: (e) => window.open(e, "_blank", "noopener,noreferrer")
 	}) : void 0, [p, m]);
-	k(() => {
+	A(() => {
 		if (!S || !x) return;
 		let e = (e) => {
 			f({
@@ -149,53 +162,56 @@ function Z({ state: e, panelId: i = "ai-assistant", panelProps: a, renderPanel:
 		C,
 		x
 	]);
-	let z = {
+	let B = {
 		panelId: i,
 		visible: !0,
 		onClose: C,
-		docked: E,
-		onToggleDock: D,
-		onNavigate: R,
+		docked: D,
+		onToggleDock: O,
+		onNavigate: z,
 		isShellLessTarget: m
-	}, B = j("overlay.launcher", "AI Assistant"), V = {
+	}, V = M("overlay.launcher", "AI Assistant"), H = {
 		[o]: `${_}px`,
 		[c]: "var(--mobile-tabbar-height, 0px)"
 	};
-	return /* @__PURE__ */ I(r, {
+	return /* @__PURE__ */ L(r, {
 		preview: a?.preview,
-		children: [S && /* @__PURE__ */ I("div", {
+		children: [S && /* @__PURE__ */ L("div", {
 			className: d({
-				expanded: N,
-				docked: E
+				expanded: P,
+				docked: D
 			}),
-			style: V,
+			style: H,
 			"data-testid": "assistant-overlay",
-			children: [/* @__PURE__ */ F("button", {
+			children: [/* @__PURE__ */ I("button", {
 				type: "button",
-				onClick: () => L((e) => !e),
+				onClick: () => R((e) => !e),
 				className: "flex w-full shrink-0 justify-center pt-2 pb-1 sm:hidden",
-				"aria-label": N ? j("sheet.collapse", "Shrink the assistant") : j("sheet.expand", "Expand the assistant"),
-				"aria-expanded": N,
+				"aria-label": P ? M("sheet.collapse", "Shrink the assistant") : M("sheet.expand", "Expand the assistant"),
+				"aria-expanded": P,
 				"data-testid": "assistant-sheet-handle",
-				children: /* @__PURE__ */ F("span", { className: "h-1.5 w-10 rounded-full bg-border-strong" })
-			}), /* @__PURE__ */ F("div", {
+				children: /* @__PURE__ */ I("span", { className: "h-1.5 w-10 rounded-full bg-border-strong" })
+			}), /* @__PURE__ */ I("div", {
 				className: "flex min-h-0 flex-1 flex-col",
-				children: s ? s(z) : Y(a, z)
+				children: /* @__PURE__ */ I(T.Provider, {
+					value: e.registerCloseGuard ?? null,
+					children: s ? s(B) : X(a, B)
+				})
 			})]
-		}), b && /* @__PURE__ */ F("button", {
+		}), b && /* @__PURE__ */ I("button", {
 			type: "button",
-			onClick: T,
-			title: j("overlay.launcherTitle", "AI Assistant ({{shortcut}})", { shortcut: "Ctrl+Shift+A" }),
-			"aria-label": B,
+			onClick: E,
+			title: M("overlay.launcherTitle", "AI Assistant ({{shortcut}})", { shortcut: "Ctrl+Shift+A" }),
+			"aria-label": V,
 			"aria-haspopup": "dialog",
 			"aria-expanded": S,
 			"data-testid": "assistant-fab",
 			style: {
 				bottom: l(y),
-				right: u(O)
+				right: u(k)
 			},
 			className: "fixed z-30 size-14 items-center justify-center rounded-full border border-border-strong bg-[var(--color-accent-soft)] text-action-primary-bg shadow-float transition-colors duration-200 hover:border-action-primary-bg focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)] cursor-pointer " + (S ? "hidden sm:inline-flex" : "inline-flex"),
-			children: v ?? /* @__PURE__ */ F(P, {
+			children: v ?? /* @__PURE__ */ I(F, {
 				className: "size-6",
 				"aria-hidden": "true"
 			})
@@ -203,4 +219,4 @@ function Z({ state: e, panelId: i = "ai-assistant", panelProps: a, renderPanel:
 	});
 }
 //#endregion
-export { X as AssistantOverlay, J as AssistantOverlayProvider, z as useAssistantDockWidth, R as useAssistantOverlayOrNull, B as useAssistantPanelInset, K as useAssistantQuotaExhausted };
+export { Z as AssistantOverlay, Y as AssistantOverlayProvider, B as useAssistantDockWidth, z as useAssistantOverlayOrNull, V as useAssistantPanelInset, q as useAssistantQuotaExhausted };

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

@@ -0,0 +1,21 @@
+/**
+ * A request to close the assistant, answered before it happens (BOFF-10177, N1).
+ * Returns true when the guard took the request: it asks the person itself, and
+ * closes through the same path again once they have said yes. Returns false
+ * when nothing stands in the way.
+ */
+export type AssistantCloseGuard = () => boolean;
+/**
+ * How the open panel hands its close guard to whoever closes it. The overlay
+ * provides it (`AssistantOverlayProvider.registerCloseGuard`), so a launcher
+ * press, the shortcut, the toggle event and Escape with focus outside the panel
+ * are asked about too, not only the panel's own Close.
+ *
+ * ★ A context rather than a panel prop: a product that renders the panel
+ * through its own `renderPanel` wrapper gets the guard without having to spread
+ * one more prop. Null where no overlay provides one; the panel then guards its
+ * own Close and Escape only.
+ */
+export declare const AssistantCloseGuardContext: import('react').Context<((guard: AssistantCloseGuard) => () => void) | null>;
+/** The registration function, or null when no overlay provides one. */
+export declare function useAssistantCloseGuardRegistration(): ((guard: AssistantCloseGuard) => () => void) | null;

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

@@ -0,0 +1,8 @@
+import { createContext as e, useContext as t } from "react";
+//#region src/shared/assistant/ui/closeGuard.ts
+var n = e(null);
+function r() {
+	return t(n);
+}
+//#endregion
+export { n as AssistantCloseGuardContext, r as useAssistantCloseGuardRegistration };

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

@@ -0,0 +1,38 @@
+import { FC, ReactNode, Ref } from 'react';
+export interface AssistantCompactHeaderProps {
+    /** Where the user is, or `null` when the product cannot say (the whole segment is dropped). */
+    contextLabel: string | null;
+    /** The ☰ view is open. */
+    menuOpen: boolean;
+    /** The id of the ☰ view, named by `aria-controls` while it is open. */
+    menuViewId?: string;
+    onOpenMenu: () => void;
+    menuButtonRef?: Ref<HTMLButtonElement>;
+    /** The ⋯ conversation menu, which owns its own trigger. */
+    conversationMenu: ReactNode;
+    /** Expand/Restore is offered at this viewport (N2). */
+    expandOffered: boolean;
+    expanded: boolean;
+    onToggleExpanded: () => void;
+    onTogglePreview?: () => void;
+    previewOpen?: boolean;
+    onClose: () => void;
+}
+/**
+ * The compact presentation's header (BOFF-10177, Slice 2):
+ * `[☰] [✦] title / context ………… [Preview] [⋯] [Expand] [×]`.
+ *
+ * ★ What it does NOT carry, on purpose: no "Ready" line (D4), no New
+ * conversation or History button (both live in ☰), and no Dock/Float toggle
+ * (D13: Panel layout lives only in ☰ → Settings). Each is still reachable; see
+ * `compactFeatureMap.test.tsx`.
+ *
+ * ★ `aria-expanded` on ☰ and on ⋯ (Radix sets it on the latter), and
+ * `aria-pressed` on Expand. Expand keeps one NAME and says its state with
+ * `aria-pressed`: a label that also flipped would announce the state twice.
+ * It is offered only where the page keeps room beside a 760 px assistant (N2).
+ *
+ * ★ The preview toggle keeps its classic render rule: nothing unless the
+ * product supplied a preview surface.
+ */
+export declare const AssistantCompactHeader: FC<AssistantCompactHeaderProps>;

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 };