@burdenoff/fe-libs 2026.1029.10 → 2026.1030.1

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

@@ -2,216 +2,436 @@ 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 { 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 { 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 oe, isAssistantToggleShortcut as se, nextAssistantOpenState as _, publishedAssistantDockWidth as v, publishedAssistantPanelInset as ce, publishedCompactDockWidth as le, publishedCompactPanelInset as y, readAssistantLayoutChoice as ue, readAssistantLegacyDockChoice as de, readAssistantOverlayFlag as b, readAssistantWindowView as x, requestedAssistantOpenState as S, resolveCompactDocked as fe, writeAssistantLayoutChoice as C, writeAssistantOverlayFlag as w, writeAssistantWindowView as pe } from "./assistantOverlayState.js";
+import { useAssistantServerHistory as T } from "../history/useAssistantServerHistory.js";
+import { AssistantCloseGuardContext as E } from "./closeGuard.js";
+import { AIAssistantPanel as D } from "./AIAssistantPanel.js";
+import { useAssistantVisualViewport as me } from "./useAssistantVisualViewport.js";
+import { createContext as O, useCallback as k, useContext as A, useEffect as j, useMemo as M, useRef as N, useState as P, useSyncExternalStore as F } from "react";
+import { Sparkles as he } from "lucide-react";
 import { jsx as I, jsxs as L } from "react/jsx-runtime";
 //#region src/shared/assistant/ui/AssistantOverlay.tsx
-var R = D(null);
+var R = O(null);
 function z() {
-	return k(R);
+	return A(R);
 }
 function B() {
-	return k(R)?.dockWidthPx ?? 0;
+	return A(R)?.dockWidthPx ?? 0;
 }
 function V() {
-	return k(R)?.panelInsetPx ?? 0;
+	return A(R)?.panelInsetPx ?? 0;
 }
 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() {
-	return P(W, G, () => !1);
+function ge() {
+	return F(W, G, () => !1);
 }
-function q(t, n) {
-	let r = M(n);
-	A(() => {
+function K(t, n) {
+	let r = N(n);
+	j(() => {
 		r.current = n;
-	}, [n]), A(() => {
+	}, [n]), j(() => {
 		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);
-	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(() => {
+var _e = () => {};
+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 ve(e) {
+	return F(e ? q : Y, e ? J : X, X);
+}
+function Z({ keyPrefix: e, quota: t, presentation: n = "classic", children: r }) {
+	let i = M(() => re(e), [e]), o = M(() => p(e), [e]), s = n === "compact", l = N(s);
+	j(() => {
+		l.current = s;
+	}, [s]);
+	let [u, d] = P(() => b(H, i.openStorageKey)), [f, ee] = P(() => b(U, i.dockStorageKey)), [m, te] = P(() => {
+		if (!s) return "panel";
+		try {
+			let e = H()?.getItem(o.surfaceStorageKey);
+			return oe(e) ? e : "panel";
+		} catch {
+			return "panel";
+		}
+	}), [ne, h] = P(() => s && b(H, o.minimizedStorageKey)), g = s && u && m === "window" && ne, [ie, ae] = P(!1), T = s && u && m === "panel" && ie, [E, D] = P(() => s ? x(U, o.windowViewStorageKey) : null), me = k((e) => {
+		l.current && D(e);
+	}, []), [O] = P(() => s ? {
+		explicit: ue(U, o.layoutStorageKey),
+		legacy: de(U, i.dockStorageKey)
+	} : {
+		explicit: null,
+		legacy: null
+	}), [A, F] = P(null), he = ve(s), L = s ? fe({
+		explicit: A ?? O.explicit,
+		legacy: O.legacy,
+		wideViewport: he
+	}) : f, z = N(L);
+	j(() => {
+		z.current = L;
+	}, [L]);
+	let B = N(null), V = N(u);
+	j(() => {
+		V.current = u;
+	}, [u]);
+	let W = N(!1), G = u && (!s || m === "panel" && !g);
+	j(() => {
+		W.current = G;
+	}, [G]);
+	let q = k(() => {
+		let e = B.current?.() === !0;
+		return e && l.current && h(!1), e;
+	}, []), J = k((e) => (B.current = e, () => {
+		B.current === e && (B.current = null);
+	}), []), Y = k(() => {
+		d(!0), te("panel"), h(!1);
+	}, []), X = k(() => {
+		d(!1), h(!1), ae(!1);
+	}, []), Z = k(() => {
+		l.current ? Y() : d(!0);
+	}, [Y]), ye = k(() => {
+		q() || (l.current ? X() : d(!1));
+	}, [q, X]), be = k(() => {
+		if (l.current) {
+			if (W.current) {
+				if (q()) return;
+				X();
+			} else Y();
+			return;
+		}
+		V.current && q() || d((e) => !e);
+	}, [
+		q,
+		X,
+		Y
+	]), xe = k(() => {
+		if (l.current) {
+			let e = z.current ? "floating" : "docked";
+			z.current = e === "docked", F(e);
+			return;
+		}
+		ee((e) => !e);
+	}, []), Se = Z, Ce = k(() => {
+		if (!l.current) {
+			d(!0);
+			return;
+		}
+		W.current || (d(!0), te("window"), h(!1));
+	}, []), we = k(() => {
+		!l.current || !V.current || W.current || h(!0);
+	}, []);
+	j(() => {
+		w(H, i.openStorageKey, u);
+	}, [i.openStorageKey, u]), j(() => {
+		s || w(U, i.dockStorageKey, f);
+	}, [
+		s,
+		i.dockStorageKey,
+		f
+	]), j(() => {
+		!s || A === null || C(U, o.layoutStorageKey, A);
+	}, [
+		s,
+		o.layoutStorageKey,
+		A
+	]), j(() => {
+		!s || E === null || pe(U, o.windowViewStorageKey, E);
+	}, [
+		s,
+		o.windowViewStorageKey,
+		E
+	]), j(() => {
+		if (s) try {
+			H()?.setItem(o.surfaceStorageKey, m);
+		} catch {}
+	}, [
+		s,
+		o.surfaceStorageKey,
+		m
+	]), j(() => {
+		s && w(H, o.minimizedStorageKey, g);
+	}, [
+		s,
+		o.minimizedStorageKey,
+		g
+	]), j(() => {
 		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 ? Y() : t === !1 ? V.current && !q() && X() : W.current ? q() || X() : Y();
+				return;
+			}
+			V.current && !_(!0, t) && B.current?.() === !0 || d((e) => _(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,
+		Y,
+		X,
+		q
+	]), j(() => {
 		if (typeof document > "u") return;
 		let e = (e) => {
-			_(e) && (e.preventDefault(), !(d.current && u.current?.() === !0) && o((e) => !e));
+			if (se(e)) {
+				if (e.preventDefault(), l.current) {
+					W.current ? q() || X() : Y();
+					return;
+				}
+				V.current && B.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
+	}, [
+		Y,
+		X,
+		q
+	]), K(t?.product ?? null, t?.onExhausted ?? _e);
+	let Q = ge(), $ = s ? le({
+		isOpen: u,
+		docked: L,
+		isDesktop: Q,
+		surface: m,
+		expanded: T
+	}) : v({
+		isOpen: u,
+		docked: f,
+		isDesktop: Q
+	}), Te = s ? y({
+		isOpen: u,
+		docked: L,
+		isDesktop: Q,
+		surface: m,
+		expanded: T
+	}) : ce({
+		isOpen: u,
+		docked: f,
+		isDesktop: Q
 	});
-	A(() => {
+	j(() => {
 		if (typeof document > "u") return;
 		let e = document.documentElement.style;
-		return e.setProperty(i, `${D}px`), () => {
-			e.removeProperty(i);
+		return e.setProperty(a, `${$}px`), () => {
+			e.removeProperty(a);
 		};
-	}, [D]), A(() => {
+	}, [$]), j(() => {
 		if (typeof document > "u") return;
 		let e = document.documentElement.style;
-		return e.setProperty(s, `${k}px`), () => {
-			e.removeProperty(s);
+		return e.setProperty(c, `${Te}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
+	}, [Te]);
+	let Ee = M(() => ({
+		isOpen: u,
+		open: Z,
+		close: ye,
+		toggle: be,
+		docked: L,
+		toggleDock: xe,
+		dockWidthPx: $,
+		panelInsetPx: Te,
+		keys: i,
+		registerCloseGuard: J,
+		presentation: n,
+		surface: m,
+		minimized: g,
+		fullOpen: G,
+		openFull: Se,
+		openWindow: Ce,
+		minimize: we,
+		expanded: T,
+		setExpanded: ae,
+		windowView: s ? E : null,
+		setWindowView: me
 	}), [
-		a,
-		h,
+		u,
+		Z,
+		ye,
+		be,
+		L,
+		xe,
+		$,
+		Te,
+		i,
+		J,
+		n,
+		m,
 		g,
-		w,
-		c,
+		G,
+		Se,
+		Ce,
+		we,
 		T,
-		D,
-		k,
-		r,
-		m
+		s,
+		E,
+		me
 	]);
 	return /* @__PURE__ */ I(R.Provider, {
-		value: P,
-		children: n
+		value: Ee,
+		children: r
 	});
 }
-var X = (e, t) => /* @__PURE__ */ I(E, {
+var ye = (e, t) => /* @__PURE__ */ I(D, {
 	...e,
 	...t
 });
-function Z(e) {
+function be(e) {
 	let t = z();
-	return t ? /* @__PURE__ */ I(Q, {
+	return t ? /* @__PURE__ */ I(xe, {
 		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 xe({ state: e, panelId: i = "ai-assistant", panelProps: a, renderPanel: o, navigate: c, isShellLessTarget: p, topOffsetPx: re = 56, launcherIcon: h, launcherBottomInset: oe = "1.5rem", showLauncher: se = !0, closeOnEscape: _ = !0 }) {
+	let { isOpen: v, close: ce, toggle: le, docked: y, toggleDock: ue, dockWidthPx: de } = e, b = e.presentation === "compact", { surface: x, minimized: S, setExpanded: fe } = e, C = t();
+	T(a?.serverHistory === !0);
+	let [w, pe] = P(!1), D = N(null), O = N(null), A = ge(), [F, R] = P(0), [z, B] = P(0);
+	j(() => {
+		F !== 0 && D.current?.querySelector("[data-testid=\"assistant-input\"]")?.focus({ preventScroll: !0 });
+	}, [F]), j(() => {
+		z !== 0 && D.current?.querySelector("[data-testid=\"assistant-window-view-chat\"]")?.focus({ preventScroll: !0 });
+	}, [z]), me(D, b && v && !S && !A);
+	let V = N(a?.onExpandedChange);
+	j(() => {
+		V.current = a?.onExpandedChange;
+	});
+	let H = k((e) => {
+		fe(e), V.current?.(e);
+	}, [fe]), U = M(() => c ? ae({
+		navigate: c,
+		isShellLessTarget: p,
 		isDesktop: G,
-		collapseSheet: () => R(!1),
+		collapseSheet: () => pe(!1),
 		openInNewTab: (e) => window.open(e, "_blank", "noopener,noreferrer")
-	}) : void 0, [p, m]);
-	A(() => {
-		if (!S || !x) return;
+	}) : void 0, [c, p]), W = b && x === "window" ? e.minimize : ce;
+	j(() => {
+		if (!v || !_ || S) return;
 		let e = (e) => {
-			f({
+			ne({
 				key: e.key,
-				isOpen: S,
+				isOpen: v,
 				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);
 	}, [
+		v,
 		S,
-		C,
-		x
+		W,
+		_
 	]);
-	let B = {
+	let K = N(S);
+	j(() => {
+		if (b && S && !K.current) {
+			let e = document.activeElement;
+			(!e || e === document.body || D.current?.contains(e)) && O.current?.focus({ preventScroll: !0 });
+		}
+		K.current = S;
+	}, [b, S]);
+	let _e = {
 		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: !S,
+		onClose: ce,
+		docked: y,
+		onToggleDock: ue,
+		onNavigate: U,
+		isShellLessTarget: p,
+		...b ? {
+			presentation: "compact",
+			surface: x,
+			onOpenFull: e.openFull,
+			onMinimize: e.minimize,
+			onExpandedChange: H,
+			windowView: e.windowView,
+			onWindowViewChange: e.setWindowView
+		} : {}
+	}, q = b ? C("overlay.launcherQuick", "Open quick assistant") : C("overlay.launcher", "AI Assistant"), J = {
+		[s]: `${re}px`,
+		[l]: "var(--mobile-tabbar-height, 0px)"
+	}, Y = {
+		...J,
+		[u]: g(oe)
+	}, X = b ? d({
+		isOpen: v,
+		surface: x,
+		minimized: S
+	}) : v ? "desktop-only" : "always", ve = (t) => {
+		!b || e.fullOpen ? le() : v && !S ? e.minimize() : (e.openWindow(), A || t.detail === 0 ? R((e) => e + 1) : B((e) => e + 1));
 	};
 	return /* @__PURE__ */ L(r, {
 		preview: a?.preview,
-		children: [S && /* @__PURE__ */ L("div", {
-			className: d({
-				expanded: P,
-				docked: D
+		children: [v && /* @__PURE__ */ L("div", {
+			ref: D,
+			className: b ? f({
+				surface: x,
+				minimized: S,
+				docked: y,
+				expanded: e.expanded,
+				sheetExpanded: w
+			}) : te({
+				expanded: w,
+				docked: y
 			}),
-			style: H,
+			style: b ? Y : J,
 			"data-testid": "assistant-overlay",
+			...b ? {
+				id: i,
+				"data-surface": x,
+				...S ? {
+					hidden: !0,
+					inert: !0,
+					"data-minimized": ""
+				} : {}
+			} : {},
 			children: [/* @__PURE__ */ I("button", {
 				type: "button",
-				onClick: () => R((e) => !e),
+				onClick: () => pe((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": w ? C("sheet.collapse", "Shrink the assistant") : C("sheet.expand", "Expand the assistant"),
+				"aria-expanded": w,
 				"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(E.Provider, {
 					value: e.registerCloseGuard ?? null,
-					children: s ? s(B) : X(a, B)
+					children: o ? o(_e) : ye(a, _e)
 				})
 			})]
-		}), b && /* @__PURE__ */ I("button", {
+		}), se && /* @__PURE__ */ I("button", {
+			ref: O,
 			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: ve,
+			title: b ? q : C("overlay.launcherTitle", "AI Assistant ({{shortcut}})", { shortcut: "Ctrl+Shift+A" }),
+			"aria-label": q,
+			"aria-haspopup": b ? void 0 : "dialog",
+			"aria-expanded": b ? v && !S : v,
+			...b && v ? { "aria-controls": i } : {},
 			"data-testid": "assistant-fab",
 			style: {
-				bottom: l(y),
-				right: u(k)
+				bottom: ee(oe),
+				right: m(de)
 			},
-			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(he, {
 				className: "size-6",
 				"aria-hidden": "true"
 			})
@@ -219,4 +439,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 { be as AssistantOverlay, Z as AssistantOverlayProvider, B as useAssistantDockWidth, z as useAssistantOverlayOrNull, V as useAssistantPanelInset, K as useAssistantQuotaExhausted };