bstp-agent-widget 0.2.70 → 0.2.72

package/dist/agent-widget.js

@@ -23917,23 +23917,28 @@ function UO(e = {}) {
 	};
 }
 var WO = {
-	root: "_root_76f4f_2",
-	button: "_button_76f4f_7",
-	icon: "_icon_76f4f_24",
-	label: "_label_76f4f_30"
+	root: "_root_1r0du_1",
+	button: "_button_1r0du_5",
+	icon: "_icon_1r0du_22",
+	label: "_label_1r0du_28"
 };
 //#endregion
 //#region src/components/AgentChat/AgentChatFab.tsx
 function GO({ onClick: e, zIndex: t, position: n, color: r, label: i }) {
-	let { handlePointerDown: a, style: o } = UO({ skipSelector: "" }), { transform: s, cursor: c, touchAction: l } = o, u = r ? r.includes("linear-gradient") ? r : `linear-gradient(135deg, ${r}, ${r})` : void 0;
+	let { handlePointerDown: a, style: o } = UO({ skipSelector: "" }), { transform: s, cursor: c, touchAction: l } = o, u = _(() => ({
+		transform: s,
+		touchAction: l,
+		zIndex: t,
+		...n
+	}), [
+		n,
+		l,
+		s,
+		t
+	]), d = r ? r.includes("linear-gradient") ? r : `linear-gradient(135deg, ${r}, ${r})` : void 0;
 	return /* @__PURE__ */ T("div", {
 		className: WO.root,
-		style: {
-			transform: s,
-			touchAction: l,
-			zIndex: t,
-			...n
-		},
+		style: u,
 		children: /* @__PURE__ */ T(_v, {
 			label: "Open agent widget",
 			position: "left",
@@ -23941,8 +23946,8 @@ function GO({ onClick: e, zIndex: t, position: n, color: r, label: i }) {
 				type: "button",
 				onClick: e,
 				onPointerDown: a,
-				style: u ? {
-					background: u,
+				style: d ? {
+					background: d,
 					cursor: c ?? "pointer"
 				} : { cursor: c ?? "pointer" },
 				className: WO.button,
@@ -29047,29 +29052,21 @@ 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 = 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({
+	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({
 		defaultOpen: !1,
 		persist: !0
-	}), { 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({
+	}), { 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({
 		lang: PF(),
 		continuous: !0,
 		pauseOnSubmit: !0,
-		onTextChange: b
-	}), te = _(() => /* @__PURE__ */ T(Xd, {
+		onTextChange: p
+	}), M = _(() => /* @__PURE__ */ T(Xd, {
 		fw: 800,
 		children: e?.panelTitle ?? "Agent Chat"
-	}), [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(() => {
+	}), [e?.panelTitle]), N = v(Math.max(280, t)), P = v(null), F = 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) {
@@ -29077,101 +29074,93 @@ function UF({ ui: e }) {
 			if (t) return t;
 		}
 		return document.body;
-	}, [e?.hostContainerSelector]), re = u((e) => {
+	}, [e?.hostContainerSelector]), ee = 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 (L.current) {
-				let { element: e, inlinePaddingBefore: t, inlineWidthBefore: n } = L.current;
-				e.style.paddingRight = t, e.style.width = n, L.current = null;
+			if (P.current) {
+				let { element: e, inlinePaddingBefore: t } = P.current;
+				e.style.paddingRight = t, P.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;
+		if (!P.current || !document.contains(P.current.element)) {
+			let e = F();
+			if (!e) return;
+			P.current = {
+				element: e,
+				inlinePaddingBefore: e.style.paddingRight,
+				widthApplied: 0
+			};
 		}
-		L.current ||= {
-			element: n,
-			inlinePaddingBefore: n.style.paddingRight,
-			inlineWidthBefore: n.style.width
-		}, 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());
+		let { element: n, inlinePaddingBefore: r, widthApplied: i } = P.current;
+		e !== i && (n.style.paddingRight = r, n.style.paddingRight = `calc(${r || "0px"} + ${e}px)`, P.current.widthApplied = e);
+	}, [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());
 	};
 	f(() => {
-		d && !ie.current && (ie.current = !0, (async () => {
-			await A(), await D();
+		o && !te.current && (te.current = !0, (async () => {
+			await S(), await y();
 		})());
-	}, [d]);
-	let ce = AF({
+	}, [o]);
+	let re = AF({
 		axis: "x",
 		direction: -1,
 		onResizeChange: u((e) => {
 			let n = Math.max(280, t + e);
-			I.current = n, re(n);
-		}, [t, re])
+			N.current = n, ee(n);
+		}, [t, ee])
 	});
 	return f(() => {
 		let e = Math.max(280, t);
-		I.current = e, d && re(e);
+		N.current = e, o && ee(e);
 	}, [
 		t,
-		d,
-		re
+		o,
+		ee
 	]), f(() => {
 		if (!(typeof document > "u")) {
-			if (!d) {
-				re(null), document.documentElement.removeAttribute("data-agent-widget-open");
+			if (!o) {
+				ee(null), document.documentElement.removeAttribute("data-agent-widget-open");
 				return;
 			}
 			return document.documentElement.setAttribute("data-agent-widget-open", "true"), () => {
-				re(null), document.documentElement.removeAttribute("data-agent-widget-open");
+				ee(null), document.documentElement.removeAttribute("data-agent-widget-open");
 			};
 		}
-	}, [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(),
+	}, [o, ee]), /* @__PURE__ */ E(w, { children: [!o && /* @__PURE__ */ T(GO, {
+		onClick: () => void ne(),
 		zIndex: i,
-		position: l,
+		position: a,
 		color: e?.accentColor,
 		label: e?.fabButtonLabel
-	}), d && /* @__PURE__ */ T(zO, {
+	}), o && /* @__PURE__ */ T(zO, {
 		visible: !0,
-		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,
+		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,
 		panelWidth: t,
 		panelHeight: n,
 		panelHeaderHeight: r,
-		panelResizableWidth: ce,
+		panelResizableWidth: re,
 		zIndex: i
 	})] });
 }