bstp-agent-widget 0.2.91 → 0.2.92

package/dist/agent-widget.js

@@ -15638,25 +15638,25 @@ var sb = {
 	root: "_root_gud67_1",
 	resizeHandle: "_resizeHandle_gud67_13"
 }, cb = {
-	header: "_header_1w6rh_19",
-	headerLeft: "_headerLeft_1w6rh_30",
-	headerInfo: "_headerInfo_1w6rh_36",
-	orbContainer: "_orbContainer_1w6rh_43",
-	orbOuter: "_orbOuter_1w6rh_53",
-	orbPulse: "_orbPulse_1w6rh_1",
-	orbMiddle: "_orbMiddle_1w6rh_62",
-	orbInner: "_orbInner_1w6rh_71",
-	orbFloat: "_orbFloat_1w6rh_1",
-	headerMeta: "_headerMeta_1w6rh_83",
-	statusDot: "_statusDot_1w6rh_89",
-	statusText: "_statusText_1w6rh_103",
-	closeButton: "_closeButton_1w6rh_111",
-	title: "_title_1w6rh_115",
-	topSubHeader: "_topSubHeader_1w6rh_124",
-	subHeaderLeft: "_subHeaderLeft_1w6rh_134",
-	subHeaderIcon: "_subHeaderIcon_1w6rh_140",
-	subHeaderTitle: "_subHeaderTitle_1w6rh_151",
-	subHeaderStatus: "_subHeaderStatus_1w6rh_157"
+	header: "_header_1q9jc_32",
+	headerLeft: "_headerLeft_1q9jc_43",
+	headerInfo: "_headerInfo_1q9jc_49",
+	orbContainer: "_orbContainer_1q9jc_56",
+	orbOuter: "_orbOuter_1q9jc_66",
+	orbPulse: "_orbPulse_1q9jc_1",
+	orbMiddle: "_orbMiddle_1q9jc_75",
+	orbInner: "_orbInner_1q9jc_84",
+	orbFloat: "_orbFloat_1q9jc_1",
+	headerMeta: "_headerMeta_1q9jc_96",
+	statusDot: "_statusDot_1q9jc_102",
+	statusText: "_statusText_1q9jc_116",
+	closeButton: "_closeButton_1q9jc_124",
+	title: "_title_1q9jc_128",
+	topSubHeader: "_topSubHeader_1q9jc_137",
+	subHeaderLeft: "_subHeaderLeft_1q9jc_147",
+	subHeaderIcon: "_subHeaderIcon_1q9jc_153",
+	subHeaderTitle: "_subHeaderTitle_1q9jc_164",
+	subHeaderStatus: "_subHeaderStatus_1q9jc_170"
 };
 //#endregion
 //#region src/icons/IconAgentOrb.tsx
@@ -20368,6 +20368,7 @@ function $w(e, t) {
 var eT = {
 	"brand-dark-blue": Hw,
 	"brand-orange": Uw,
+	accent: Uw,
 	blue: Ww,
 	orange: Gw,
 	red: Kw,
@@ -20656,12 +20657,12 @@ function wT({ panelTitle: e, isLoading: t, isOnline: n, onClose: r }) {
 	});
 }
 var TT = {
-	body: "_body_1bxhf_1",
-	messageBubble: "_messageBubble_1bxhf_9",
-	messageBubbleUser: "_messageBubbleUser_1bxhf_15",
-	messageBubbleAssistant: "_messageBubbleAssistant_1bxhf_20",
-	userText: "_userText_1bxhf_26",
-	messageList: "_messageList_1bxhf_32"
+	body: "_body_1cocr_1",
+	messageBubble: "_messageBubble_1cocr_9",
+	messageBubbleUser: "_messageBubbleUser_1cocr_15",
+	userText: "_userText_1cocr_20",
+	messageBubbleAssistant: "_messageBubbleAssistant_1cocr_27",
+	messageList: "_messageList_1cocr_33"
 };
 //#endregion
 //#region node_modules/marked/lib/marked.esm.js
@@ -28403,52 +28404,42 @@ function AP(e = {}) {
 	};
 }
 var jP = {
-	root: "_root_1eel0_1",
-	button: "_button_1eel0_5",
-	icon: "_icon_1eel0_21",
-	label: "_label_1eel0_27"
+	root: "_root_zqs5y_1",
+	button: "_button_zqs5y_5",
+	icon: "_icon_zqs5y_22",
+	label: "_label_zqs5y_28"
 };
 //#endregion
 //#region src/components/AgentChat/AgentChatFab/AgentChatFab.tsx
-function MP({ onClick: e, zIndex: t, position: n, label: r, accentColor: i }) {
-	let a = CT(), o = An(), { handlePointerDown: s, style: c } = AP({ skipSelector: "" }), { transform: l, cursor: u, touchAction: d } = c, f = _(() => ({
-		transform: l,
-		touchAction: d,
+function MP({ onClick: e, zIndex: t, position: n, label: r }) {
+	let i = CT(), { handlePointerDown: a, style: o } = AP({ skipSelector: "" }), { transform: s, cursor: c, touchAction: l } = o, u = _(() => ({
+		transform: s,
+		touchAction: l,
 		zIndex: t,
 		...n
 	}), [
 		n,
-		d,
 		l,
+		s,
 		t
-	]), p = _(() => {
-		let e = i || o.colors.primary[4];
-		return {
-			cursor: u ?? "pointer",
-			background: `linear-gradient(135deg, ${o.colors.primary[5]}, ${e})`
-		};
-	}, [
-		u,
-		i,
-		o.colors.primary
-	]);
+	]), d = _(() => ({ cursor: c ?? "pointer" }), [c]);
 	return /* @__PURE__ */ T("div", {
 		className: jP.root,
-		style: f,
+		style: u,
 		children: /* @__PURE__ */ T(xv, {
 			label: "Open agent widget",
 			position: "left",
 			children: /* @__PURE__ */ E(hc, {
 				onClick: e,
-				onPointerDown: s,
-				style: p,
+				onPointerDown: a,
+				style: d,
 				className: jP.button,
 				"aria-label": "Open agent widget",
 				children: [/* @__PURE__ */ T("span", {
 					className: jP.icon,
 					children: /* @__PURE__ */ T(DP, {
-						width: a.other.iconSize["icon-md"],
-						height: a.other.iconSize["icon-md"]
+						width: i.other.iconSize["icon-md"],
+						height: i.other.iconSize["icon-md"]
 					})
 				}), /* @__PURE__ */ T("span", {
 					className: jP.label,
@@ -34119,55 +34110,54 @@ function eH({ isListening: e, stopListening: t, reset: n, sendMessage: r, compos
 //#region src/features/agent-chat/components/AgentChatLauncher/AgentChatLauncher.tsx
 function tH(e) {
 	GV();
-	let { panelWidth: t, panelHeight: n, panelHeaderHeight: r, panelTopOffset: i, zIndex: a, fabPosition: o, fabButtonLabel: s, panelTitle: c, accentColor: l } = YV(e), u = v(!1), { messages: d, composerText: f, setComposerText: p, isLoading: m, error: h, sendMessage: g, sendInitialMessage: _, canSend: y } = kV(), { actions: b, handleActionClick: x } = XV(d, g), { runtimeInfo: S, refreshRuntimeInfo: C } = AV(), { isOpen: D, open: O, close: k } = KV({
+	let { panelWidth: t, panelHeight: n, panelHeaderHeight: r, panelTopOffset: i, zIndex: a, fabPosition: o, fabButtonLabel: s, panelTitle: c } = YV(e), l = v(!1), { messages: u, composerText: d, setComposerText: f, isLoading: p, error: m, sendMessage: h, sendInitialMessage: g, canSend: _ } = kV(), { actions: y, handleActionClick: b } = XV(u, h), { runtimeInfo: x, refreshRuntimeInfo: S } = AV(), { isOpen: C, open: D, close: O } = KV({
 		defaultOpen: !1,
 		persist: !0,
 		onOpen: async () => {
-			u.current || (u.current = !0, await C(), await _());
+			l.current || (l.current = !0, await S(), await g());
 		}
-	}), A = MV([d.length, m]), { isListening: j, isSupported: M, startListening: N, stopListening: P, reset: F } = NV({
+	}), k = MV([u.length, p]), { isListening: A, isSupported: j, startListening: M, stopListening: N, reset: P } = NV({
 		lang: PV(),
 		continuous: !0,
 		pauseOnSubmit: !0,
-		onTextChange: p
-	}), { panelResizableWidth: ee } = $V(e, t, D), { handleSubmit: te, handleToggleVoice: I, handleClose: L } = eH({
-		isListening: j,
-		stopListening: P,
-		reset: F,
-		sendMessage: g,
-		composerText: f,
-		setComposerText: p,
-		startListening: N,
-		close: k
-	});
-	return /* @__PURE__ */ E(w, { children: [!D && /* @__PURE__ */ T(MP, {
-		onClick: () => void O(),
+		onTextChange: f
+	}), { panelResizableWidth: F } = $V(e, t, C), { handleSubmit: ee, handleToggleVoice: te, handleClose: I } = eH({
+		isListening: A,
+		stopListening: N,
+		reset: P,
+		sendMessage: h,
+		composerText: d,
+		setComposerText: f,
+		startListening: M,
+		close: O
+	});
+	return /* @__PURE__ */ E(w, { children: [!C && /* @__PURE__ */ T(MP, {
+		onClick: () => void D(),
 		zIndex: a,
 		position: o,
-		label: s,
-		accentColor: l
-	}), D && /* @__PURE__ */ T(EP, {
+		label: s
+	}), C && /* @__PURE__ */ T(EP, {
 		visible: !0,
-		onClose: L,
-		messages: d,
-		composerText: f,
-		onComposerTextChange: p,
-		isLoading: m,
-		error: h,
-		canSend: y,
-		onSubmit: te,
-		actions: b,
-		onActionClick: x,
-		isListening: j,
-		isVoiceSupported: M,
-		onToggleVoice: I,
+		onClose: I,
+		messages: u,
+		composerText: d,
+		onComposerTextChange: f,
+		isLoading: p,
+		error: m,
+		canSend: _,
+		onSubmit: ee,
+		actions: y,
+		onActionClick: b,
+		isListening: A,
+		isVoiceSupported: j,
+		onToggleVoice: te,
 		panelTitle: c,
-		runtimeInfo: S,
-		scrollViewportRef: A,
+		runtimeInfo: x,
+		scrollViewportRef: k,
 		panelWidth: t,
 		panelHeight: n,
 		panelHeaderHeight: r,
-		panelResizableWidth: ee,
+		panelResizableWidth: F,
 		zIndex: a,
 		panelTopOffset: i
 	})] });
@@ -34187,17 +34177,30 @@ function rH({ config: e, children: t }) {
 	});
 }
 //#endregion
-//#region src/lib/agent-widget.tsx
+//#region src/utils/color-utils.ts
 function iH(e) {
 	let t = 0, n = 0, r = 0;
 	if (e.startsWith("rgb")) {
 		let i = e.match(/\d+/g);
-		i && ([t, n, r] = i.map(Number));
+		i && i.length >= 3 && ([t, n, r] = i.slice(0, 3).map(Number));
 	} else if (e.startsWith("#")) {
 		let i = e.slice(1);
 		i.length === 3 ? (t = parseInt(i[0] + i[0], 16), n = parseInt(i[1] + i[1], 16), r = parseInt(i[2] + i[2], 16)) : i.length === 6 && (t = parseInt(i.slice(0, 2), 16), n = parseInt(i.slice(2, 4), 16), r = parseInt(i.slice(4, 6), 16));
 	}
+	return t = Math.max(0, Math.min(255, t)), n = Math.max(0, Math.min(255, n)), r = Math.max(0, Math.min(255, r)), {
+		r: t,
+		g: n,
+		b: r
+	};
+}
+function aH(e, t) {
+	let { r: n, g: r, b: i } = iH(e), a = t / 100;
+	return `rgb(${Math.min(255, n + (255 - n) * a)}, ${Math.min(255, r + (255 - r) * a)}, ${Math.min(255, i + (255 - i) * a)})`;
+}
+function oH(e) {
+	let { r: t, g: n, b: r } = iH(e);
 	return [
+		`rgb(${t + 50}, ${n + 50}, ${r + 50})`,
 		`rgb(${t + 40}, ${n + 40}, ${r + 40})`,
 		`rgb(${t + 30}, ${n + 30}, ${r + 30})`,
 		`rgb(${t + 20}, ${n + 20}, ${r + 20})`,
@@ -34210,14 +34213,37 @@ function iH(e) {
 		`rgb(${t - 50}, ${n - 50}, ${r - 50})`
 	];
 }
-function aH({ config: e, runtime: t, theme: n }) {
+//#endregion
+//#region src/hooks/useAccentColor.ts
+function sH(e) {
+	let t = _(() => {
+		if (e) try {
+			let t = oH(e);
+			if (t && t.length === 11) return nT({
+				colors: { accent: t },
+				primaryColor: "accent"
+			});
+		} catch (e) {
+			console.error("Failed to create theme with accent color:", e);
+		}
+		return rT;
+	}, [e]);
+	return f(() => {
+		try {
+			let t = document.documentElement, n = e || "#35355F", r = aH(n, 10), i = aH(n, 30);
+			t.style.setProperty("--agent-accent-color", n), t.style.setProperty("--agent-accent-color-light", aH(n, 20)), t.style.setProperty("--agent-accent-bg", r), t.style.setProperty("--agent-accent-bg-light", i), t.style.setProperty("--agent-accent-border", n), t.style.setProperty("--agent-accent-text", "#ffffff"), t.style.setProperty("--agent-accent-text-muted", "rgba(255, 255, 255, 0.8)");
+		} catch (e) {
+			console.error("Failed to set accent color CSS properties:", e);
+		}
+	}, [e]), t;
+}
+//#endregion
+//#region src/lib/agent-widget.tsx
+function cH({ config: e, runtime: t, theme: n }) {
 	return pI.locale || pI.activate("en"), /* @__PURE__ */ T(HO, {
 		i18n: pI,
 		children: /* @__PURE__ */ T(Gn, {
-			theme: _(() => n?.accentColor ? nT({
-				colors: { accent: iH(n.accentColor) },
-				primaryColor: "accent"
-			}) : rT, [n?.accentColor]),
+			theme: sH(n?.accentColor),
 			defaultColorScheme: "auto",
 			children: /* @__PURE__ */ T(qL, {
 				client: pV,
@@ -34225,7 +34251,7 @@ function aH({ config: e, runtime: t, theme: n }) {
 					config: e,
 					children: /* @__PURE__ */ T(nH, {
 						runtime: t,
-						children: /* @__PURE__ */ T(tH, { ui: n })
+						children: /* @__PURE__ */ T(tH, { ...n ?? {} })
 					})
 				})
 			})
@@ -34234,7 +34260,7 @@ function aH({ config: e, runtime: t, theme: n }) {
 }
 //#endregion
 //#region src/lib/config.service.ts
-var oH = {
+var lH = {
 	url: {
 		app: "http://localhost:4201",
 		api: "https://cognitus-etiyacell.etiyacloud.com",
@@ -34281,8 +34307,8 @@ var oH = {
 		}
 	}
 };
-function sH(e) {
-	let t = oH.genai?.init;
+function uH(e) {
+	let t = lH.genai?.init;
 	return !t || e.genai?.init ? e : {
 		...e,
 		genai: {
@@ -34291,33 +34317,33 @@ function sH(e) {
 		}
 	};
 }
-async function cH(e) {
+async function dH(e) {
 	let t = `${(globalThis.__BASE_URL__ ?? "").replace(/\/$/, "")}/environment.json`, n = e ?? t;
 	try {
 		let e = await fetch(n);
-		return e.ok ? sH(await e.json()) : oH;
+		return e.ok ? uH(await e.json()) : lH;
 	} catch {
-		return oH;
+		return lH;
 	}
 }
 //#endregion
 //#region src/lib/mount-widget.tsx
-var lH = /* @__PURE__ */ new WeakMap();
-async function uH(e, t, n) {
+var fH = /* @__PURE__ */ new WeakMap();
+async function pH(e, t, n) {
 	try {
-		bV(await cH(n?.environmentUrl));
+		bV(await dH(n?.environmentUrl));
 	} catch (e) {
 		throw console.error("Failed to initialize agent widget rest services:", e), e;
 	}
-	let r = lH.get(e);
+	let r = fH.get(e);
 	r && r.unmount();
 	let i = D(e);
-	return i.render(/* @__PURE__ */ T(aH, { ...t })), lH.set(e, i), () => {
-		let t = lH.get(e);
-		t && (t.unmount(), lH.delete(e));
+	return i.render(/* @__PURE__ */ T(cH, { ...t })), fH.set(e, i), () => {
+		let t = fH.get(e);
+		t && (t.unmount(), fH.delete(e));
 	};
 }
-function dH(e) {
+function mH(e) {
 	let t = e.genai?.config;
 	if (!t?.assistantId) throw Error("GenAI config is missing in environment.json.");
 	return {
@@ -34325,24 +34351,24 @@ function dH(e) {
 		agents: t.agents
 	};
 }
-function fH(e, t) {
+function hH(e, t) {
 	return t ? {
 		assistantId: t.assistantId ?? e.assistantId,
 		agents: t.agents ?? e.agents
 	} : e;
 }
-function pH(e, t) {
+function gH(e, t) {
 	return t ? (e.genai ||= {}, e.genai.config || (e.genai.config = {}), typeof t.assistantId == "number" && (e.genai.config.assistantId = t.assistantId), t.agents && (e.genai.config.agents = t.agents), e) : e;
 }
-async function mH(e, t) {
-	let n = pH(await cH(t.environmentUrl), t.config);
-	return bV(n), uH(e, {
-		config: fH(dH(n), t.config),
+async function _H(e, t) {
+	let n = gH(await dH(t.environmentUrl), t.config);
+	return bV(n), pH(e, {
+		config: hH(mH(n), t.config),
 		runtime: t.runtime,
 		theme: t.theme
 	});
 }
 //#endregion
-export { aH as AgentChatWidget, uH as mountAgentChatWidget, mH as mountAgentChatWidgetFromEnvironment };
+export { cH as AgentChatWidget, pH as mountAgentChatWidget, _H as mountAgentChatWidgetFromEnvironment };
 
 //# sourceMappingURL=agent-widget.js.map