bstp-agent-widget 0.2.121 → 0.2.123

package/dist/element.mjs

@@ -54914,15 +54914,22 @@ function lU({ panelTitle: e, isLoading: t, isOnline: n, onClose: r }) {
 	});
 }
 var uU = {
-	root: "_root_98si9_1",
-	surface: "_surface_98si9_9",
-	resizeHandle: "_resizeHandle_98si9_22"
+	root: "_root_nkl8r_1",
+	surface: "_surface_nkl8r_9",
+	resizeHandle: "_resizeHandle_nkl8r_22"
 };
 //#endregion
 //#region package/src/internal/components/AgentPanel/AgentPanel.tsx
-function dU({ visible: e, onClose: t, messages: n, composerText: r, onComposerTextChange: i, isLoading: a, error: o, canSend: s, onSubmit: c, isListening: l, isVoiceSupported: u, onToggleVoice: d, actions: f, onActionClick: p, panelTitle: m, runtimeInfo: h, scrollViewportRef: g, actualWidth: _ = 420, floatingTop: v = "var(--mantine-custom-space-150)", floatingHeight: y = "100%", floatingMaxHeight: b = "calc(100vh - var(--mantine-custom-space-150) - var(--mantine-custom-space-150))", shellGap: x = "var(--mantine-custom-space-150)", panelHeaderHeight: S = 56, panelResizableWidth: C, zIndex: w }) {
-	let T = h.hasCustomerToken && h.hasGenaiToken;
-	return e ? /* @__PURE__ */ (0, U.jsxs)(q, {
+function dU({ visible: e, onClose: t, messages: n, composerText: r, onComposerTextChange: i, isLoading: a, error: o, canSend: s, onSubmit: c, isListening: l, isVoiceSupported: u, onToggleVoice: d, actions: f, onActionClick: p, panelTitle: m, runtimeInfo: h, scrollViewportRef: g, actualWidth: _ = 420, floatingTop: v = "var(--mantine-custom-space-150)", floatingHeight: y = "100%", floatingMaxHeight: b = "calc(100vh - var(--mantine-custom-space-150) - var(--mantine-custom-space-150))", shellGap: x = "var(--mantine-custom-space-150)", panelHeaderHeight: S = 56, panelResizableWidth: C, panelBorder: w, panelBorderRadius: T, zIndex: E }) {
+	let D = h.hasCustomerToken && h.hasGenaiToken, O = (e) => {
+		if (e.type === "action-click" && e.data) {
+			let t = f.find((t) => t.buttonText === e.data?.buttonText);
+			t && p(t);
+		}
+	};
+	if (!e) return null;
+	let k = typeof T == "number" ? `${T}px` : T;
+	return /* @__PURE__ */ (0, U.jsxs)(q, {
 		className: uU.root,
 		style: {
 			width: _,
@@ -54931,9 +54938,11 @@ function dU({ visible: e, onClose: t, messages: n, composerText: r, onComposerTe
 			maxHeight: b,
 			top: v,
 			right: x,
-			zIndex: w,
+			zIndex: E,
 			"--agent-widget-panel-header-height": `${S}px`,
-			"--agent-widget-shell-gap": x
+			"--agent-widget-shell-gap": x,
+			"--agent-widget-panel-border": w,
+			"--agent-widget-panel-radius": k
 		},
 		children: [C && /* @__PURE__ */ (0, U.jsx)(q, {
 			onPointerDown: C.handlePointerDown,
@@ -54945,7 +54954,7 @@ function dU({ visible: e, onClose: t, messages: n, composerText: r, onComposerTe
 				/* @__PURE__ */ (0, U.jsx)(lU, {
 					panelTitle: m,
 					isLoading: a,
-					isOnline: T,
+					isOnline: D,
 					onClose: t
 				}),
 				/* @__PURE__ */ (0, U.jsx)(ZH, {
@@ -54953,12 +54962,7 @@ function dU({ visible: e, onClose: t, messages: n, composerText: r, onComposerTe
 					isLoading: a,
 					error: o,
 					scrollViewportRef: g,
-					onWidgetEvent: (e) => {
-						if (e.type === "action-click" && e.data) {
-							let t = f.find((t) => t.buttonText === e.data?.buttonText);
-							t && p(t);
-						}
-					}
+					onWidgetEvent: O
 				}),
 				/* @__PURE__ */ (0, U.jsx)(aU, {
 					composerText: r,
@@ -54972,7 +54976,7 @@ function dU({ visible: e, onClose: t, messages: n, composerText: r, onComposerTe
 				})
 			]
 		})]
-	}) : null;
+	});
 }
 //#endregion
 //#region package/src/internal/hooks/useResolvedAgentType.ts
@@ -55486,15 +55490,22 @@ var XU = [
 	"body"
 ];
 function ZU(e, t, n, r, i) {
-	let a = (0, H.useRef)(Math.max(280, t ?? 420)), o = (0, H.useRef)(n ?? !1), s = (0, H.useRef)(null), c = (0, H.useCallback)(() => {
+	let a = (0, H.useRef)(Math.max(280, t ?? 420)), o = (0, H.useRef)(n ?? !1), s = (0, H.useRef)(null), c = e?.reserveLayoutSpace ?? !0, l = (0, H.useCallback)(() => {
 		let t = e?.hostContainerSelector, n = [...t ? t.split(",").map((e) => e.trim()).filter(Boolean) : [], ...XU];
 		for (let e of n) {
 			let t = document.querySelector(e);
 			if (t) return t;
 		}
 		return document.body;
-	}, [e?.hostContainerSelector]), l = (0, H.useCallback)((e) => {
+	}, [e?.hostContainerSelector]), u = (0, H.useCallback)((e) => {
 		let t = document.documentElement;
+		if (!c) {
+			if (t.style.removeProperty("--agent-widget-panel-width"), s.current) {
+				let { element: e, inlinePaddingBefore: t } = s.current;
+				e.style.paddingRight = t, s.current = null;
+			}
+			return;
+		}
 		if (e === null ? t.style.removeProperty("--agent-widget-panel-width") : t.style.setProperty("--agent-widget-panel-width", `${e}px`), e === null) {
 			if (s.current) {
 				let { element: e, inlinePaddingBefore: t } = s.current;
@@ -55503,7 +55514,7 @@ function ZU(e, t, n, r, i) {
 			return;
 		}
 		if (!s.current || !document.contains(s.current.element)) {
-			let e = c();
+			let e = l();
 			if (!e) return;
 			s.current = {
 				element: e,
@@ -55513,36 +55524,36 @@ function ZU(e, t, n, r, i) {
 		}
 		let { element: n, inlinePaddingBefore: r, widthApplied: i } = s.current;
 		e !== i && (n.style.paddingRight = r, n.style.paddingRight = `calc(${r || "0px"} + ${e}px)`, s.current.widthApplied = e);
-	}, [c]), u = YU({
+	}, [l, c]), d = YU({
 		axis: "x",
 		direction: -1,
 		onResizeChange: (0, H.useCallback)((e) => {
 			let n = Math.max(280, (t ?? 420) + e);
-			a.current = n, l(n);
-		}, [t, l])
+			a.current = n, u(n);
+		}, [t, u])
 	});
 	(0, H.useEffect)(() => {
 		o.current = n ?? !1;
 	}, [n]), (0, H.useEffect)(() => {
 		let e = Math.max(280, t ?? 420);
-		a.current = e, o.current && l(e);
-	}, [t, l]), (0, H.useEffect)(() => {
+		a.current = e, o.current && u(e);
+	}, [t, u]), (0, H.useEffect)(() => {
 		if (!n) {
-			l(null), document.documentElement.removeAttribute("data-agent-widget-open");
+			u(null), document.documentElement.removeAttribute("data-agent-widget-open");
 			return;
 		}
-		return l(a.current), document.documentElement.setAttribute("data-agent-widget-open", "true"), () => {
-			l(null), document.documentElement.removeAttribute("data-agent-widget-open");
+		return u(a.current), document.documentElement.setAttribute("data-agent-widget-open", "true"), () => {
+			u(null), document.documentElement.removeAttribute("data-agent-widget-open");
 		};
-	}, [n, l]);
-	let d = u ? Math.max(280, (t ?? 420) + u.offset) : t ?? 420, f = r === "100%" || r === "100vh", p = "var(--mantine-custom-space-150)", m = i ?? 0;
+	}, [n, u]);
+	let f = d ? Math.max(280, (t ?? 420) + d.offset) : t ?? 420, p = r === "100%" || r === "100vh", m = typeof e?.panelGap == "number" ? `${e.panelGap}px` : e?.panelGap ?? "var(--mantine-custom-space-150)", h = i ?? 0;
 	return {
-		panelResizableWidth: u,
-		actualWidth: d,
-		shellGap: p,
-		floatingTop: m ? `calc(${m}px + ${p})` : p,
-		floatingHeight: f ? `calc(100vh - ${m}px - ${p} - ${p})` : typeof r == "number" ? `${r}px` : r ?? "100%",
-		floatingMaxHeight: `calc(100vh - ${m}px - ${p} - ${p})`
+		panelResizableWidth: d,
+		actualWidth: f,
+		shellGap: m,
+		floatingTop: h ? `calc(${h}px + ${m})` : m,
+		floatingHeight: p ? `calc(100vh - ${h}px - ${m} - ${m})` : typeof r == "number" ? `${r}px` : r ?? "100%",
+		floatingMaxHeight: `calc(100vh - ${h}px - ${m} - ${m})`
 	};
 }
 //#endregion
@@ -55684,6 +55695,9 @@ function rW(e) {
 		panelHeight: e?.panelHeight ?? "100%",
 		panelHeaderHeight: e?.panelHeaderHeight ?? 56,
 		panelTopOffset: e?.panelTopOffset,
+		panelGap: e?.panelGap,
+		panelBorder: e?.panelBorder,
+		panelBorderRadius: e?.panelBorderRadius,
 		zIndex: e?.zIndex ?? nW,
 		fabPosition: {
 			...typeof e?.fabTopOffset == "number" ? { top: e.fabTopOffset } : { bottom: e?.fabBottomOffset ?? tW.bottom },
@@ -55876,69 +55890,71 @@ function vW(e = {}) {
 //#endregion
 //#region package/src/internal/features/agent-chat/components/AgentLauncher/AgentLauncher.tsx
 function yW({ runtime: e, uiOptions: t }) {
-	let n = e.forceReAuth, { isAuthenticating: r, hasToken: i } = _W(n), { panelWidth: a, panelHeight: o, panelHeaderHeight: s, panelTopOffset: c, zIndex: l, fabPosition: u } = rW(t), d = (0, H.useRef)(!1), { messages: f, composerText: p, setComposerText: m, isLoading: h, error: g, sendMessage: _, sendInitialMessage: v, agentDisplayName: y, canSend: b } = qU(), { actions: x, handleActionClick: S } = JU(f, m), { runtimeInfo: C, refreshRuntimeInfo: w } = QU(), { isOpen: T, open: E, close: D } = vW({
+	let n = e.forceReAuth, { isAuthenticating: r, hasToken: i } = _W(n), { panelWidth: a, panelHeight: o, panelHeaderHeight: s, panelTopOffset: c, panelBorder: l, panelBorderRadius: u, zIndex: d, fabPosition: f } = rW(t), p = (0, H.useRef)(!1), { messages: m, composerText: h, setComposerText: g, isLoading: _, error: v, sendMessage: y, sendInitialMessage: b, agentDisplayName: x, canSend: S } = qU(), { actions: C, handleActionClick: w } = JU(m, g), { runtimeInfo: T, refreshRuntimeInfo: E } = QU(), { isOpen: D, open: O, close: k } = vW({
 		defaultOpen: !1,
 		persist: !0,
 		onOpen: async () => {
-			d.current || (d.current = !0, await w());
+			p.current || (p.current = !0, await E());
 		}
 	});
 	(0, H.useEffect)(() => {
 		(async () => {
-			d.current && T && !r && i && await v() && (d.current = !1);
+			p.current && D && !r && i && await b() && (p.current = !1);
 		})();
 	}, [
-		T,
+		D,
 		r,
 		i,
-		v
+		b
 	]);
-	let O = oW([f.length, h]), { isListening: k, isSupported: A, startListening: j, stopListening: M, reset: N } = eW({
+	let A = oW([m.length, _]), { isListening: j, isSupported: M, startListening: N, stopListening: P, reset: ee } = eW({
 		lang: $U(),
 		continuous: !0,
 		pauseOnSubmit: !0,
-		onTextChange: m
-	}), { panelResizableWidth: P, actualWidth: ee, shellGap: F, floatingTop: I, floatingHeight: te, floatingMaxHeight: ne } = ZU(t, a, T, o, c), { handleSubmit: re, handleToggleVoice: ie, handleClose: L } = iW({
-		isListening: k,
-		stopListening: M,
-		reset: N,
-		sendMessage: _,
-		composerText: p,
-		setComposerText: m,
-		startListening: j,
-		close: D
-	});
-	return /* @__PURE__ */ (0, U.jsxs)(U.Fragment, { children: [!T && /* @__PURE__ */ (0, U.jsx)(BM, {
-		onClick: () => void E(),
-		zIndex: l,
-		position: u,
-		label: y
-	}), T && /* @__PURE__ */ (0, U.jsx)(dU, {
+		onTextChange: g
+	}), { panelResizableWidth: F, actualWidth: I, shellGap: te, floatingTop: ne, floatingHeight: re, floatingMaxHeight: ie } = ZU(t, a, D, o, c), { handleSubmit: L, handleToggleVoice: ae, handleClose: oe } = iW({
+		isListening: j,
+		stopListening: P,
+		reset: ee,
+		sendMessage: y,
+		composerText: h,
+		setComposerText: g,
+		startListening: N,
+		close: k
+	});
+	return /* @__PURE__ */ (0, U.jsxs)(U.Fragment, { children: [!D && /* @__PURE__ */ (0, U.jsx)(BM, {
+		onClick: () => void O(),
+		zIndex: d,
+		position: f,
+		label: x
+	}), D && /* @__PURE__ */ (0, U.jsx)(dU, {
 		visible: !0,
-		onClose: L,
-		messages: f,
-		composerText: p,
-		onComposerTextChange: m,
-		isLoading: h,
-		error: g,
-		canSend: b,
-		onSubmit: re,
-		actions: x,
-		onActionClick: S,
-		isListening: k,
-		isVoiceSupported: A,
-		onToggleVoice: ie,
-		panelTitle: y,
-		runtimeInfo: C,
-		scrollViewportRef: O,
-		actualWidth: ee,
-		floatingTop: I,
-		floatingHeight: te,
-		floatingMaxHeight: ne,
-		shellGap: F,
+		onClose: oe,
+		messages: m,
+		composerText: h,
+		onComposerTextChange: g,
+		isLoading: _,
+		error: v,
+		canSend: S,
+		onSubmit: L,
+		actions: C,
+		onActionClick: w,
+		isListening: j,
+		isVoiceSupported: M,
+		onToggleVoice: ae,
+		panelTitle: x,
+		runtimeInfo: T,
+		scrollViewportRef: A,
+		actualWidth: I,
+		floatingTop: ne,
+		floatingHeight: re,
+		floatingMaxHeight: ie,
+		shellGap: te,
 		panelHeaderHeight: s,
-		panelResizableWidth: P,
-		zIndex: l
+		panelResizableWidth: F,
+		panelBorder: l,
+		panelBorderRadius: u,
+		zIndex: d
 	})] });
 }
 //#endregion