bstp-agent-widget 0.2.48 → 0.2.50

package/dist/agent-widget.js

@@ -15691,15 +15691,15 @@ var ub = ({ ...e }) => {
 };
 ub.Body = cb, ub.Footer = lb;
 var db = {
-	root: "_root_1i7u8_1",
-	inner: "_inner_1i7u8_6",
-	content: "_content_1i7u8_12",
-	header: "_header_1i7u8_20",
-	headerMeta: "_headerMeta_1i7u8_32",
-	statusDot: "_statusDot_1i7u8_39",
-	topSubHeader: "_topSubHeader_1i7u8_46",
-	body: "_body_1i7u8_57",
-	title: "_title_1i7u8_62"
+	root: "_root_emg6a_1",
+	inner: "_inner_emg6a_6",
+	content: "_content_emg6a_12",
+	header: "_header_emg6a_20",
+	headerMeta: "_headerMeta_emg6a_32",
+	statusDot: "_statusDot_emg6a_39",
+	topSubHeader: "_topSubHeader_emg6a_46",
+	body: "_body_emg6a_57",
+	title: "_title_emg6a_62"
 };
 //#endregion
 //#region node_modules/marked/lib/marked.esm.js
@@ -23750,8 +23750,8 @@ function YO({ ...e }) {
 }
 //#endregion
 //#region src/components/AgentChat/AgentChatDrawer.tsx
-function XO({ opened: e, onClose: t, zIndex: n, withinPortal: r, withOverlay: i = !0, messages: a, composerText: o, onComposerTextChange: s, isLoading: c, error: l, canSend: u, onSubmit: d, isListening: p, isVoiceSupported: m, onToggleVoice: h, drawerTitle: g, runtimeInfo: _, scrollViewportRef: v, drawerDraggable: y, drawerResizableWidth: b, drawerResizableHeight: x, drawerBaseWidth: S = 420, topOffset: C = 0, drawerRightOffset: D = 0, drawerBorderRadius: O = 0, drawerShadow: k = !1 }) {
-	let A = Math.max(280, S + b.offset), j = _.hasCustomerToken && _.hasGenaiToken;
+function XO({ opened: e, onClose: t, zIndex: n, withinPortal: r, withOverlay: i = !0, messages: a, composerText: o, onComposerTextChange: s, isLoading: c, error: l, canSend: u, onSubmit: d, isListening: p, isVoiceSupported: m, onToggleVoice: h, drawerTitle: g, runtimeInfo: _, scrollViewportRef: v, drawerDraggable: y, drawerResizableWidth: b, drawerResizableHeight: x, drawerBaseWidth: S = 420, topOffset: C = 0, drawerRightOffset: D = 0, drawerBorderRadius: O = 0, drawerShadow: k = !1, drawerHeaderHeight: A = 56 }) {
+	let j = Math.max(280, S + b.offset), M = _.hasCustomerToken && _.hasGenaiToken;
 	return f(() => {
 		if (typeof document > "u") return;
 		let t = document.documentElement;
@@ -23759,13 +23759,13 @@ function XO({ opened: e, onClose: t, zIndex: n, withinPortal: r, withOverlay: i
 			t.style.setProperty("--agent-widget-drawer-width", "0px");
 			return;
 		}
-		return t.style.setProperty("--agent-widget-drawer-width", `${A}px`), () => {
+		return t.style.setProperty("--agent-widget-drawer-width", `${j}px`), () => {
 			t.style.setProperty("--agent-widget-drawer-width", "0px");
 		};
-	}, [e, A]), /* @__PURE__ */ T(w, { children: /* @__PURE__ */ E(ub, {
+	}, [e, j]), /* @__PURE__ */ T(w, { children: /* @__PURE__ */ E(ub, {
 		opened: e,
 		onClose: t,
-		size: A,
+		size: j,
 		zIndex: n,
 		withinPortal: r,
 		overlayProps: i ? {
@@ -23783,14 +23783,16 @@ function XO({ opened: e, onClose: t, zIndex: n, withinPortal: r, withOverlay: i
 		classNames: {
 			root: db.root,
 			inner: db.inner,
-			content: db.content
+			content: db.content,
+			header: db.header
 		},
 		styles: { content: {
 			marginTop: C,
 			marginRight: D,
 			height: `calc(100dvh - ${C}px)`,
 			borderRadius: O,
-			boxShadow: k ? "0 16px 40px rgba(15, 23, 42, 0.24)" : "none"
+			boxShadow: k ? "0 16px 40px rgba(15, 23, 42, 0.24)" : "none",
+			"--agent-widget-drawer-header-height": `${A}px`
 		} },
 		title: /* @__PURE__ */ E(Y, { children: [/* @__PURE__ */ T(Xd, {
 			className: db.title,
@@ -23799,11 +23801,11 @@ function XO({ opened: e, onClose: t, zIndex: n, withinPortal: r, withOverlay: i
 			className: db.headerMeta,
 			children: [/* @__PURE__ */ T(Y, {
 				className: db.statusDot,
-				style: { background: j ? "#22c55e" : "#ef4444" }
+				style: { background: M ? "#22c55e" : "#ef4444" }
 			}), /* @__PURE__ */ E(Xd, {
 				size: "10",
 				c: "dimmed",
-				children: [j ? "Online" : "Offline", " · Billing Intelligence"]
+				children: [M ? "Online" : "Offline", " · Billing Intelligence"]
 			})]
 		})] }),
 		children: [
@@ -23934,7 +23936,7 @@ function XO({ opened: e, onClose: t, zIndex: n, withinPortal: r, withOverlay: i
 					position: "absolute",
 					top: 0,
 					bottom: 0,
-					left: 0,
+					left: -4,
 					width: "8px",
 					...b.style,
 					zIndex: 10
@@ -29138,33 +29140,33 @@ var XF = 1e4, ZF = {
 };
 function QF({ ui: e }) {
 	YF();
-	let [t, { open: n, close: r }] = mt(!1), i = e?.zIndex ?? XF, a = e?.withinPortal ?? !0, o = e?.withOverlay ?? !0, s = e?.drawerWidth ?? 420, c = e?.topOffset ?? 0, l = e?.drawerRightOffset ?? 0, u = e?.drawerBorderRadius ?? 0, d = e?.drawerShadow ?? !1, f = {
+	let [t, { open: n, close: r }] = mt(!1), i = e?.zIndex ?? XF, a = e?.withinPortal ?? !0, o = e?.withOverlay ?? !0, s = e?.drawerWidth ?? 420, c = e?.topOffset ?? 0, l = e?.drawerRightOffset ?? 0, u = e?.drawerBorderRadius ?? 0, d = e?.drawerShadow ?? !1, f = e?.drawerHeaderHeight ?? 56, p = {
 		bottom: e?.fabBottomOffset ?? ZF.bottom,
 		right: e?.fabRightOffset ?? ZF.right
-	}, { messages: p, composerText: m, setComposerText: h, isLoading: g, error: v, sendMessage: y, sendInitialMessage: b, canSend: x } = zF(), { runtimeInfo: S, refreshRuntimeInfo: C } = BF(), D = ek({ skipSelector: "button, input, textarea, [role=\"button\"]" }), O = VF({ axis: "y" }), k = VF({
+	}, { messages: m, composerText: h, setComposerText: g, isLoading: v, error: y, sendMessage: b, sendInitialMessage: x, canSend: S } = zF(), { runtimeInfo: C, refreshRuntimeInfo: D } = BF(), O = ek({ skipSelector: "button, input, textarea, [role=\"button\"]" }), k = VF({ axis: "y" }), A = VF({
 		axis: "x",
 		direction: -1
-	}), A = UF([p.length, g]), { isListening: j, isSupported: M, startListening: N, stopListening: P, reset: F } = WF({
+	}), j = UF([m.length, v]), { isListening: M, isSupported: N, startListening: P, stopListening: F, reset: ee } = WF({
 		lang: GF(),
 		continuous: !0,
 		pauseOnSubmit: !0,
-		onTextChange: h
-	}), ee = _(() => /* @__PURE__ */ T(Xd, {
+		onTextChange: g
+	}), te = _(() => /* @__PURE__ */ T(Xd, {
 		fw: 800,
 		children: e?.drawerTitle ?? e?.fabButtonLabel ?? "Agent Chat"
-	}), [e?.drawerTitle, e?.fabButtonLabel]), te = async () => {
-		n(), await C(), await b();
+	}), [e?.drawerTitle, e?.fabButtonLabel]), I = async () => {
+		n(), await D(), await x();
 	};
 	return /* @__PURE__ */ E(w, { children: [!t && /* @__PURE__ */ T(nk, {
-		onClick: () => void te(),
+		onClick: () => void I(),
 		zIndex: i,
-		position: f,
+		position: p,
 		color: e?.accentColor,
 		label: e?.fabButtonLabel
 	}), /* @__PURE__ */ T(XO, {
 		opened: t,
 		onClose: () => {
-			j && P(), r();
+			M && F(), r();
 		},
 		zIndex: i,
 		withinPortal: a,
@@ -29174,26 +29176,27 @@ function QF({ ui: e }) {
 		drawerRightOffset: l,
 		drawerBorderRadius: u,
 		drawerShadow: d,
-		messages: p,
-		composerText: m,
-		onComposerTextChange: h,
-		isLoading: g,
-		error: v,
-		canSend: x,
+		drawerHeaderHeight: f,
+		messages: m,
+		composerText: h,
+		onComposerTextChange: g,
+		isLoading: v,
+		error: y,
+		canSend: S,
 		onSubmit: () => {
-			j && P(), F(), y(m);
+			M && F(), ee(), b(h);
 		},
-		isListening: j,
-		isVoiceSupported: M,
+		isListening: M,
+		isVoiceSupported: N,
 		onToggleVoice: () => {
-			j ? P() : (h(""), N());
+			M ? F() : (g(""), P());
 		},
-		drawerTitle: ee,
-		runtimeInfo: S,
-		scrollViewportRef: A,
-		drawerDraggable: D,
-		drawerResizableWidth: k,
-		drawerResizableHeight: O
+		drawerTitle: te,
+		runtimeInfo: C,
+		scrollViewportRef: j,
+		drawerDraggable: O,
+		drawerResizableWidth: A,
+		drawerResizableHeight: k
 	})] });
 }
 //#endregion