bstp-agent-widget 0.2.64 → 0.2.65

package/dist/agent-widget.js

@@ -15427,29 +15427,29 @@ var Vy = { root: "m_8a5d1357" }, Hy = { order: 1 }, Uy = Mt((e, { order: t, size
 });
 Wy.classes = Vy, Wy.varsResolver = Uy, Wy.displayName = "@mantine/core/Title";
 var Gy = {
-	root: "_root_j8mpf_1",
-	resizeHandle: "_resizeHandle_j8mpf_15",
-	header: "_header_j8mpf_61",
-	headerLeft: "_headerLeft_j8mpf_72",
-	headerInfo: "_headerInfo_j8mpf_78",
-	orbContainer: "_orbContainer_j8mpf_84",
-	orbOuter: "_orbOuter_j8mpf_94",
-	orbPulse: "_orbPulse_j8mpf_1",
-	orbMiddle: "_orbMiddle_j8mpf_103",
-	orbInner: "_orbInner_j8mpf_112",
-	orbFloat: "_orbFloat_j8mpf_1",
-	headerMeta: "_headerMeta_j8mpf_124",
-	statusDot: "_statusDot_j8mpf_130",
-	statusText: "_statusText_j8mpf_144",
-	closeButton: "_closeButton_j8mpf_149",
-	topSubHeader: "_topSubHeader_j8mpf_153",
-	subHeaderLeft: "_subHeaderLeft_j8mpf_163",
-	subHeaderIcon: "_subHeaderIcon_j8mpf_169",
-	subHeaderTitle: "_subHeaderTitle_j8mpf_180",
-	subHeaderStatus: "_subHeaderStatus_j8mpf_186",
-	body: "_body_j8mpf_191",
-	title: "_title_j8mpf_199",
-	footer: "_footer_j8mpf_206"
+	root: "_root_18dn5_1",
+	resizeHandle: "_resizeHandle_18dn5_15",
+	header: "_header_18dn5_61",
+	headerLeft: "_headerLeft_18dn5_72",
+	headerInfo: "_headerInfo_18dn5_78",
+	orbContainer: "_orbContainer_18dn5_84",
+	orbOuter: "_orbOuter_18dn5_94",
+	orbPulse: "_orbPulse_18dn5_1",
+	orbMiddle: "_orbMiddle_18dn5_103",
+	orbInner: "_orbInner_18dn5_112",
+	orbFloat: "_orbFloat_18dn5_1",
+	headerMeta: "_headerMeta_18dn5_124",
+	statusDot: "_statusDot_18dn5_130",
+	statusText: "_statusText_18dn5_144",
+	closeButton: "_closeButton_18dn5_149",
+	topSubHeader: "_topSubHeader_18dn5_153",
+	subHeaderLeft: "_subHeaderLeft_18dn5_163",
+	subHeaderIcon: "_subHeaderIcon_18dn5_169",
+	subHeaderTitle: "_subHeaderTitle_18dn5_180",
+	subHeaderStatus: "_subHeaderStatus_18dn5_186",
+	body: "_body_18dn5_191",
+	title: "_title_18dn5_199",
+	footer: "_footer_18dn5_206"
 };
 //#endregion
 //#region node_modules/marked/lib/marked.esm.js
@@ -23635,13 +23635,14 @@ function RO({ ...e }) {
 }
 //#endregion
 //#region src/components/AgentChat/AgentChatPanel.tsx
-function zO({ visible: e, onClose: t, messages: n, composerText: r, onComposerTextChange: i, isLoading: a, error: o, canSend: s, onSubmit: c, isListening: l, isVoiceSupported: u, onToggleVoice: d, panelTitle: f, runtimeInfo: p, scrollViewportRef: m, panelWidth: h = 420, panelHeight: g = "100%", panelHeaderHeight: _ = 56, panelResizableWidth: v }) {
-	let y = v ? Math.max(280, h + v.offset) : h, b = p.hasCustomerToken && p.hasGenaiToken;
+function zO({ visible: e, onClose: t, messages: n, composerText: r, onComposerTextChange: i, isLoading: a, error: o, canSend: s, onSubmit: c, isListening: l, isVoiceSupported: u, onToggleVoice: d, panelTitle: f, runtimeInfo: p, scrollViewportRef: m, panelWidth: h = 420, panelHeight: g = "100%", panelHeaderHeight: _ = 56, panelResizableWidth: v, zIndex: y }) {
+	let b = v ? Math.max(280, h + v.offset) : h, x = p.hasCustomerToken && p.hasGenaiToken;
 	return e ? /* @__PURE__ */ E(Y, {
 		className: Gy.root,
 		style: {
-			width: y,
+			width: b,
 			height: g,
+			zIndex: y,
 			"--agent-widget-panel-header-height": `${_}px`
 		},
 		children: [
@@ -23678,10 +23679,10 @@ function zO({ visible: e, onClose: t, messages: n, composerText: r, onComposerTe
 							children: [/* @__PURE__ */ T(Y, {
 								className: Gy.statusDot,
 								"data-loading": a || void 0,
-								"data-online": b || void 0
+								"data-online": x || void 0
 							}), /* @__PURE__ */ T(Xd, {
 								className: Gy.statusText,
-								children: a ? "Typing…" : b ? "Online · Billing Intelligence" : "Offline"
+								children: a ? "Typing…" : x ? "Online · Billing Intelligence" : "Offline"
 							})]
 						})]
 					})]
@@ -23916,10 +23917,10 @@ function UO(e = {}) {
 	};
 }
 var WO = {
-	root: "_root_1r0du_1",
-	button: "_button_1r0du_5",
-	icon: "_icon_1r0du_22",
-	label: "_label_1r0du_28"
+	root: "_root_76f4f_2",
+	button: "_button_76f4f_7",
+	icon: "_icon_76f4f_24",
+	label: "_label_76f4f_30"
 };
 //#endregion
 //#region src/components/AgentChat/AgentChatFab.tsx
@@ -23928,11 +23929,10 @@ function GO({ onClick: e, zIndex: t, position: n, color: r, label: i }) {
 	return /* @__PURE__ */ T("div", {
 		className: WO.root,
 		style: {
-			bottom: `${n.bottom}px`,
-			right: `${n.right}px`,
-			zIndex: t,
 			transform: s,
-			touchAction: l
+			touchAction: l,
+			zIndex: t,
+			...n
 		},
 		children: /* @__PURE__ */ T(_v, {
 			label: "Open agent widget",
@@ -29009,7 +29009,13 @@ function zF(e = {}) {
 		defaultValue: t,
 		getInitialValueInEffect: !1
 	});
-	return {
+	return f(() => {
+		if (typeof document > "u") return;
+		let e = document.querySelector(".app-shell-content") || document.querySelector("main") || document.querySelector(".main-content") || document.body;
+		return r ? e?.classList.add("panel-open") : (e?.classList.remove("panel-open"), e?.style.removeProperty("margin-right")), () => {
+			e?.classList.remove("panel-open"), e?.style.removeProperty("margin-right");
+		};
+	}, [r]), {
 		isOpen: r,
 		open: u(() => {
 			i(!0);
@@ -29033,72 +29039,75 @@ var BF = {
 }, VF = 1e4;
 function HF({ ui: e }) {
 	RF();
-	let t = e?.panelWidth ?? 420, n = e?.panelHeight ?? "100%", r = e?.panelHeaderHeight ?? 56, i = {
+	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: a, open: o, close: s } = zF({
+	}, { isOpen: o, open: s, close: c } = zF({
 		defaultOpen: !1,
 		persist: !0
-	}), { messages: c, composerText: l, setComposerText: d, isLoading: p, error: m, sendMessage: h, sendInitialMessage: g, canSend: y } = OF(), { runtimeInfo: b, refreshRuntimeInfo: x } = kF(), S = MF([c.length, p]), { isListening: C, isSupported: D, startListening: O, stopListening: k, reset: A } = 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: d
-	}), j = _(() => /* @__PURE__ */ T(Xd, {
+		onTextChange: p
+	}), M = _(() => /* @__PURE__ */ T(Xd, {
 		fw: 800,
 		children: e?.panelTitle ?? "Agent Chat"
-	}), [e?.panelTitle]), M = v(!1), N = () => {
-		C && k(), A(), h(l);
-	}, P = () => {
-		C ? k() : (d(""), O());
+	}), [e?.panelTitle]), N = v(!1), P = () => {
+		D && A(), j(), g(d);
 	}, F = () => {
-		C && k(), s();
-	}, ee = async () => {
-		o(), M.current || (M.current = !0, await x(), await g());
+		D ? A() : (p(""), k());
+	}, ee = () => {
+		D && A(), c();
+	}, te = async () => {
+		s(), N.current || (N.current = !0, await S(), await y());
 	};
 	f(() => {
-		a && !M.current && (M.current = !0, (async () => {
-			await x(), await g();
+		o && !N.current && (N.current = !0, (async () => {
+			await S(), await y();
 		})());
-	}, [a]);
-	let te = AF({
+	}, [o]);
+	let I = AF({
 		axis: "x",
 		direction: -1,
 		onResizeChange: u((e) => {
 			let n = Math.max(280, t + e);
 			document.documentElement.style.setProperty("--agent-widget-panel-width", `${n}px`);
+			let r = document.querySelector(".app-shell-content") || document.querySelector("main") || document.querySelector(".main-content") || document.body;
+			r && (r.style.marginRight = `${n}px`);
 		}, [t])
 	});
 	return f(() => {
-		if (a) return document.documentElement.style.setProperty("--agent-widget-panel-width", `${t}px`), () => {
+		if (o) return document.documentElement.style.setProperty("--agent-widget-panel-width", `${t}px`), () => {
 			document.documentElement.style.removeProperty("--agent-widget-panel-width");
 		};
-	}, [a, t]), /* @__PURE__ */ E(w, { children: [!a && /* @__PURE__ */ T(GO, {
-		onClick: () => void ee(),
-		zIndex: VF,
-		position: i,
+	}, [o, t]), /* @__PURE__ */ E(w, { children: [!o && /* @__PURE__ */ T(GO, {
+		onClick: () => void te(),
+		zIndex: i,
+		position: a,
 		color: e?.accentColor,
 		label: e?.fabButtonLabel
-	}), a && /* @__PURE__ */ T(zO, {
+	}), o && /* @__PURE__ */ T(zO, {
 		visible: !0,
-		onClose: F,
-		messages: c,
-		composerText: l,
-		onComposerTextChange: d,
-		isLoading: p,
-		error: m,
-		canSend: y,
-		onSubmit: N,
-		isListening: C,
-		isVoiceSupported: D,
-		onToggleVoice: P,
-		panelTitle: j,
-		runtimeInfo: b,
-		scrollViewportRef: S,
+		onClose: ee,
+		messages: l,
+		composerText: d,
+		onComposerTextChange: p,
+		isLoading: m,
+		error: h,
+		canSend: b,
+		onSubmit: P,
+		isListening: D,
+		isVoiceSupported: O,
+		onToggleVoice: F,
+		panelTitle: M,
+		runtimeInfo: x,
+		scrollViewportRef: C,
 		panelWidth: t,
 		panelHeight: n,
 		panelHeaderHeight: r,
-		panelResizableWidth: te
+		panelResizableWidth: I,
+		zIndex: i
 	})] });
 }
 //#endregion