bstp-agent-widget 0.2.91 → 0.2.93

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_k8anj_25",
+	headerLeft: "_headerLeft_k8anj_36",
+	headerInfo: "_headerInfo_k8anj_42",
+	orbContainer: "_orbContainer_k8anj_49",
+	orbOuter: "_orbOuter_k8anj_59",
+	orbPulse: "_orbPulse_k8anj_1",
+	orbMiddle: "_orbMiddle_k8anj_68",
+	orbInner: "_orbInner_k8anj_77",
+	orbFloat: "_orbFloat_k8anj_1",
+	headerMeta: "_headerMeta_k8anj_89",
+	statusDot: "_statusDot_k8anj_95",
+	statusText: "_statusText_k8anj_109",
+	closeButton: "_closeButton_k8anj_117",
+	title: "_title_k8anj_121",
+	topSubHeader: "_topSubHeader_k8anj_130",
+	subHeaderLeft: "_subHeaderLeft_k8anj_140",
+	subHeaderIcon: "_subHeaderIcon_k8anj_146",
+	subHeaderTitle: "_subHeaderTitle_k8anj_157",
+	subHeaderStatus: "_subHeaderStatus_k8anj_163"
 };
 //#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_qciga_1",
+	messageBubble: "_messageBubble_qciga_9",
+	messageBubbleUser: "_messageBubbleUser_qciga_15",
+	userText: "_userText_qciga_20",
+	messageBubbleAssistant: "_messageBubbleAssistant_qciga_27",
+	messageList: "_messageList_qciga_33"
 };
 //#endregion
 //#region node_modules/marked/lib/marked.esm.js
@@ -28187,10 +28188,11 @@ function SP({ messages: e, isLoading: t, error: n, scrollViewportRef: r, onWidge
 	});
 }
 var CP = {
-	footer: "_footer_16fk7_1",
-	inputWrapper: "_inputWrapper_16fk7_10",
-	actionGroup: "_actionGroup_16fk7_15",
-	poweredBy: "_poweredBy_16fk7_22"
+	footer: "_footer_jvnzh_1",
+	inputWrapper: "_inputWrapper_jvnzh_10",
+	actionGroup: "_actionGroup_jvnzh_15",
+	poweredBy: "_poweredBy_jvnzh_22",
+	sendButton: "_sendButton_jvnzh_27"
 };
 //#endregion
 //#region src/icons/IconSend.tsx
@@ -28236,6 +28238,7 @@ function TP({ composerText: e, onComposerTextChange: t, isLoading: n, isListenin
 					size: 32,
 					radius: "xl",
 					variant: "filled",
+					className: CP.sendButton,
 					children: /* @__PURE__ */ T(wP, {
 						width: c.other.iconSize["icon-md"],
 						height: c.other.iconSize["icon-md"]
@@ -28403,52 +28406,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,
@@ -34116,10 +34109,77 @@ function eH({ isListening: e, stopListening: t, reset: n, sendMessage: r, compos
 	};
 }
 //#endregion
-//#region src/features/agent-chat/components/AgentChatLauncher/AgentChatLauncher.tsx
+//#region src/utils/color-utils.ts
 function tH(e) {
+	let t = 0, n = 0, r = 0;
+	if (e.startsWith("rgb")) {
+		let i = e.match(/\d+/g);
+		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 nH(e, t) {
+	let { r: n, g: r, b: i } = tH(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 rH(e, t) {
+	let { r: n, g: r, b: i } = tH(e), a = t / 100;
+	return `rgb(${Math.max(0, n - n * a)}, ${Math.max(0, r - r * a)}, ${Math.max(0, i - i * a)})`;
+}
+function iH(e) {
+	let { r: t, g: n, b: r } = tH(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})`,
+		`rgb(${t + 10}, ${n + 10}, ${r + 10})`,
+		e,
+		`rgb(${t - 10}, ${n - 10}, ${r - 10})`,
+		`rgb(${t - 20}, ${n - 20}, ${r - 20})`,
+		`rgb(${t - 30}, ${n - 30}, ${r - 30})`,
+		`rgb(${t - 40}, ${n - 40}, ${r - 40})`,
+		`rgb(${t - 50}, ${n - 50}, ${r - 50})`
+	];
+}
+//#endregion
+//#region src/hooks/useAccentColor.ts
+function aH(e) {
+	let t = An(), n = _(() => {
+		if (e) try {
+			let t = iH(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 n = document.documentElement, r = e || t.colors?.["brand-dark-blue"]?.[7] || "#18182B", i = nH(r, 80), a = rH(r, 15);
+			n.style.setProperty("--agent-accent-color", r), n.style.setProperty("--agent-accent-color-light", nH(r, 40)), n.style.setProperty("--agent-accent-color-dark", a), n.style.setProperty("--agent-accent-bg", r), n.style.setProperty("--agent-accent-bg-light", i), n.style.setProperty("--agent-accent-border", r), n.style.setProperty("--agent-accent-text", "#ffffff"), n.style.setProperty("--agent-accent-text-muted", "rgba(255, 255, 255, 0.8)"), console.log("CSS variables set successfully");
+		} catch (e) {
+			console.error("Failed to set accent color CSS properties:", e);
+		}
+	}, [e, t]), n;
+}
+//#endregion
+//#region src/features/agent-chat/components/AgentChatLauncher/AgentChatLauncher.tsx
+function oH(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, accentColor: l } = YV(e);
+	aH(l);
+	let 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({
 		defaultOpen: !1,
 		persist: !0,
 		onOpen: async () => {
@@ -34144,8 +34204,7 @@ function tH(e) {
 		onClick: () => void O(),
 		zIndex: a,
 		position: o,
-		label: s,
-		accentColor: l
+		label: s
 	}), D && /* @__PURE__ */ T(EP, {
 		visible: !0,
 		onClose: L,
@@ -34174,13 +34233,13 @@ function tH(e) {
 }
 //#endregion
 //#region src/providers/AgentChatProviders.tsx
-function nH({ runtime: e, children: t }) {
+function sH({ runtime: e, children: t }) {
 	return /* @__PURE__ */ T(GP.Provider, {
 		value: e,
 		children: t
 	});
 }
-function rH({ config: e, children: t }) {
+function cH({ config: e, children: t }) {
 	return /* @__PURE__ */ T(qP.Provider, {
 		value: e,
 		children: t
@@ -34188,44 +34247,19 @@ function rH({ config: e, children: t }) {
 }
 //#endregion
 //#region src/lib/agent-widget.tsx
-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));
-	} 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 [
-		`rgb(${t + 40}, ${n + 40}, ${r + 40})`,
-		`rgb(${t + 30}, ${n + 30}, ${r + 30})`,
-		`rgb(${t + 20}, ${n + 20}, ${r + 20})`,
-		`rgb(${t + 10}, ${n + 10}, ${r + 10})`,
-		e,
-		`rgb(${t - 10}, ${n - 10}, ${r - 10})`,
-		`rgb(${t - 20}, ${n - 20}, ${r - 20})`,
-		`rgb(${t - 30}, ${n - 30}, ${r - 30})`,
-		`rgb(${t - 40}, ${n - 40}, ${r - 40})`,
-		`rgb(${t - 50}, ${n - 50}, ${r - 50})`
-	];
-}
-function aH({ config: e, runtime: t, theme: n }) {
+function lH({ 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: aH(n?.accentColor),
 			defaultColorScheme: "auto",
 			children: /* @__PURE__ */ T(qL, {
 				client: pV,
-				children: /* @__PURE__ */ T(rH, {
+				children: /* @__PURE__ */ T(cH, {
 					config: e,
-					children: /* @__PURE__ */ T(nH, {
+					children: /* @__PURE__ */ T(sH, {
 						runtime: t,
-						children: /* @__PURE__ */ T(tH, { ui: n })
+						children: /* @__PURE__ */ T(oH, { ...n ?? {} })
 					})
 				})
 			})
@@ -34234,7 +34268,7 @@ function aH({ config: e, runtime: t, theme: n }) {
 }
 //#endregion
 //#region src/lib/config.service.ts
-var oH = {
+var uH = {
 	url: {
 		app: "http://localhost:4201",
 		api: "https://cognitus-etiyacell.etiyacloud.com",
@@ -34281,8 +34315,8 @@ var oH = {
 		}
 	}
 };
-function sH(e) {
-	let t = oH.genai?.init;
+function dH(e) {
+	let t = uH.genai?.init;
 	return !t || e.genai?.init ? e : {
 		...e,
 		genai: {
@@ -34291,33 +34325,33 @@ function sH(e) {
 		}
 	};
 }
-async function cH(e) {
+async function fH(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 ? dH(await e.json()) : uH;
 	} catch {
-		return oH;
+		return uH;
 	}
 }
 //#endregion
 //#region src/lib/mount-widget.tsx
-var lH = /* @__PURE__ */ new WeakMap();
-async function uH(e, t, n) {
+var pH = /* @__PURE__ */ new WeakMap();
+async function mH(e, t, n) {
 	try {
-		bV(await cH(n?.environmentUrl));
+		bV(await fH(n?.environmentUrl));
 	} catch (e) {
 		throw console.error("Failed to initialize agent widget rest services:", e), e;
 	}
-	let r = lH.get(e);
+	let r = pH.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(lH, { ...t })), pH.set(e, i), () => {
+		let t = pH.get(e);
+		t && (t.unmount(), pH.delete(e));
 	};
 }
-function dH(e) {
+function hH(e) {
 	let t = e.genai?.config;
 	if (!t?.assistantId) throw Error("GenAI config is missing in environment.json.");
 	return {
@@ -34325,24 +34359,24 @@ function dH(e) {
 		agents: t.agents
 	};
 }
-function fH(e, t) {
+function gH(e, t) {
 	return t ? {
 		assistantId: t.assistantId ?? e.assistantId,
 		agents: t.agents ?? e.agents
 	} : e;
 }
-function pH(e, t) {
+function _H(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 vH(e, t) {
+	let n = _H(await fH(t.environmentUrl), t.config);
+	return bV(n), mH(e, {
+		config: gH(hH(n), t.config),
 		runtime: t.runtime,
 		theme: t.theme
 	});
 }
 //#endregion
-export { aH as AgentChatWidget, uH as mountAgentChatWidget, mH as mountAgentChatWidgetFromEnvironment };
+export { lH as AgentChatWidget, mH as mountAgentChatWidget, vH as mountAgentChatWidgetFromEnvironment };
 
 //# sourceMappingURL=agent-widget.js.map