@burdenoff/fe-libs 2026.1029.10 → 2026.1029.11

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

@@ -2,10 +2,11 @@ import { quotaExhaustedEventName as e } from "../quota.js";
 import { useAssistantTr as t } from "../i18n.js";
 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 { AssistantCloseGuardContext as T } from "./closeGuard.js";
+import { ASSISTANT_COMPACT_DOCKED_DEFAULT_QUERY as i, ASSISTANT_DOCK_WIDTH_VAR as a, ASSISTANT_OVERLAY_DESKTOP_QUERY as o, ASSISTANT_OVERLAY_TOP_VAR as s, ASSISTANT_PANEL_INSET_VAR as c, ASSISTANT_SHEET_BOTTOM_VAR as l, ASSISTANT_WINDOW_BOTTOM_VAR as u, assistantCompactLauncherVisibility as d, assistantCompactOverlayClassName as f, assistantCompactOverlayKeys as p, assistantLauncherBottom as ee, assistantLauncherRight as m, assistantOverlayClassName as te, assistantOverlayEscapeAction as ne, assistantOverlayKeys as re, assistantQuotaKindOf as h, assistantWindowBottom as g, closestAround as ie, createAssistantNavigate as ae, isAssistantSurface as _, isAssistantToggleShortcut as oe, nextAssistantOpenState as v, publishedAssistantDockWidth as y, publishedAssistantPanelInset as se, publishedCompactDockWidth as ce, publishedCompactPanelInset as b, readAssistantLayoutChoice as le, readAssistantLegacyDockChoice as ue, readAssistantOverlayFlag as x, requestedAssistantOpenState as S, resolveCompactDocked as C, writeAssistantLayoutChoice as de, writeAssistantOverlayFlag as w } from "./assistantOverlayState.js";
+import { useAssistantServerHistory as T } from "../history/useAssistantServerHistory.js";
+import { AssistantCloseGuardContext as fe } from "./closeGuard.js";
 import { AIAssistantPanel as E } from "./AIAssistantPanel.js";
+import { useAssistantVisualViewport as pe } from "./useAssistantVisualViewport.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";
@@ -23,195 +24,395 @@ function V() {
 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);
+	let t = window.matchMedia(o);
 	return t.addEventListener("change", e), () => t.removeEventListener("change", e);
 }
 function G() {
 	return typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(min-width: 640px)").matches;
 }
-function K() {
+function me() {
 	return P(W, G, () => !1);
 }
-function q(t, n) {
+function K(t, n) {
 	let r = M(n);
 	A(() => {
 		r.current = n;
 	}, [n]), A(() => {
 		if (!t || typeof window > "u") return;
-		let n = e(t), i = (e) => r.current(m(e), e);
+		let n = e(t), i = (e) => r.current(h(e), e);
 		return window.addEventListener(n, i), () => window.removeEventListener(n, i);
 	}, [t]);
 }
-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);
+var he = () => {};
+function q(e) {
+	if (typeof window > "u" || typeof window.matchMedia != "function") return () => {};
+	let t = window.matchMedia(i);
+	return t.addEventListener("change", e), () => t.removeEventListener("change", e);
+}
+function J() {
+	return typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia(i).matches;
+}
+var Y = () => () => {}, X = () => !1;
+function ge(e) {
+	return P(e ? q : Y, e ? J : X, X);
+}
+function _e({ keyPrefix: e, quota: t, presentation: n = "classic", children: r }) {
+	let i = j(() => re(e), [e]), o = j(() => p(e), [e]), s = n === "compact", l = M(s);
+	A(() => {
+		l.current = s;
+	}, [s]);
+	let [u, d] = N(() => x(H, i.openStorageKey)), [f, ee] = N(() => x(U, i.dockStorageKey)), [m, te] = N(() => {
+		if (!s) return "panel";
+		try {
+			let e = H()?.getItem(o.surfaceStorageKey);
+			return _(e) ? e : "panel";
+		} catch {
+			return "panel";
+		}
+	}), [ne, h] = N(() => s && x(H, o.minimizedStorageKey)), g = s && u && m === "window" && ne, [ie, ae] = N(!1), T = s && u && m === "panel" && ie, [fe] = N(() => s ? {
+		explicit: le(U, o.layoutStorageKey),
+		legacy: ue(U, i.dockStorageKey)
+	} : {
+		explicit: null,
+		legacy: null
+	}), [E, pe] = N(null), D = ge(s), k = s ? C({
+		explicit: E ?? fe.explicit,
+		legacy: fe.legacy,
+		wideViewport: D
+	}) : f, P = M(k);
 	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), []);
+		P.current = k;
+	}, [k]);
+	let F = M(null), L = M(u);
 	A(() => {
-		C(H, r.openStorageKey, a);
-	}, [r.openStorageKey, a]), A(() => {
-		C(U, r.dockStorageKey, c);
-	}, [r.dockStorageKey, c]), A(() => {
+		L.current = u;
+	}, [u]);
+	let z = M(!1), B = u && (!s || m === "panel" && !g);
+	A(() => {
+		z.current = B;
+	}, [B]);
+	let V = O(() => {
+		let e = F.current?.() === !0;
+		return e && l.current && h(!1), e;
+	}, []), W = O((e) => (F.current = e, () => {
+		F.current === e && (F.current = null);
+	}), []), G = O(() => {
+		d(!0), te("panel"), h(!1);
+	}, []), q = O(() => {
+		d(!1), h(!1), ae(!1);
+	}, []), J = O(() => {
+		l.current ? G() : d(!0);
+	}, [G]), Y = O(() => {
+		V() || (l.current ? q() : d(!1));
+	}, [V, q]), X = O(() => {
+		if (l.current) {
+			if (z.current) {
+				if (V()) return;
+				q();
+			} else G();
+			return;
+		}
+		L.current && V() || d((e) => !e);
+	}, [
+		V,
+		q,
+		G
+	]), _e = O(() => {
+		if (l.current) {
+			let e = P.current ? "floating" : "docked";
+			P.current = e === "docked", pe(e);
+			return;
+		}
+		ee((e) => !e);
+	}, []), ve = J, ye = O(() => {
+		if (!l.current) {
+			d(!0);
+			return;
+		}
+		z.current || (d(!0), te("window"), h(!1));
+	}, []), be = O(() => {
+		!l.current || !L.current || z.current || h(!0);
+	}, []);
+	A(() => {
+		w(H, i.openStorageKey, u);
+	}, [i.openStorageKey, u]), A(() => {
+		s || w(U, i.dockStorageKey, f);
+	}, [
+		s,
+		i.dockStorageKey,
+		f
+	]), A(() => {
+		!s || E === null || de(U, o.layoutStorageKey, E);
+	}, [
+		s,
+		o.layoutStorageKey,
+		E
+	]), A(() => {
+		if (s) try {
+			H()?.setItem(o.surfaceStorageKey, m);
+		} catch {}
+	}, [
+		s,
+		o.surfaceStorageKey,
+		m
+	]), A(() => {
+		s && w(H, o.minimizedStorageKey, g);
+	}, [
+		s,
+		o.minimizedStorageKey,
+		g
+	]), A(() => {
 		if (typeof window > "u") return;
 		let e = (e) => {
 			let t = S(e);
-			d.current && !v(!0, t) && u.current?.() === !0 || o((e) => v(e, t));
+			if (l.current) {
+				t === !0 ? G() : t === !1 ? L.current && !V() && q() : z.current ? V() || q() : G();
+				return;
+			}
+			L.current && !v(!0, t) && F.current?.() === !0 || d((e) => v(e, t));
 		};
-		return window.addEventListener(r.toggleEvent, e), () => window.removeEventListener(r.toggleEvent, e);
-	}, [r.toggleEvent]), A(() => {
+		return window.addEventListener(i.toggleEvent, e), () => window.removeEventListener(i.toggleEvent, e);
+	}, [
+		i.toggleEvent,
+		G,
+		q,
+		V
+	]), A(() => {
 		if (typeof document > "u") return;
 		let e = (e) => {
-			_(e) && (e.preventDefault(), !(d.current && u.current?.() === !0) && o((e) => !e));
+			if (oe(e)) {
+				if (e.preventDefault(), l.current) {
+					z.current ? V() || q() : G();
+					return;
+				}
+				L.current && F.current?.() === !0 || d((e) => !e);
+			}
 		};
 		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
-	}, []), q(t?.product ?? null, t?.onExhausted ?? J);
-	let E = K(), D = y({
-		isOpen: a,
-		docked: c,
-		isDesktop: E
-	}), k = b({
-		isOpen: a,
-		docked: c,
-		isDesktop: E
+	}, [
+		G,
+		q,
+		V
+	]), K(t?.product ?? null, t?.onExhausted ?? he);
+	let Z = me(), Q = s ? ce({
+		isOpen: u,
+		docked: k,
+		isDesktop: Z,
+		surface: m,
+		expanded: T
+	}) : y({
+		isOpen: u,
+		docked: f,
+		isDesktop: Z
+	}), $ = s ? b({
+		isOpen: u,
+		docked: k,
+		isDesktop: Z,
+		surface: m,
+		expanded: T
+	}) : se({
+		isOpen: u,
+		docked: f,
+		isDesktop: Z
 	});
 	A(() => {
 		if (typeof document > "u") return;
 		let e = document.documentElement.style;
-		return e.setProperty(i, `${D}px`), () => {
-			e.removeProperty(i);
+		return e.setProperty(a, `${Q}px`), () => {
+			e.removeProperty(a);
 		};
-	}, [D]), A(() => {
+	}, [Q]), A(() => {
 		if (typeof document > "u") return;
 		let e = document.documentElement.style;
-		return e.setProperty(s, `${k}px`), () => {
-			e.removeProperty(s);
+		return e.setProperty(c, `${$}px`), () => {
+			e.removeProperty(c);
 		};
-	}, [k]);
-	let P = j(() => ({
-		isOpen: a,
-		open: h,
-		close: g,
-		toggle: w,
-		docked: c,
-		toggleDock: T,
-		dockWidthPx: D,
-		panelInsetPx: k,
-		keys: r,
-		registerCloseGuard: m
+	}, [$]);
+	let xe = j(() => ({
+		isOpen: u,
+		open: J,
+		close: Y,
+		toggle: X,
+		docked: k,
+		toggleDock: _e,
+		dockWidthPx: Q,
+		panelInsetPx: $,
+		keys: i,
+		registerCloseGuard: W,
+		presentation: n,
+		surface: m,
+		minimized: g,
+		fullOpen: B,
+		openFull: ve,
+		openWindow: ye,
+		minimize: be,
+		expanded: T,
+		setExpanded: ae
 	}), [
-		a,
-		h,
-		g,
-		w,
-		c,
-		T,
-		D,
+		u,
+		J,
+		Y,
+		X,
 		k,
-		r,
-		m
+		_e,
+		Q,
+		$,
+		i,
+		W,
+		n,
+		m,
+		g,
+		B,
+		ve,
+		ye,
+		be,
+		T
 	]);
 	return /* @__PURE__ */ I(R.Provider, {
-		value: P,
-		children: n
+		value: xe,
+		children: r
 	});
 }
-var X = (e, t) => /* @__PURE__ */ I(E, {
+var ve = (e, t) => /* @__PURE__ */ I(E, {
 	...e,
 	...t
 });
-function Z(e) {
+function ye(e) {
 	let t = z();
-	return t ? /* @__PURE__ */ I(Q, {
+	return t ? /* @__PURE__ */ I(be, {
 		state: t,
 		...e
 	}) : null;
 }
-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 [P, R] = N(!1), z = j(() => p ? g({
-		navigate: p,
-		isShellLessTarget: m,
+function be({ state: e, panelId: i = "ai-assistant", panelProps: a, renderPanel: o, navigate: c, isShellLessTarget: p, topOffsetPx: re = 56, launcherIcon: h, launcherBottomInset: _ = "1.5rem", showLauncher: oe = !0, closeOnEscape: v = !0 }) {
+	let { isOpen: y, close: se, toggle: ce, docked: b, toggleDock: le, dockWidthPx: ue } = e, x = e.presentation === "compact", { surface: S, minimized: C, setExpanded: de } = e, w = t();
+	T(a?.serverHistory === !0);
+	let [E, D] = N(!1), k = M(null), P = M(null), R = me(), [z, B] = N(0);
+	A(() => {
+		z !== 0 && k.current?.querySelector("[data-testid=\"assistant-input\"]")?.focus({ preventScroll: !0 });
+	}, [z]), pe(k, x && y && !C && !R);
+	let V = M(a?.onExpandedChange);
+	A(() => {
+		V.current = a?.onExpandedChange;
+	});
+	let H = O((e) => {
+		de(e), V.current?.(e);
+	}, [de]), U = j(() => c ? ae({
+		navigate: c,
+		isShellLessTarget: p,
 		isDesktop: G,
-		collapseSheet: () => R(!1),
+		collapseSheet: () => D(!1),
 		openInNewTab: (e) => window.open(e, "_blank", "noopener,noreferrer")
-	}) : void 0, [p, m]);
+	}) : void 0, [c, p]), W = x && S === "window" ? e.minimize : se;
 	A(() => {
-		if (!S || !x) return;
+		if (!y || !v || C) return;
 		let e = (e) => {
-			f({
+			ne({
 				key: e.key,
-				isOpen: S,
+				isOpen: y,
 				alreadyHandled: e.defaultPrevented,
 				dialogOpen: document.querySelector("[role=\"dialog\"],[role=\"alertdialog\"],dialog[open]") !== null,
-				pressedInsideDialog: h(e.target, "[role=\"dialog\"],[role=\"alertdialog\"],dialog[open]") !== null,
+				pressedInsideDialog: ie(e.target, "[role=\"dialog\"],[role=\"alertdialog\"],dialog[open]") !== null,
 				panelOwnsEscape: n()
-			}) === "close" && (e.preventDefault(), C());
+			}) === "close" && (e.preventDefault(), W());
 		};
 		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
 	}, [
-		S,
+		y,
 		C,
-		x
+		W,
+		v
 	]);
-	let B = {
+	let K = M(C);
+	A(() => {
+		if (x && C && !K.current) {
+			let e = document.activeElement;
+			(!e || e === document.body || k.current?.contains(e)) && P.current?.focus({ preventScroll: !0 });
+		}
+		K.current = C;
+	}, [x, C]);
+	let he = {
 		panelId: i,
-		visible: !0,
-		onClose: C,
-		docked: D,
-		onToggleDock: O,
-		onNavigate: z,
-		isShellLessTarget: m
-	}, V = M("overlay.launcher", "AI Assistant"), H = {
-		[o]: `${_}px`,
-		[c]: "var(--mobile-tabbar-height, 0px)"
+		visible: !C,
+		onClose: se,
+		docked: b,
+		onToggleDock: le,
+		onNavigate: U,
+		isShellLessTarget: p,
+		...x ? {
+			presentation: "compact",
+			surface: S,
+			onOpenFull: e.openFull,
+			onMinimize: e.minimize,
+			onExpandedChange: H
+		} : {}
+	}, q = x ? w("overlay.launcherQuick", "Open quick assistant") : w("overlay.launcher", "AI Assistant"), J = {
+		[s]: `${re}px`,
+		[l]: "var(--mobile-tabbar-height, 0px)"
+	}, Y = {
+		...J,
+		[u]: g(_)
+	}, X = x ? d({
+		isOpen: y,
+		surface: S,
+		minimized: C
+	}) : y ? "desktop-only" : "always", ge = (t) => {
+		!x || e.fullOpen ? ce() : y && !C ? e.minimize() : (e.openWindow(), (R || t.detail === 0) && B((e) => e + 1));
 	};
 	return /* @__PURE__ */ L(r, {
 		preview: a?.preview,
-		children: [S && /* @__PURE__ */ L("div", {
-			className: d({
-				expanded: P,
-				docked: D
+		children: [y && /* @__PURE__ */ L("div", {
+			ref: k,
+			className: x ? f({
+				surface: S,
+				minimized: C,
+				docked: b,
+				expanded: e.expanded,
+				sheetExpanded: E
+			}) : te({
+				expanded: E,
+				docked: b
 			}),
-			style: H,
+			style: x ? Y : J,
 			"data-testid": "assistant-overlay",
+			...x ? {
+				"data-surface": S,
+				...C ? {
+					hidden: !0,
+					inert: !0,
+					"data-minimized": ""
+				} : {}
+			} : {},
 			children: [/* @__PURE__ */ I("button", {
 				type: "button",
-				onClick: () => R((e) => !e),
+				onClick: () => D((e) => !e),
 				className: "flex w-full shrink-0 justify-center pt-2 pb-1 sm:hidden",
-				"aria-label": P ? M("sheet.collapse", "Shrink the assistant") : M("sheet.expand", "Expand the assistant"),
-				"aria-expanded": P,
+				"aria-label": E ? w("sheet.collapse", "Shrink the assistant") : w("sheet.expand", "Expand the assistant"),
+				"aria-expanded": E,
 				"data-testid": "assistant-sheet-handle",
 				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: /* @__PURE__ */ I(T.Provider, {
+				children: /* @__PURE__ */ I(fe.Provider, {
 					value: e.registerCloseGuard ?? null,
-					children: s ? s(B) : X(a, B)
+					children: o ? o(he) : ve(a, he)
 				})
 			})]
-		}), b && /* @__PURE__ */ I("button", {
+		}), oe && /* @__PURE__ */ I("button", {
+			ref: P,
 			type: "button",
-			onClick: E,
-			title: M("overlay.launcherTitle", "AI Assistant ({{shortcut}})", { shortcut: "Ctrl+Shift+A" }),
-			"aria-label": V,
-			"aria-haspopup": "dialog",
-			"aria-expanded": S,
+			onClick: ge,
+			title: x ? q : w("overlay.launcherTitle", "AI Assistant ({{shortcut}})", { shortcut: "Ctrl+Shift+A" }),
+			"aria-label": q,
+			"aria-haspopup": x ? void 0 : "dialog",
+			"aria-expanded": x ? y && !C : y,
 			"data-testid": "assistant-fab",
 			style: {
-				bottom: l(y),
-				right: u(k)
+				bottom: ee(_),
+				right: m(ue)
 			},
-			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__ */ I(F, {
+			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 " + (X === "hidden" ? "hidden" : X === "desktop-only" ? "hidden sm:inline-flex" : "inline-flex"),
+			children: h ?? /* @__PURE__ */ I(F, {
 				className: "size-6",
 				"aria-hidden": "true"
 			})
@@ -219,4 +420,4 @@ function Q({ state: e, panelId: i = "ai-assistant", panelProps: a, renderPanel:
 	});
 }
 //#endregion
-export { Z as AssistantOverlay, Y as AssistantOverlayProvider, B as useAssistantDockWidth, z as useAssistantOverlayOrNull, V as useAssistantPanelInset, q as useAssistantQuotaExhausted };
+export { ye as AssistantOverlay, _e as AssistantOverlayProvider, B as useAssistantDockWidth, z as useAssistantOverlayOrNull, V as useAssistantPanelInset, K as useAssistantQuotaExhausted };