bstp-agent-widget 0.2.68 → 0.2.70

package/dist/agent-widget.js

@@ -29047,21 +29047,29 @@ var BF = {
 ];
 function UF({ ui: e }) {
 	RF();
-	let t = e?.panelWidth ?? 420, n = e?.panelHeight ?? "100%", r = e?.panelHeaderHeight ?? 56, i = e?.zIndex ?? VF, a = {
-		bottom: e?.fabBottomOffset ?? BF.bottom,
-		right: e?.fabRightOffset ?? BF.right
-	}, { isOpen: o, open: s, close: c } = zF({
+	let t = e?.panelWidth ?? 420, n = e?.panelHeight ?? "100%", r = e?.panelHeaderHeight ?? 56, i = e?.zIndex ?? VF, a = e?.fabBottomOffset ?? BF.bottom, o = e?.fabRightOffset ?? BF.right, [s, c] = y(a), l = {
+		bottom: s,
+		right: o
+	}, { isOpen: d, open: p, close: m } = zF({
 		defaultOpen: !1,
 		persist: !0
-	}), { messages: l, composerText: d, setComposerText: p, isLoading: m, error: h, sendMessage: g, sendInitialMessage: y, canSend: b } = OF(), { runtimeInfo: x, refreshRuntimeInfo: S } = kF(), C = MF([l.length, m]), { isListening: D, isSupported: O, startListening: k, stopListening: A, reset: j } = NF({
+	}), { messages: h, composerText: g, setComposerText: b, isLoading: x, error: S, sendMessage: C, sendInitialMessage: D, canSend: O } = OF(), { runtimeInfo: k, refreshRuntimeInfo: A } = kF(), j = MF([h.length, x]), { isListening: M, isSupported: N, startListening: P, stopListening: F, reset: ee } = NF({
 		lang: PF(),
 		continuous: !0,
 		pauseOnSubmit: !0,
-		onTextChange: p
-	}), M = _(() => /* @__PURE__ */ T(Xd, {
+		onTextChange: b
+	}), te = _(() => /* @__PURE__ */ T(Xd, {
 		fw: 800,
 		children: e?.panelTitle ?? "Agent Chat"
-	}), [e?.panelTitle]), N = v(Math.max(280, t)), P = v(null), F = u(() => {
+	}), [e?.panelTitle]), I = v(Math.max(280, t)), L = v(null), R = u((e) => {
+		if (typeof window > "u") return;
+		if (!e) {
+			c(a);
+			return;
+		}
+		let t = e.getBoundingClientRect();
+		c(a + Math.max(0, window.innerHeight - t.bottom));
+	}, [a]), ne = u(() => {
 		if (typeof document > "u") return null;
 		let t = [...typeof e?.hostContainerSelector == "string" ? e.hostContainerSelector.split(",").map((e) => e.trim()).filter(Boolean) : [], ...HF];
 		for (let e of t) {
@@ -29069,88 +29077,101 @@ function UF({ ui: e }) {
 			if (t) return t;
 		}
 		return document.body;
-	}, [e?.hostContainerSelector]), ee = u((e) => {
+	}, [e?.hostContainerSelector]), re = u((e) => {
 		if (typeof document > "u") return;
 		let t = document.documentElement;
 		if (e === null ? t.style.removeProperty("--agent-widget-panel-width") : t.style.setProperty("--agent-widget-panel-width", `${e}px`), typeof window > "u") return;
 		if (e === null) {
-			if (P.current) {
-				let { element: e, inlinePaddingBefore: t, inlineWidthBefore: n } = P.current;
-				e.style.paddingRight = t, e.style.width = n, P.current = null;
+			if (L.current) {
+				let { element: e, inlinePaddingBefore: t, inlineWidthBefore: n } = L.current;
+				e.style.paddingRight = t, e.style.width = n, L.current = null;
 			}
+			R(null);
+			return;
+		}
+		let n = L.current?.element ?? null;
+		if ((!n || !document.contains(n)) && (n = ne(), L.current = null), !n) {
+			R(null);
 			return;
 		}
-		let n = P.current?.element ?? null;
-		(!n || !document.contains(n)) && (n = F(), P.current = null), n && (P.current ||= {
+		L.current ||= {
 			element: n,
 			inlinePaddingBefore: n.style.paddingRight,
 			inlineWidthBefore: n.style.width
-		}, n.style.paddingRight = "", n.style.width = `max(0px, calc(100vw - ${e}px))`);
-	}, [F]), te = v(!1), I = () => {
-		D && A(), j(), g(d);
-	}, L = () => {
-		D ? A() : (p(""), k());
-	}, R = () => {
-		D && A(), c();
-	}, ne = async () => {
-		s(), te.current || (te.current = !0, await S(), await y());
+		}, n.style.paddingRight = "", n.style.width = `max(0px, calc(100vw - ${e}px))`, R(n);
+	}, [ne, R]), ie = v(!1), ae = () => {
+		M && F(), ee(), C(g);
+	}, oe = () => {
+		M ? F() : (b(""), P());
+	}, z = () => {
+		M && F(), m();
+	}, se = async () => {
+		p(), ie.current || (ie.current = !0, await A(), await D());
 	};
 	f(() => {
-		o && !te.current && (te.current = !0, (async () => {
-			await S(), await y();
+		d && !ie.current && (ie.current = !0, (async () => {
+			await A(), await D();
 		})());
-	}, [o]);
-	let re = AF({
+	}, [d]);
+	let ce = AF({
 		axis: "x",
 		direction: -1,
 		onResizeChange: u((e) => {
 			let n = Math.max(280, t + e);
-			N.current = n, ee(n);
-		}, [t, ee])
+			I.current = n, re(n);
+		}, [t, re])
 	});
 	return f(() => {
 		let e = Math.max(280, t);
-		N.current = e, o && ee(e);
+		I.current = e, d && re(e);
 	}, [
 		t,
-		o,
-		ee
+		d,
+		re
 	]), f(() => {
 		if (!(typeof document > "u")) {
-			if (!o) {
-				ee(null), document.documentElement.removeAttribute("data-agent-widget-open");
+			if (!d) {
+				re(null), document.documentElement.removeAttribute("data-agent-widget-open");
 				return;
 			}
 			return document.documentElement.setAttribute("data-agent-widget-open", "true"), () => {
-				ee(null), document.documentElement.removeAttribute("data-agent-widget-open");
+				re(null), document.documentElement.removeAttribute("data-agent-widget-open");
 			};
 		}
-	}, [o, ee]), /* @__PURE__ */ E(w, { children: [!o && /* @__PURE__ */ T(GO, {
-		onClick: () => void ne(),
+	}, [d, re]), f(() => {
+		if (typeof window > "u") return;
+		let e = () => {
+			R(L.current?.element ?? ne() ?? null);
+		};
+		return window.addEventListener("resize", e), () => {
+			window.removeEventListener("resize", e);
+		};
+	}, [ne, R]), /* @__PURE__ */ E(w, { children: [!d && /* @__PURE__ */ T(GO, {
+		onClick: () => void se(),
 		zIndex: i,
-		position: a,
+		position: l,
 		color: e?.accentColor,
 		label: e?.fabButtonLabel
-	}), o && /* @__PURE__ */ T(zO, {
+	}), d && /* @__PURE__ */ T(zO, {
 		visible: !0,
-		onClose: R,
-		messages: l,
-		composerText: d,
-		onComposerTextChange: p,
-		isLoading: m,
-		error: h,
-		canSend: b,
-		onSubmit: I,
-		isListening: D,
-		isVoiceSupported: O,
-		onToggleVoice: L,
-		panelTitle: M,
-		runtimeInfo: x,
-		scrollViewportRef: C,
+		onClose: z,
+		messages: h,
+		composerText: g,
+		onComposerTextChange: b,
+		isLoading: x,
+		error: S,
+		canSend: O,
+		onSubmit: ae,
+		isListening: M,
+		isVoiceSupported: N,
+		onToggleVoice: oe,
+		panelTitle: te,
+		runtimeInfo: k,
+		scrollViewportRef: j,
 		panelWidth: t,
 		panelHeight: n,
 		panelHeaderHeight: r,
-		panelResizableWidth: re,
+		panelResizableWidth: ce,
 		zIndex: i
 	})] });
 }