@burdenoff/fe-libs 2026.1013.13 → 2026.1014.1

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

@@ -2,92 +2,92 @@ import { useAssistantTr as e } from "../i18n.js";
 import { quotaExhaustedEventName as t } from "../quota.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, aboveAssistantBottomChrome as c, assistantOverlayClassName as l, assistantOverlayEscapeAction as u, assistantOverlayKeys as d, assistantQuotaKindOf as f, closestAround as p, createAssistantNavigate as m, isAssistantToggleShortcut as h, nextAssistantOpenState as g, publishedAssistantDockWidth as _, publishedAssistantPanelInset as v, readAssistantOverlayFlag as y, requestedAssistantOpenState as b, writeAssistantOverlayFlag as x } from "./assistantOverlayState.js";
-import { useAssistantServerHistory as S } from "../history/useAssistantServerHistory.js";
-import { AIAssistantPanel as C } from "./AIAssistantPanel.js";
-import { createContext as w, useCallback as T, useContext as E, useEffect as D, useMemo as O, useRef as k, useState as A, useSyncExternalStore as j } from "react";
-import { Sparkles as M } from "lucide-react";
-import { jsx as N, jsxs as P } from "react/jsx-runtime";
+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, aboveAssistantBottomChrome as l, assistantOverlayClassName as u, assistantOverlayEscapeAction as d, assistantOverlayKeys as f, assistantQuotaKindOf as p, closestAround as m, createAssistantNavigate as h, isAssistantToggleShortcut as g, nextAssistantOpenState as _, publishedAssistantDockWidth as v, publishedAssistantPanelInset as y, readAssistantOverlayFlag as b, requestedAssistantOpenState as x, writeAssistantOverlayFlag as S } from "./assistantOverlayState.js";
+import { useAssistantServerHistory as C } from "../history/useAssistantServerHistory.js";
+import { AIAssistantPanel as w } from "./AIAssistantPanel.js";
+import { createContext as T, useCallback as E, useContext as D, useEffect as O, useMemo as k, useRef as A, useState as j, useSyncExternalStore as M } from "react";
+import { Sparkles as N } from "lucide-react";
+import { jsx as P, jsxs as F } from "react/jsx-runtime";
 //#region src/shared/assistant/ui/AssistantOverlay.tsx
-var F = w(null);
-function I() {
-	return E(F);
-}
+var I = T(null);
 function L() {
-	return E(F)?.dockWidthPx ?? 0;
+	return D(I);
 }
 function R() {
-	return E(F)?.panelInsetPx ?? 0;
+	return D(I)?.dockWidthPx ?? 0;
+}
+function z() {
+	return D(I)?.panelInsetPx ?? 0;
 }
-var z = () => typeof window > "u" ? void 0 : window.sessionStorage, B = () => typeof window > "u" ? void 0 : window.localStorage;
-function V(e) {
+var B = () => typeof window > "u" ? void 0 : window.sessionStorage, V = () => typeof window > "u" ? void 0 : window.localStorage;
+function H(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 H() {
+function U() {
 	return typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(min-width: 640px)").matches;
 }
-function U() {
-	return j(V, H, () => !1);
+function W() {
+	return M(H, U, () => !1);
 }
-function W(e, n) {
-	let r = k(n);
-	D(() => {
+function G(e, n) {
+	let r = A(n);
+	O(() => {
 		r.current = n;
-	}, [n]), D(() => {
+	}, [n]), O(() => {
 		if (!e || typeof window > "u") return;
-		let n = t(e), i = (e) => r.current(f(e), e);
+		let n = t(e), i = (e) => r.current(p(e), e);
 		return window.addEventListener(n, i), () => window.removeEventListener(n, i);
 	}, [e]);
 }
-var G = () => {};
-function K({ keyPrefix: e, quota: t, children: n }) {
-	let r = O(() => d(e), [e]), [a, o] = A(() => y(z, r.openStorageKey)), [c, l] = A(() => y(B, r.dockStorageKey)), u = T(() => o(!0), []), f = T(() => o(!1), []), p = T(() => o((e) => !e), []), m = T(() => l((e) => !e), []);
-	D(() => {
-		x(z, r.openStorageKey, a);
-	}, [r.openStorageKey, a]), D(() => {
-		x(B, r.dockStorageKey, c);
-	}, [r.dockStorageKey, c]), D(() => {
+var K = () => {};
+function q({ keyPrefix: e, quota: t, children: n }) {
+	let r = k(() => f(e), [e]), [a, o] = j(() => b(B, r.openStorageKey)), [c, l] = j(() => b(V, r.dockStorageKey)), u = E(() => o(!0), []), d = E(() => o(!1), []), p = E(() => o((e) => !e), []), m = E(() => l((e) => !e), []);
+	O(() => {
+		S(B, r.openStorageKey, a);
+	}, [r.openStorageKey, a]), O(() => {
+		S(V, r.dockStorageKey, c);
+	}, [r.dockStorageKey, c]), O(() => {
 		if (typeof window > "u") return;
 		let e = (e) => {
-			let t = b(e);
-			o((e) => g(e, t));
+			let t = x(e);
+			o((e) => _(e, t));
 		};
 		return window.addEventListener(r.toggleEvent, e), () => window.removeEventListener(r.toggleEvent, e);
-	}, [r.toggleEvent]), D(() => {
+	}, [r.toggleEvent]), O(() => {
 		if (typeof document > "u") return;
 		let e = (e) => {
-			h(e) && (e.preventDefault(), o((e) => !e));
+			g(e) && (e.preventDefault(), o((e) => !e));
 		};
 		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
-	}, []), W(t?.product ?? null, t?.onExhausted ?? G);
-	let S = U(), C = _({
+	}, []), G(t?.product ?? null, t?.onExhausted ?? K);
+	let h = W(), C = v({
 		isOpen: a,
 		docked: c,
-		isDesktop: S
-	}), w = v({
+		isDesktop: h
+	}), w = y({
 		isOpen: a,
 		docked: c,
-		isDesktop: S
+		isDesktop: h
 	});
-	D(() => {
+	O(() => {
 		if (typeof document > "u") return;
 		let e = document.documentElement.style;
 		return e.setProperty(i, `${C}px`), () => {
 			e.removeProperty(i);
 		};
-	}, [C]), D(() => {
+	}, [C]), O(() => {
 		if (typeof document > "u") return;
 		let e = document.documentElement.style;
 		return e.setProperty(s, `${w}px`), () => {
 			e.removeProperty(s);
 		};
 	}, [w]);
-	let E = O(() => ({
+	let T = k(() => ({
 		isOpen: a,
 		open: u,
-		close: f,
+		close: d,
 		toggle: p,
 		docked: c,
 		toggleDock: m,
@@ -97,7 +97,7 @@ function K({ keyPrefix: e, quota: t, children: n }) {
 	}), [
 		a,
 		u,
-		f,
+		d,
 		p,
 		c,
 		m,
@@ -105,87 +105,90 @@ function K({ keyPrefix: e, quota: t, children: n }) {
 		w,
 		r
 	]);
-	return /* @__PURE__ */ N(F.Provider, {
-		value: E,
+	return /* @__PURE__ */ P(I.Provider, {
+		value: T,
 		children: n
 	});
 }
-var q = (e, t) => /* @__PURE__ */ N(C, {
+var J = (e, t) => /* @__PURE__ */ P(w, {
 	...e,
 	...t
 });
-function J(e) {
-	let t = I();
-	return t ? /* @__PURE__ */ N(Y, {
+function Y(e) {
+	let t = L();
+	return t ? /* @__PURE__ */ P(X, {
 		state: t,
 		...e
 	}) : null;
 }
-function Y({ state: t, panelId: i = "ai-assistant", panelProps: a, renderPanel: s, navigate: d, isShellLessTarget: f, topOffsetPx: h = 56, launcherIcon: g, launcherBottomInset: _ = "1.5rem", showLauncher: v = !0 }) {
-	let { isOpen: y, close: b, toggle: x, docked: C, toggleDock: w } = t, T = e();
-	S(a?.serverHistory === !0);
-	let [E, k] = A(!1), j = O(() => d ? m({
-		navigate: d,
-		isShellLessTarget: f,
-		isDesktop: H,
-		collapseSheet: () => k(!1),
+function X({ state: t, panelId: i = "ai-assistant", panelProps: a, renderPanel: s, navigate: f, isShellLessTarget: p, topOffsetPx: g = 56, launcherIcon: _, launcherBottomInset: v = "1.5rem", showLauncher: y = !0 }) {
+	let { isOpen: b, close: x, toggle: S, docked: w, toggleDock: T } = t, E = e();
+	C(a?.serverHistory === !0);
+	let [D, A] = j(!1), M = k(() => f ? h({
+		navigate: f,
+		isShellLessTarget: p,
+		isDesktop: U,
+		collapseSheet: () => A(!1),
 		openInNewTab: (e) => window.open(e, "_blank", "noopener,noreferrer")
-	}) : void 0, [d, f]);
-	D(() => {
-		if (!y) return;
+	}) : void 0, [f, p]);
+	O(() => {
+		if (!b) return;
 		let e = (e) => {
-			u({
+			d({
 				key: e.key,
-				isOpen: y,
+				isOpen: b,
 				alreadyHandled: e.defaultPrevented,
 				dialogOpen: document.querySelector("[role=\"dialog\"],[role=\"alertdialog\"],dialog[open]") !== null,
-				pressedInsideDialog: p(e.target, "[role=\"dialog\"],[role=\"alertdialog\"],dialog[open]") !== null,
+				pressedInsideDialog: m(e.target, "[role=\"dialog\"],[role=\"alertdialog\"],dialog[open]") !== null,
 				panelOwnsEscape: n()
-			}) === "close" && (e.preventDefault(), b());
+			}) === "close" && (e.preventDefault(), x());
 		};
 		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
-	}, [y, b]);
-	let F = {
+	}, [b, x]);
+	let I = {
 		panelId: i,
 		visible: !0,
-		onClose: b,
-		docked: C,
-		onToggleDock: w,
-		onNavigate: j,
-		isShellLessTarget: f
-	}, I = T("overlay.launcher", "AI Assistant"), L = { [o]: `${h}px` };
-	return /* @__PURE__ */ P(r, {
+		onClose: x,
+		docked: w,
+		onToggleDock: T,
+		onNavigate: M,
+		isShellLessTarget: p
+	}, L = E("overlay.launcher", "AI Assistant"), R = {
+		[o]: `${g}px`,
+		[c]: "var(--mobile-tabbar-height, 0px)"
+	};
+	return /* @__PURE__ */ F(r, {
 		preview: a?.preview,
-		children: [y && /* @__PURE__ */ P("div", {
-			className: l({
-				expanded: E,
-				docked: C
+		children: [b && /* @__PURE__ */ F("div", {
+			className: u({
+				expanded: D,
+				docked: w
 			}),
-			style: L,
+			style: R,
 			"data-testid": "assistant-overlay",
-			children: [/* @__PURE__ */ N("button", {
+			children: [/* @__PURE__ */ P("button", {
 				type: "button",
-				onClick: () => k((e) => !e),
+				onClick: () => A((e) => !e),
 				className: "flex w-full shrink-0 justify-center pt-2 pb-1 sm:hidden",
-				"aria-label": E ? T("sheet.collapse", "Shrink the assistant") : T("sheet.expand", "Expand the assistant"),
-				"aria-expanded": E,
+				"aria-label": D ? E("sheet.collapse", "Shrink the assistant") : E("sheet.expand", "Expand the assistant"),
+				"aria-expanded": D,
 				"data-testid": "assistant-sheet-handle",
-				children: /* @__PURE__ */ N("span", { className: "h-1.5 w-10 rounded-full bg-border-strong" })
-			}), /* @__PURE__ */ N("div", {
+				children: /* @__PURE__ */ P("span", { className: "h-1.5 w-10 rounded-full bg-border-strong" })
+			}), /* @__PURE__ */ P("div", {
 				className: "flex min-h-0 flex-1 flex-col",
-				children: s ? s(F) : q(a, F)
+				children: s ? s(I) : J(a, I)
 			})]
-		}), v && /* @__PURE__ */ N("button", {
+		}), y && /* @__PURE__ */ P("button", {
 			type: "button",
-			onClick: x,
-			title: T("overlay.launcherTitle", "AI Assistant ({{shortcut}})", { shortcut: "Ctrl+Shift+A" }),
-			"aria-label": I,
+			onClick: S,
+			title: E("overlay.launcherTitle", "AI Assistant ({{shortcut}})", { shortcut: "Ctrl+Shift+A" }),
+			"aria-label": L,
 			"aria-haspopup": "dialog",
-			"aria-expanded": y,
+			"aria-expanded": b,
 			"data-testid": "assistant-fab",
-			style: { bottom: c(_) },
-			className: "fixed right-6 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 " + (y ? "hidden sm:inline-flex" : "inline-flex"),
-			children: g ?? /* @__PURE__ */ N(M, {
+			style: { bottom: l(v) },
+			className: "fixed right-6 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 " + (b ? "hidden sm:inline-flex" : "inline-flex"),
+			children: _ ?? /* @__PURE__ */ P(N, {
 				className: "size-6",
 				"aria-hidden": "true"
 			})
@@ -193,4 +196,4 @@ function Y({ state: t, panelId: i = "ai-assistant", panelProps: a, renderPanel:
 	});
 }
 //#endregion
-export { J as AssistantOverlay, K as AssistantOverlayProvider, L as useAssistantDockWidth, I as useAssistantOverlayOrNull, R as useAssistantPanelInset, W as useAssistantQuotaExhausted };
+export { Y as AssistantOverlay, q as AssistantOverlayProvider, R as useAssistantDockWidth, L as useAssistantOverlayOrNull, z as useAssistantPanelInset, G as useAssistantQuotaExhausted };

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

@@ -122,6 +122,18 @@ export declare const ASSISTANT_DOCK_WIDTH_PX = 440;
  * own right-hand surface (a preview pane) pads by it to stay clear of the dock.
  */
 export declare const ASSISTANT_DOCK_WIDTH_VAR = "--assistant-dock-width";
+/**
+ * CSS custom property on the sheet carrying the PHONE sheet's bottom offset.
+ *
+ * ★ The installed app's `MobileTabBar` is `fixed z-[60]`, above the sheet's
+ * `z-50`, so a sheet pinned to `bottom-0` has its composer painted over by the
+ * tab bar. The sheet rests on top of the bar instead. The tab bar's measured
+ * height already includes the safe area (see
+ * `ASSISTANT_BOTTOM_CHROME_CLEARANCE`), so it is not added again; with no tab
+ * bar the variable is 0px and the sheet keeps the bottom edge. Every `sm:`
+ * layout sets its own `bottom-*`, so desktop never reads it.
+ */
+export declare const ASSISTANT_SHEET_BOTTOM_VAR = "--assistant-sheet-bottom";
 /** CSS custom property on the sheet carrying the docked panel's top offset. */
 export declare const ASSISTANT_OVERLAY_TOP_VAR = "--assistant-overlay-top";
 /** Default top offset for the docked panel: a 3.5rem (56px) shell header. */

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

@@ -33,23 +33,23 @@ var u = "max(var(--mobile-tabbar-height, 0px), var(--safe-bottom, 0px), env(safe
 function d(e) {
 	return `calc(${e} + ${u})`;
 }
-var f = 440, p = "--assistant-dock-width", m = "--assistant-overlay-top", h = 56, g = "(min-width: 640px)";
-function _(e) {
+var f = 440, p = "--assistant-dock-width", m = "--assistant-sheet-bottom", h = "--assistant-overlay-top", g = 56, _ = "(min-width: 640px)";
+function v(e) {
 	return e.isOpen && e.docked && e.isDesktop ? 440 : 0;
 }
-var v = 520, y = 24, b = "--assistant-panel-inset";
-function x(e) {
+var y = 520, b = 24, x = "--assistant-panel-inset";
+function S(e) {
 	return !e.isOpen || !e.isDesktop ? 0 : e.docked ? 440 : 544;
 }
-var S = "fixed z-50 flex flex-col overflow-hidden border border-border-default bg-bg-surface shadow-2xl inset-x-0 bottom-0 top-auto rounded-t-2xl animate-in slide-in-from-bottom-4 fade-in duration-200", C = "h-[60vh] max-h-[60vh]", w = "h-[88vh] max-h-[88vh]", T = "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)]", E = "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 D(e) {
+var C = "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", w = "h-[60vh] max-h-[60vh]", T = "h-[88vh] max-h-[88vh]", E = "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)]", D = "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 O(e) {
 	return [
-		S,
-		e.expanded ? w : C,
-		e.docked ? E : T
+		C,
+		e.expanded ? T : w,
+		e.docked ? D : E
 	].join(" ");
 }
-function O(t) {
+function k(t) {
 	return (n, r) => {
 		if (t.isShellLessTarget?.(n)) return t.openInNewTab(n), { kind: "new-tab" };
 		let i = e(r);
@@ -60,22 +60,22 @@ function O(t) {
 		} : (t.navigate(n), t.isDesktop() || t.collapseSheet(), { kind: "routed" });
 	};
 }
-function k(e) {
+function A(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 A(e, t) {
+function j(e, t) {
 	try {
 		return e()?.getItem(t) === "1";
 	} catch {
 		return !1;
 	}
 }
-function j(e, t, n) {
+function M(e, t, n) {
 	try {
 		e()?.setItem(t, n ? "1" : "0");
 	} catch {}
 }
 //#endregion
-export { u as ASSISTANT_BOTTOM_CHROME_CLEARANCE, o as ASSISTANT_DIALOG_SELECTOR, E as ASSISTANT_DOCKED_DESKTOP_CLASS, f as ASSISTANT_DOCK_WIDTH_PX, p as ASSISTANT_DOCK_WIDTH_VAR, T as ASSISTANT_FLOATING_DESKTOP_CLASS, y as ASSISTANT_FLOATING_RIGHT_PX, v as ASSISTANT_FLOATING_WIDTH_PX, h as ASSISTANT_OVERLAY_DEFAULT_TOP_PX, g as ASSISTANT_OVERLAY_DESKTOP_QUERY, m as ASSISTANT_OVERLAY_TOP_VAR, b as ASSISTANT_PANEL_INSET_VAR, S as ASSISTANT_SHEET_BASE_CLASS, C as ASSISTANT_SHEET_COMPACT_CLASS, w as ASSISTANT_SHEET_EXPANDED_CLASS, i as ASSISTANT_TOGGLE_SHORTCUT_LABEL, d as aboveAssistantBottomChrome, D as assistantOverlayClassName, l as assistantOverlayEscapeAction, t as assistantOverlayKeys, k as assistantQuotaKindOf, s as closestAround, O as createAssistantNavigate, a as isAssistantToggleShortcut, r as nextAssistantOpenState, _ as publishedAssistantDockWidth, x as publishedAssistantPanelInset, A as readAssistantOverlayFlag, n as requestedAssistantOpenState, j as writeAssistantOverlayFlag };
+export { u as ASSISTANT_BOTTOM_CHROME_CLEARANCE, o as ASSISTANT_DIALOG_SELECTOR, D as ASSISTANT_DOCKED_DESKTOP_CLASS, f as ASSISTANT_DOCK_WIDTH_PX, p as ASSISTANT_DOCK_WIDTH_VAR, E as ASSISTANT_FLOATING_DESKTOP_CLASS, b as ASSISTANT_FLOATING_RIGHT_PX, y as ASSISTANT_FLOATING_WIDTH_PX, g as ASSISTANT_OVERLAY_DEFAULT_TOP_PX, _ as ASSISTANT_OVERLAY_DESKTOP_QUERY, h as ASSISTANT_OVERLAY_TOP_VAR, x as ASSISTANT_PANEL_INSET_VAR, C as ASSISTANT_SHEET_BASE_CLASS, m as ASSISTANT_SHEET_BOTTOM_VAR, w as ASSISTANT_SHEET_COMPACT_CLASS, T as ASSISTANT_SHEET_EXPANDED_CLASS, i as ASSISTANT_TOGGLE_SHORTCUT_LABEL, d as aboveAssistantBottomChrome, O as assistantOverlayClassName, l as assistantOverlayEscapeAction, t as assistantOverlayKeys, A as assistantQuotaKindOf, s as closestAround, k as createAssistantNavigate, a as isAssistantToggleShortcut, r as nextAssistantOpenState, v as publishedAssistantDockWidth, S as publishedAssistantPanelInset, j as readAssistantOverlayFlag, n as requestedAssistantOpenState, M as writeAssistantOverlayFlag };