@burdenoff/fe-libs 2026.1029.10 → 2026.1030.1

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

@@ -254,6 +254,230 @@ export declare function assistantOverlayClassName(input: {
     expanded: boolean;
     docked: boolean;
 }): string;
+/**
+ * What the one assistant container is showing (DESIGN §8.2):
+ *  - `window`: the Quick assistant, a small non-modal window above the launcher
+ *    (a bottom sheet on a phone);
+ *  - `panel`: the full assistant, docked, floating or a sheet.
+ *
+ * ★ A surface is a CLASS and a geometry on one persistent element, never a
+ * place in the tree: the in-flight turn, the draft, its attachments, the
+ * microphone and the voice session all live below it.
+ */
+export type AssistantSurface = 'window' | 'panel';
+/** Narrow a stored value to a surface. */
+export declare function isAssistantSurface(value: unknown): value is AssistantSurface;
+/** The Quick assistant window's two views (BOFF-10180): the conversation, or the voice stage. */
+export type AssistantWindowView = 'chat' | 'voice';
+/** Narrow a stored value to a window view. */
+export declare function isAssistantWindowView(value: unknown): value is AssistantWindowView;
+/** The storage keys only the compact presentation uses. */
+export interface AssistantCompactOverlayKeys {
+    /** localStorage: the person's EXPLICIT Dock/Float pick (D1-A), `docked` or `floating`. */
+    layoutStorageKey: string;
+    /** sessionStorage: which surface is showing, `window` or `panel`. */
+    surfaceStorageKey: string;
+    /** sessionStorage: the Quick assistant window is minimized (`1`/`0`). */
+    minimizedStorageKey: string;
+    /**
+     * localStorage: the Quick assistant window's LAST USED view (CW-V), `chat` or
+     * `voice`. Profile-scoped, like the Dock/Float pick: a preference that outlives
+     * a tab, not a moment of this one.
+     */
+    windowViewStorageKey: string;
+}
+/**
+ * The compact keys for a product prefix: `<prefix>:ai-panel:layout`, `:surface`,
+ * `:minimized` and `:window-view`. Separate from `assistantOverlayKeys` so the classic keys
+ * (and what a host reads of them) cannot change.
+ */
+export declare function assistantCompactOverlayKeys(prefix: string): AssistantCompactOverlayKeys;
+/** Dock or Float, as a person picked it. */
+export type AssistantLayoutChoice = 'docked' | 'floating';
+/** The explicit Dock/Float pick (D1-A), or null when none was made or storage fails. */
+export declare function readAssistantLayoutChoice(storage: () => Pick<Storage, 'getItem'> | undefined, key: string): AssistantLayoutChoice | null;
+/** The window's last-used view (CW-V), or null when none was ever chosen or storage fails. */
+export declare function readAssistantWindowView(storage: () => Pick<Storage, 'getItem'> | undefined, key: string): AssistantWindowView | null;
+/** Persist the window's last-used view. An unavailable store keeps it in memory only. */
+export declare function writeAssistantWindowView(storage: () => Pick<Storage, 'setItem'> | undefined, key: string, view: AssistantWindowView): void;
+/** Persist an explicit Dock/Float pick. An unavailable store keeps it in memory only. */
+export declare function writeAssistantLayoutChoice(storage: () => Pick<Storage, 'setItem'> | undefined, key: string, choice: AssistantLayoutChoice): void;
+/**
+ * The LEGACY dock key (`<prefix>:ai-panel:docked`) as a choice: `"1"` is docked,
+ * `"0"` is floating, anything else (absent, unreadable) is no choice.
+ *
+ * ★ The classic overlay writes `"0"` on mount, so a browser that has run any
+ * overlay holds a `"0"` that does not mean "I chose Float". The compact
+ * presentation therefore reads it only AFTER its own explicit key, and never
+ * writes it (D1-A).
+ */
+export declare function readAssistantLegacyDockChoice(storage: () => Pick<Storage, 'getItem'> | undefined, key: string): AssistantLayoutChoice | null;
+/**
+ * Docked is the default from this viewport width up (N2, DESIGN-DELTA A2): at
+ * 1024 the default sidebar leaves the page 328 px beside a 440 px dock, at 1280
+ * it leaves 584. Between 640 and 1279 the default is a floating window.
+ */
+export declare const ASSISTANT_COMPACT_DOCKED_MIN_VIEWPORT_PX = 1280;
+/** The media query for `ASSISTANT_COMPACT_DOCKED_MIN_VIEWPORT_PX`. */
+export declare const ASSISTANT_COMPACT_DOCKED_DEFAULT_QUERY = "(min-width: 1280px)";
+/**
+ * Is the full assistant docked? D1-A: the person's explicit pick, then the
+ * legacy stored `"1"`/`"0"`, then the viewport default (docked from 1280 px).
+ * On a phone the answer is irrelevant: every layout class is `sm:`.
+ */
+export declare function resolveCompactDocked(input: {
+    explicit: AssistantLayoutChoice | null;
+    legacy: AssistantLayoutChoice | null;
+    wideViewport: boolean;
+}): boolean;
+/** Width of the Quick assistant window on a desktop. Must match `sm:w-[360px]` below. */
+export declare const ASSISTANT_COMPACT_WINDOW_WIDTH_PX = 360;
+/** The window's height ceiling on a desktop. Must match the `600px` in its class below. */
+export declare const ASSISTANT_COMPACT_WINDOW_HEIGHT_PX = 600;
+/**
+ * The expanded width, docked or floating (N2): a FIXED 760 px, so the published
+ * inset stays a pure constant. Must match `sm:w-[760px]` below.
+ */
+export declare const ASSISTANT_COMPACT_EXPANDED_WIDTH_PX = 760;
+/** What a panel's geometry depends on besides the open flag and the viewport. */
+export interface AssistantCompactGeometryInput {
+    isOpen: boolean;
+    docked: boolean;
+    isDesktop: boolean;
+    surface: AssistantSurface;
+    /** Expand was pressed (the panel only reports it from 1536 px up). */
+    expanded: boolean;
+}
+/**
+ * The width the docked full panel takes from the page, in px: 440, or 760 when
+ * expanded. Nothing for the window, the floating panel, a phone sheet or a
+ * closed assistant. A pure constant of its inputs.
+ */
+export declare function publishedCompactDockWidth(input: AssistantCompactGeometryInput): number;
+/**
+ * How far the open full panel reaches in from the page's right edge, in px:
+ * the dock width while docked (440, 760 expanded), the floating width plus its
+ * right gap while floating (544, 784 expanded). Nothing is published for the
+ * Quick assistant window (it is a small non-modal overlay and the page stays
+ * whole), for a phone sheet, or while closed.
+ */
+export declare function publishedCompactPanelInset(input: AssistantCompactGeometryInput): number;
+/**
+ * Where the window's bottom edge sits: above the launcher. A variable the
+ * overlay sets on the container, from the launcher's own bottom offset, so a
+ * host that lifts the launcher lifts the window with it. Falls back to 6rem,
+ * the classic floating window's anchor.
+ */
+export declare const ASSISTANT_WINDOW_BOTTOM_VAR = "--assistant-window-bottom";
+/** The launcher is `size-14` (3.5rem); the window rests 1rem above it. */
+export declare const ASSISTANT_WINDOW_LAUNCHER_CLEARANCE = "4.5rem";
+/** The window's bottom offset for a launcher inset: the launcher's own, plus its size and a gap. */
+export declare function assistantWindowBottom(launcherBottomInset: string): string;
+/**
+ * CSS custom properties the overlay sets on the PHONE sheet from the visual
+ * viewport (DELTA A5): the height the sheet may use, and how far the on-screen
+ * keyboard covers the layout viewport's bottom edge. Set on the container, not
+ * on `<html>`: they are the sheet's own, and a keyboard animation writes them
+ * on every frame.
+ */
+export declare const ASSISTANT_VIEWPORT_HEIGHT_VAR = "--assistant-viewport-height";
+export declare const ASSISTANT_KEYBOARD_INSET_VAR = "--assistant-keyboard-inset";
+/**
+ * Shared by every compact surface, on a phone: a full-width bottom sheet with a
+ * rounded top edge. ★ No height here (see the heights below), and no surface
+ * colour: the window and the panel each name their own, so one class never
+ * fights another for the same property.
+ *
+ * ★ The bottom edge is the LARGER of the tab bar and the keyboard. With the
+ * keyboard up the tab bar is behind it, so the sheet rests on the keyboard;
+ * without one the inset is 0 and the tab bar wins, as in classic.
+ */
+export declare const ASSISTANT_COMPACT_SHEET_BASE_CLASS: string;
+/** The full panel's colours on every viewport: classic's surface and shadow. */
+export declare const ASSISTANT_COMPACT_PANEL_SURFACE_CLASS = "bg-bg-surface shadow-2xl";
+/**
+ * The window's colours on every viewport: an elevated surface and the elevation-4
+ * shadow.
+ *
+ * ★ The shadow is read from the TOKEN: `--shadow-elevation-4` is a `:root` custom
+ * property with no `@theme` entry, so `shadow-elevation-4` is not a utility and
+ * would paint nothing. The arbitrary-value form is how the other call sites read
+ * `--shadow-focus`.
+ */
+export declare const ASSISTANT_COMPACT_WINDOW_SURFACE_CLASS = "bg-bg-elevated shadow-[var(--shadow-elevation-4)]";
+/**
+ * Phone sheet heights, in `dvh` and capped by the visual viewport (DELTA A5 a):
+ * the sheet never grows taller than what the keyboard leaves, so the composer
+ * and Stop stay on screen and only the message list gives way. The window
+ * opens at about 62 %, the full panel at 60 %; either expands to 88 %.
+ */
+export declare const ASSISTANT_COMPACT_SHEET_WINDOW_CLASS = "h-[62dvh] max-h-[min(62dvh,var(--assistant-viewport-height,100dvh))]";
+export declare const ASSISTANT_COMPACT_SHEET_PANEL_CLASS = "h-[60dvh] max-h-[min(60dvh,var(--assistant-viewport-height,100dvh))]";
+export declare const ASSISTANT_COMPACT_SHEET_EXPANDED_CLASS = "h-[88dvh] max-h-[min(88dvh,var(--assistant-viewport-height,100dvh))]";
+/**
+ * Desktop: the Quick assistant window. 360 wide, `min(600px, 100dvh − header −
+ * launcher area)` tall, resting above the launcher; non-modal (no scrim).
+ */
+export declare const ASSISTANT_COMPACT_WINDOW_DESKTOP_CLASS: string;
+/** Desktop: the docked full panel, 440 wide. */
+export declare const ASSISTANT_COMPACT_DOCKED_DESKTOP_CLASS: string;
+/** Desktop: the docked full panel, expanded to a fixed 760. */
+export declare const ASSISTANT_COMPACT_DOCKED_EXPANDED_DESKTOP_CLASS: string;
+/** Desktop: the floating full panel, 520 × 680 clamped to the viewport, as classic. */
+export declare const ASSISTANT_COMPACT_FLOATING_DESKTOP_CLASS: string;
+/**
+ * Desktop: the floating full panel, expanded: a fixed 760 wide and `viewport −
+ * header − 48px` tall, so it keeps 24 px under the header and 24 px above the
+ * bottom edge. The launcher is hidden while the full panel is open (L1), so
+ * nothing needs the room it would have kept.
+ */
+export declare const ASSISTANT_COMPACT_FLOATING_EXPANDED_DESKTOP_CLASS: string;
+/**
+ * The container's class for the compact presentation.
+ *
+ * ★★ Like the classic one, every axis selects a CLASS on ONE persistent
+ * element, never a mount: surface, minimized, dock, float, sheet and expanded.
+ * A minimized window keeps its element (and the panel inside it) and only stops
+ * being displayed.
+ *
+ * @param sheetExpanded  the phone sheet is raised from its grab handle (88 %)
+ * @param expanded       the panel is Expanded to a fixed 760 px (desktop)
+ */
+export declare function assistantCompactOverlayClassName(input: {
+    surface: AssistantSurface;
+    minimized: boolean;
+    docked: boolean;
+    expanded: boolean;
+    sheetExpanded: boolean;
+}): string;
+/**
+ * Does the launcher show? Classic hides it on a phone while the assistant is
+ * open. The compact presentation hides it at ALL widths while the full panel is
+ * open (L1, the header button is the way back), and on a phone while the window
+ * is open (the sheet would be painted over by it). A minimized window shows it:
+ * it is the way back in.
+ */
+export declare function assistantCompactLauncherVisibility(input: {
+    isOpen: boolean;
+    surface: AssistantSurface;
+    minimized: boolean;
+}): 'always' | 'desktop-only' | 'hidden';
+/**
+ * The visual viewport, reduced to what the sheet needs. The keyboard inset is how
+ * far the on-screen keyboard covers the bottom of the LAYOUT viewport; the
+ * height is what is left for the sheet. `scale` guards pinch-zoom: a zoomed
+ * visual viewport is smaller than the layout one without any keyboard, and the
+ * sheet must not shrink for it.
+ */
+export declare function assistantVisualViewportMetrics(input: {
+    layoutHeight: number;
+    viewportHeight: number;
+    viewportOffsetTop: number;
+    scale: number;
+}): {
+    heightPx: number;
+    keyboardInsetPx: number;
+};
 export interface AssistantNavigateOptions {
     /** The product router's navigate, e.g. React Router's `useNavigate()`. */
     navigate: (path: string) => void;

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

@@ -16,48 +16,135 @@ function r(e, t) {
 	return t ?? !e;
 }
 var i = "Ctrl+Shift+A";
-function a(e) {
+function ee(e) {
 	return (e.ctrlKey || e.metaKey) && e.shiftKey && typeof e.key == "string" && e.key.toLowerCase() === "a";
 }
-var o = "[role=\"dialog\"],[role=\"alertdialog\"],dialog[open]";
-function s(e, t) {
-	return c(e) ? e.closest(t) : null;
+var te = "[role=\"dialog\"],[role=\"alertdialog\"],dialog[open]";
+function ne(e, t) {
+	return a(e) ? e.closest(t) : null;
 }
-function c(e) {
+function a(e) {
 	return typeof e == "object" && !!e && "closest" in e && typeof e.closest == "function";
 }
-function l(e) {
+function o(e) {
 	return e.key !== "Escape" || !e.isOpen || e.alreadyHandled || e.dialogOpen || e.pressedInsideDialog || e.panelOwnsEscape ? "ignore" : "close";
 }
-var u = "max(var(--mobile-tabbar-height, 0px), var(--safe-bottom, 0px), env(safe-area-inset-bottom, 0px))";
-function d(e) {
-	return `calc(${e} + ${u})`;
+var s = "max(var(--mobile-tabbar-height, 0px), var(--safe-bottom, 0px), env(safe-area-inset-bottom, 0px))";
+function c(e) {
+	return `calc(${e} + ${s})`;
 }
-var f = "--assistant-launcher-lift";
-function p(e) {
-	return `calc(var(${f}, 0px) + ${d(e)})`;
+var l = "--assistant-launcher-lift";
+function u(e) {
+	return `calc(var(${l}, 0px) + ${c(e)})`;
 }
-var m = "1.5rem";
-function h(e) {
-	return e > 0 ? `calc(${m} + ${e}px)` : m;
+var d = "1.5rem";
+function f(e) {
+	return e > 0 ? `calc(${d} + ${e}px)` : d;
 }
-var g = 440, _ = "--assistant-dock-width", v = "--assistant-sheet-bottom", y = "--assistant-overlay-top", b = 56, x = "(min-width: 640px)";
-function S(e) {
+var p = 440, re = "--assistant-dock-width", m = "--assistant-sheet-bottom", ie = "--assistant-overlay-top", ae = 56, oe = "(min-width: 640px)";
+function se(e) {
 	return e.isOpen && e.docked && e.isDesktop ? 440 : 0;
 }
-var C = 520, w = 24, T = "--assistant-panel-inset";
-function E(e) {
+var ce = 520, le = 24, ue = "--assistant-panel-inset";
+function de(e) {
 	return !e.isOpen || !e.isDesktop ? 0 : e.docked ? 440 : 544;
 }
-var D = "fixed z-50 flex flex-col overflow-hidden border border-border-default bg-bg-surface shadow-2xl inset-x-0 bottom-[var(--assistant-sheet-bottom,0px)] top-auto rounded-t-2xl animate-in slide-in-from-bottom-4 fade-in duration-200", O = "h-[60vh] max-h-[60vh]", k = "h-[88vh] max-h-[88vh]", A = "sm:inset-auto sm:top-auto sm:bottom-24 sm:right-6 sm:rounded-2xl sm:h-[680px] sm:max-h-[calc(100vh-6rem-var(--assistant-overlay-top,56px)-0.5rem)] sm:w-[520px] sm:max-w-[calc(100vw-2rem)]", j = "sm:left-auto sm:right-0 sm:top-[var(--assistant-overlay-top)] sm:bottom-0 sm:rounded-none sm:h-auto sm:max-h-none sm:w-[440px] sm:max-w-[calc(100vw-2rem)]";
-function M(e) {
+var h = "fixed z-50 flex flex-col overflow-hidden border border-border-default bg-bg-surface shadow-2xl inset-x-0 bottom-[var(--assistant-sheet-bottom,0px)] top-auto rounded-t-2xl animate-in slide-in-from-bottom-4 fade-in duration-200", g = "h-[60vh] max-h-[60vh]", _ = "h-[88vh] max-h-[88vh]", v = "sm:inset-auto sm:top-auto sm:bottom-24 sm:right-6 sm:rounded-2xl sm:h-[680px] sm:max-h-[calc(100vh-6rem-var(--assistant-overlay-top,56px)-0.5rem)] sm:w-[520px] sm:max-w-[calc(100vw-2rem)]", y = "sm:left-auto sm:right-0 sm:top-[var(--assistant-overlay-top)] sm:bottom-0 sm:rounded-none sm:h-auto sm:max-h-none sm:w-[440px] sm:max-w-[calc(100vw-2rem)]";
+function b(e) {
+	return [
+		h,
+		e.expanded ? _ : g,
+		e.docked ? y : v
+	].join(" ");
+}
+function x(e) {
+	return e === "window" || e === "panel";
+}
+function S(e) {
+	return e === "chat" || e === "voice";
+}
+function C(e) {
+	return {
+		layoutStorageKey: `${e}:ai-panel:layout`,
+		surfaceStorageKey: `${e}:ai-panel:surface`,
+		minimizedStorageKey: `${e}:ai-panel:minimized`,
+		windowViewStorageKey: `${e}:ai-panel:window-view`
+	};
+}
+function w(e, t) {
+	try {
+		let n = e()?.getItem(t);
+		return n === "docked" || n === "floating" ? n : null;
+	} catch {
+		return null;
+	}
+}
+function T(e, t) {
+	try {
+		let n = e()?.getItem(t);
+		return S(n) ? n : null;
+	} catch {
+		return null;
+	}
+}
+function E(e, t, n) {
+	try {
+		e()?.setItem(t, n);
+	} catch {}
+}
+function D(e, t, n) {
+	try {
+		e()?.setItem(t, n);
+	} catch {}
+}
+function O(e, t) {
+	try {
+		let n = e()?.getItem(t);
+		return n === "1" ? "docked" : n === "0" ? "floating" : null;
+	} catch {
+		return null;
+	}
+}
+var k = 1280, A = `(min-width: ${k}px)`;
+function j(e) {
+	let t = e.explicit ?? e.legacy;
+	return t === null ? e.wideViewport : t === "docked";
+}
+var M = 360, N = 600, P = 760;
+function F(e) {
+	return !e.isOpen || !e.isDesktop || e.surface !== "panel" || !e.docked ? 0 : e.expanded ? 760 : 440;
+}
+function I(e) {
+	if (!e.isOpen || !e.isDesktop || e.surface !== "panel") return 0;
+	let t = e.expanded ? 760 : e.docked ? 440 : 520;
+	return e.docked ? t : t + 24;
+}
+var L = "--assistant-window-bottom", R = "4.5rem";
+function z(e) {
+	return `calc(${u(e)} + ${R})`;
+}
+var B = "--assistant-viewport-height", V = "--assistant-keyboard-inset", H = "fixed z-50 flex flex-col overflow-hidden border border-border-default inset-x-0 bottom-[max(var(--assistant-sheet-bottom,0px),var(--assistant-keyboard-inset,0px))] top-auto rounded-t-2xl animate-in slide-in-from-bottom-4 fade-in duration-200", U = "bg-bg-surface shadow-2xl", W = "bg-bg-elevated shadow-[var(--shadow-elevation-4)]", G = "h-[62dvh] max-h-[min(62dvh,var(--assistant-viewport-height,100dvh))]", K = "h-[60dvh] max-h-[min(60dvh,var(--assistant-viewport-height,100dvh))]", q = "h-[88dvh] max-h-[min(88dvh,var(--assistant-viewport-height,100dvh))]", J = "sm:inset-auto sm:top-auto sm:bottom-[var(--assistant-window-bottom,6rem)] sm:right-6 sm:rounded-3xl sm:h-[min(600px,calc(100dvh-var(--assistant-window-bottom,6rem)-var(--assistant-overlay-top,56px)-0.5rem))] sm:max-h-none sm:w-[360px] sm:max-w-[calc(100vw-2rem)]", Y = "sm:left-auto sm:right-0 sm:top-[var(--assistant-overlay-top)] sm:bottom-0 sm:rounded-none sm:h-auto sm:max-h-none sm:w-[440px] sm:max-w-[calc(100vw-2rem)]", X = "sm:left-auto sm:right-0 sm:top-[var(--assistant-overlay-top)] sm:bottom-0 sm:rounded-none sm:h-auto sm:max-h-none sm:w-[760px] sm:max-w-[calc(100vw-2rem)]", Z = "sm:inset-auto sm:top-auto sm:bottom-24 sm:right-6 sm:rounded-2xl sm:h-[680px] sm:max-h-[calc(100dvh-6rem-var(--assistant-overlay-top,56px)-0.5rem)] sm:w-[520px] sm:max-w-[calc(100vw-2rem)]", Q = "sm:inset-auto sm:top-auto sm:bottom-6 sm:right-6 sm:rounded-2xl sm:h-[calc(100dvh-var(--assistant-overlay-top,56px)-3rem)] sm:max-h-none sm:w-[760px] sm:max-w-[calc(100vw-2rem)]";
+function fe(e) {
+	if (e.minimized) return "hidden";
+	let t = e.surface === "window", n = e.sheetExpanded ? q : t ? G : K, r = t ? J : e.docked ? e.expanded ? X : Y : e.expanded ? Q : Z;
 	return [
-		D,
-		e.expanded ? k : O,
-		e.docked ? j : A
+		H,
+		t ? W : U,
+		n,
+		r
 	].join(" ");
 }
-function N(t) {
+function pe(e) {
+	return !e.isOpen || e.minimized ? "always" : e.surface === "panel" ? "hidden" : "desktop-only";
+}
+function me(e) {
+	let t = e.scale > 1.01, n = e.layoutHeight - e.viewportHeight - e.viewportOffsetTop, r = t ? 0 : Math.max(0, Math.round(n));
+	return {
+		heightPx: Math.max(0, Math.round(t ? e.layoutHeight : e.viewportHeight)),
+		keyboardInsetPx: r
+	};
+}
+function he(t) {
 	return (n, r) => {
 		if (t.isShellLessTarget?.(n)) return t.openInNewTab(n), { kind: "new-tab" };
 		let i = e(r);
@@ -68,22 +155,22 @@ function N(t) {
 		} : (t.navigate(n), t.isDesktop() || t.collapseSheet(), { kind: "routed" });
 	};
 }
-function P(e) {
+function ge(e) {
 	if (typeof CustomEvent > "u" || !(e instanceof CustomEvent)) return "generic";
 	let t = e.detail;
 	return typeof t != "object" || !t || !("kind" in t) ? "generic" : t.kind === "sandbox" || t.kind === "ai-credits" ? t.kind : "generic";
 }
-function F(e, t) {
+function $(e, t) {
 	try {
 		return e()?.getItem(t) === "1";
 	} catch {
 		return !1;
 	}
 }
-function I(e, t, n) {
+function _e(e, t, n) {
 	try {
 		e()?.setItem(t, n ? "1" : "0");
 	} catch {}
 }
 //#endregion
-export { u as ASSISTANT_BOTTOM_CHROME_CLEARANCE, o as ASSISTANT_DIALOG_SELECTOR, j as ASSISTANT_DOCKED_DESKTOP_CLASS, g as ASSISTANT_DOCK_WIDTH_PX, _ as ASSISTANT_DOCK_WIDTH_VAR, A as ASSISTANT_FLOATING_DESKTOP_CLASS, w as ASSISTANT_FLOATING_RIGHT_PX, C as ASSISTANT_FLOATING_WIDTH_PX, f as ASSISTANT_LAUNCHER_LIFT_VAR, m as ASSISTANT_LAUNCHER_RIGHT_INSET, b as ASSISTANT_OVERLAY_DEFAULT_TOP_PX, x as ASSISTANT_OVERLAY_DESKTOP_QUERY, y as ASSISTANT_OVERLAY_TOP_VAR, T as ASSISTANT_PANEL_INSET_VAR, D as ASSISTANT_SHEET_BASE_CLASS, v as ASSISTANT_SHEET_BOTTOM_VAR, O as ASSISTANT_SHEET_COMPACT_CLASS, k as ASSISTANT_SHEET_EXPANDED_CLASS, i as ASSISTANT_TOGGLE_SHORTCUT_LABEL, d as aboveAssistantBottomChrome, p as assistantLauncherBottom, h as assistantLauncherRight, M as assistantOverlayClassName, l as assistantOverlayEscapeAction, t as assistantOverlayKeys, P as assistantQuotaKindOf, s as closestAround, N as createAssistantNavigate, a as isAssistantToggleShortcut, r as nextAssistantOpenState, S as publishedAssistantDockWidth, E as publishedAssistantPanelInset, F as readAssistantOverlayFlag, n as requestedAssistantOpenState, I as writeAssistantOverlayFlag };
+export { s as ASSISTANT_BOTTOM_CHROME_CLEARANCE, A as ASSISTANT_COMPACT_DOCKED_DEFAULT_QUERY, Y as ASSISTANT_COMPACT_DOCKED_DESKTOP_CLASS, X as ASSISTANT_COMPACT_DOCKED_EXPANDED_DESKTOP_CLASS, k as ASSISTANT_COMPACT_DOCKED_MIN_VIEWPORT_PX, P as ASSISTANT_COMPACT_EXPANDED_WIDTH_PX, Z as ASSISTANT_COMPACT_FLOATING_DESKTOP_CLASS, Q as ASSISTANT_COMPACT_FLOATING_EXPANDED_DESKTOP_CLASS, U as ASSISTANT_COMPACT_PANEL_SURFACE_CLASS, H as ASSISTANT_COMPACT_SHEET_BASE_CLASS, q as ASSISTANT_COMPACT_SHEET_EXPANDED_CLASS, K as ASSISTANT_COMPACT_SHEET_PANEL_CLASS, G as ASSISTANT_COMPACT_SHEET_WINDOW_CLASS, J as ASSISTANT_COMPACT_WINDOW_DESKTOP_CLASS, N as ASSISTANT_COMPACT_WINDOW_HEIGHT_PX, W as ASSISTANT_COMPACT_WINDOW_SURFACE_CLASS, M as ASSISTANT_COMPACT_WINDOW_WIDTH_PX, te as ASSISTANT_DIALOG_SELECTOR, y as ASSISTANT_DOCKED_DESKTOP_CLASS, p as ASSISTANT_DOCK_WIDTH_PX, re as ASSISTANT_DOCK_WIDTH_VAR, v as ASSISTANT_FLOATING_DESKTOP_CLASS, le as ASSISTANT_FLOATING_RIGHT_PX, ce as ASSISTANT_FLOATING_WIDTH_PX, V as ASSISTANT_KEYBOARD_INSET_VAR, l as ASSISTANT_LAUNCHER_LIFT_VAR, d as ASSISTANT_LAUNCHER_RIGHT_INSET, ae as ASSISTANT_OVERLAY_DEFAULT_TOP_PX, oe as ASSISTANT_OVERLAY_DESKTOP_QUERY, ie as ASSISTANT_OVERLAY_TOP_VAR, ue as ASSISTANT_PANEL_INSET_VAR, h as ASSISTANT_SHEET_BASE_CLASS, m as ASSISTANT_SHEET_BOTTOM_VAR, g as ASSISTANT_SHEET_COMPACT_CLASS, _ as ASSISTANT_SHEET_EXPANDED_CLASS, i as ASSISTANT_TOGGLE_SHORTCUT_LABEL, B as ASSISTANT_VIEWPORT_HEIGHT_VAR, L as ASSISTANT_WINDOW_BOTTOM_VAR, R as ASSISTANT_WINDOW_LAUNCHER_CLEARANCE, c as aboveAssistantBottomChrome, pe as assistantCompactLauncherVisibility, fe as assistantCompactOverlayClassName, C as assistantCompactOverlayKeys, u as assistantLauncherBottom, f as assistantLauncherRight, b as assistantOverlayClassName, o as assistantOverlayEscapeAction, t as assistantOverlayKeys, ge as assistantQuotaKindOf, me as assistantVisualViewportMetrics, z as assistantWindowBottom, ne as closestAround, he as createAssistantNavigate, x as isAssistantSurface, ee as isAssistantToggleShortcut, S as isAssistantWindowView, r as nextAssistantOpenState, se as publishedAssistantDockWidth, de as publishedAssistantPanelInset, F as publishedCompactDockWidth, I as publishedCompactPanelInset, w as readAssistantLayoutChoice, O as readAssistantLegacyDockChoice, $ as readAssistantOverlayFlag, T as readAssistantWindowView, n as requestedAssistantOpenState, j as resolveCompactDocked, D as writeAssistantLayoutChoice, _e as writeAssistantOverlayFlag, E as writeAssistantWindowView };

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

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

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

@@ -16,6 +16,8 @@ var s = ({ open: s, onKeep: c, onDiscard: l }) => {
 			e.preventDefault(), d.current?.focus();
 		},
 		title: u("closeConfirm.title", "Discard your unsent message?"),
+		description: u("closeConfirm.body", "What you typed or attached has not been sent. If you close the assistant now, it is discarded."),
+		ariaModal: !0,
 		footer: /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ a(e, {
 			ref: d,
 			variant: "outline",
@@ -28,10 +30,7 @@ var s = ({ open: s, onKeep: c, onDiscard: 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.")
-		})
+		children: null
 	});
 };
 //#endregion

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

@@ -0,0 +1,29 @@
+import { FC } from 'react';
+export interface AssistantLanguagePillProps {
+    /**
+     * A voice conversation is live. Changing the language stops a running
+     * recogniser (`useVoiceInput`), so the pill waits for the end of the
+     * conversation and says why.
+     */
+    voiceLive: boolean;
+}
+/**
+ * The Quick assistant window's language pill (BOFF-10180, CW-L, DESIGN §7
+ * "Language semantics").
+ *
+ * ★ It sets the INPUT language (`assistantLanguage`) and nothing else. That
+ * language also drives the reply and its voice while "Assistant replies in" is
+ * "Match my language", which is the default. A reply language pinned to something
+ * else stays in the full assistant: here it is only SAID ("Replies in {{language}}
+ * — change in full assistant"), never offered. It never changes the interface
+ * language.
+ *
+ * ★ The menu is the existing `AssistantLanguageMenu`, input row only, so the
+ * choice, the list and the stored value are the ones the ⋯ menu and Settings
+ * already use. It stays a native `<select>`: a phone opens its own picker.
+ *
+ * ★ While voice is live the pill is `aria-disabled`, not `disabled`: it stays in
+ * the Tab order, so a keyboard or screen-reader user reaches it and hears why
+ * (`aria-describedby`), and it cannot open.
+ */
+export declare const AssistantLanguagePill: FC<AssistantLanguagePillProps>;