@elia-assistant/chatui 1.0.6 → 1.0.9

package/dist/chunks/{settingsStore-uYZsUiVr.js → settingsStore-Br8PCCHq.js}

@@ -112,18 +112,18 @@ var n = [
 	{
 		id: "cherry",
 		label: "Cherry",
-		scheme: "dark",
+		scheme: "light",
 		vars: {
-			bgBase: "#120608",
-			bgSurface: "#1e0c10",
-			bgSurface2: "#2a1016",
-			bgBorder: "#3d1520",
-			accent: "#ef4444",
+			bgBase: "#ffffff",
+			bgSurface: "#fff1f2",
+			bgSurface2: "#ffe4e6",
+			bgBorder: "#fecdd3",
+			accent: "#e11d48",
 			accentFg: "#ffffff",
-			fgPrimary: "#ffe4e6",
-			fgSecondary: "#fca5a5",
-			fgMuted: "#f87171",
-			userBubble: "#dc2626",
+			fgPrimary: "#1a0005",
+			fgSecondary: "#4c0519",
+			fgMuted: "#9f1239",
+			userBubble: "#e11d48",
 			userBubbleFg: "#ffffff"
 		}
 	},
@@ -251,4 +251,4 @@ var a = {
 //#endregion
 export { i as n, n as r, o as t };
 
-//# sourceMappingURL=settingsStore-uYZsUiVr.js.map
+//# sourceMappingURL=settingsStore-Br8PCCHq.js.map

package/dist/index.js

@@ -1,5 +1,5 @@
 import { a as e, i as t, n, r } from "./chunks/i18n-Bk--20yp.js";
-import { n as i, r as a, t as o } from "./chunks/settingsStore-uYZsUiVr.js";
+import { n as i, r as a, t as o } from "./chunks/settingsStore-Br8PCCHq.js";
 import { useChatStore as s } from "./chat-store.js";
 import { Children as c, Fragment as l, cloneElement as u, createContext as d, createElement as f, isValidElement as p, useCallback as m, useContext as h, useEffect as g, useMemo as _, useRef as v, useState as y, useSyncExternalStore as b } from "react";
 import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
@@ -532,46 +532,47 @@ function Le(e, t, n) {
 //#endregion
 //#region src/hooks/useAgentStream.ts
 function Re() {
-	let e = o((e) => e.config), t = s((e) => e.activeSessionId), n = s((e) => e.addMessage);
+	let e = o((e) => e.config), t = s((e) => e.activeSessionId), n = s((e) => e.addMessage), r = s((e) => e.setAwaitingAgentReply);
 	g(() => {
-		let r = e.agentStream;
-		if (!r || !r.apiBaseUrl || !r.tenantId || !t) return;
-		let i = !1, a = null;
+		let i = e.agentStream;
+		if (!i || !i.apiBaseUrl || !i.tenantId || !t) return;
+		let a = !1, o = null;
 		return (async () => {
 			try {
-				let e = await fetch(`${r.apiBaseUrl.replace(/\/$/, "")}/api/public/chat-stream/init`, {
+				let e = await fetch(`${i.apiBaseUrl.replace(/\/$/, "")}/api/public/chat-stream/init`, {
 					method: "POST",
 					headers: { "Content-Type": "application/json" },
 					body: JSON.stringify({
-						tenantId: r.tenantId,
+						tenantId: i.tenantId,
 						sessionId: t
 					})
 				});
 				if (!e.ok) return;
-				let o = await e.json();
-				if (i) return;
-				a = new EventSource(o.streamUrl), a.addEventListener("agentReply", (e) => {
-					let r;
+				let s = await e.json();
+				if (a) return;
+				o = new EventSource(s.streamUrl), o.addEventListener("agentReply", (e) => {
+					let i;
 					try {
-						r = JSON.parse(e.data);
+						i = JSON.parse(e.data);
 					} catch {
 						return;
 					}
 					n(t, {
-						id: r.id,
+						id: i.id,
 						role: "bot",
-						content: r.body,
-						ts: Date.parse(r.createdAt) || Date.now()
-					});
-				}), a.onerror = () => {};
+						content: i.body,
+						ts: Date.parse(i.createdAt) || Date.now()
+					}), r(t, !1);
+				}), o.onerror = () => {};
 			} catch {}
 		})(), () => {
-			i = !0, a?.close();
+			a = !0, o?.close();
 		};
 	}, [
 		e.agentStream,
 		t,
-		n
+		n,
+		r
 	]);
 }
 //#endregion
@@ -707,8 +708,14 @@ async function Ve(e, t, n, r, i) {
 	});
 	if (!d.ok) throw new Be(`Webhook returned ${d.status}`, d.status);
 	if (u && d.body) return He(d.body, i);
-	let f = await d.json();
-	return f.output ?? f.text ?? "";
+	let f = await d.text();
+	if (!f) return "";
+	try {
+		let e = JSON.parse(f);
+		return e.output ?? e.text ?? "";
+	} catch {
+		return "";
+	}
 }
 async function He(e, t) {
 	let n = e.getReader(), r = new TextDecoder(), i = "", a = "";
@@ -735,41 +742,49 @@ function Ue() {
 	return Math.random().toString(36).slice(2) + Date.now().toString(36);
 }
 function We() {
-	let { activeSessionId: e, addMessage: t, appendToLastBot: n, setStreaming: r, createSession: i } = s(), a = o((e) => e.config), c = o((e) => e.language), l = s((e) => e.isStreaming);
+	let { activeSessionId: e, addMessage: t, appendToLastBot: n, removeLastBotIfEmpty: r, setStreaming: i, setAwaitingAgentReply: a, createSession: c } = s(), l = o((e) => e.config), u = o((e) => e.language), d = s((e) => e.isStreaming);
 	return {
 		send: m(async (o) => {
-			if (!a.webhookUrl || !o.trim()) return;
-			let s = e ?? i();
-			t(s, {
+			if (!l.webhookUrl || !o.trim()) return;
+			let d = e ?? c();
+			t(d, {
 				id: Ue(),
 				role: "user",
 				content: o.trim(),
 				ts: Date.now()
-			}), r(!0), t(s, {
+			}), i(!0), t(d, {
 				id: Ue(),
 				role: "bot",
 				content: "",
 				ts: Date.now()
 			});
 			try {
-				a.streaming ? await Ve(a, s, o.trim(), c, (e) => {
-					n(s, e);
-				}) : n(s, await Ve(a, s, o.trim(), c));
+				if (l.streaming) await Ve(l, d, o.trim(), u, (e) => {
+					n(d, e);
+				});
+				else {
+					let e = await Ve(l, d, o.trim(), u);
+					e && n(d, e);
+				}
+				let e = s.getState().messages[d]?.slice(-1)[0];
+				e?.role === "bot" && e.content === "" && (r(d), a(d, !0));
 			} catch (e) {
-				n(s, e instanceof Be ? `Error ${e.status ?? ""}: ${e.message}` : "Something went wrong. Please try again.");
+				n(d, e instanceof Be ? `Error ${e.status ?? ""}: ${e.message}` : "Something went wrong. Please try again.");
 			} finally {
-				r(!1);
+				i(!1);
 			}
 		}, [
 			e,
-			a,
-			c,
+			l,
+			u,
 			t,
 			n,
 			r,
-			i
+			i,
+			a,
+			c
 		]),
-		isStreaming: l
+		isStreaming: d
 	};
 }
 //#endregion
@@ -8346,7 +8361,9 @@ var yu = {
 	omar: "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2096%2096'%20width='96'%20height='96'%3e%3cdefs%3e%3cclipPath%20id='c'%3e%3ccircle%20cx='48'%20cy='48'%20r='48'/%3e%3c/clipPath%3e%3c/defs%3e%3cg%20clip-path='url(%23c)'%3e%3crect%20width='96'%20height='96'%20fill='%23D9D6EB'/%3e%3ccircle%20cx='68'%20cy='24'%20r='42'%20fill='%23fff'%20opacity='0.08'/%3e%3ccircle%20cx='24'%20cy='82'%20r='36'%20fill='%23000'%20opacity='0.045'/%3e%3c/g%3e%3cg%20clip-path='url(%23c)'%3e%3cpath%20d='M38%2072%20Q38%2080%2048%2080%20Q58%2080%2058%2072%20L58%2068%20L38%2068%20Z'%20fill='%238B5836'/%3e%3cpath%20d='M8%2096%20C%208%2076,%2024%2068,%2034%2068%20L%2062%2068%20C%2072%2068,%2088%2076,%2088%2096%20Z'%20fill='%2326324A'/%3e%3cpath%20d='M40%2068%20L48%2074%20L56%2068%20Z'%20fill='rgba(0,0,0,0.12)'/%3e%3cpath%20d='M48%2017%20C%2032%2017,%2025%2029,%2025%2044%20C%2025%2059,%2033%2073,%2048%2073%20C%2063%2073,%2071%2059,%2071%2044%20C%2071%2029,%2064%2017,%2048%2017%20Z'%20fill='%23A8714E'/%3e%3cpath%20d='M48%2017%20C%2063%2017,%2071%2029,%2071%2044%20C%2071%2059,%2063%2073,%2048%2073%20Z'%20fill='%238B5836'%20opacity='0.55'/%3e%3cellipse%20cx='26'%20cy='46'%20rx='3'%20ry='5'%20fill='%238B5836'/%3e%3cellipse%20cx='70'%20cy='46'%20rx='3'%20ry='5'%20fill='%238B5836'/%3e%3cpath%20d='M26%2040%20C%2026%2024,%2036%2016,%2048%2016%20C%2060%2016,%2070%2024,%2070%2040%20C%2066%2034,%2062%2034,%2058%2036%20C%2054%2032,%2050%2034,%2048%2036%20C%2046%2032,%2042%2034,%2038%2036%20C%2034%2034,%2030%2034,%2026%2040%20Z'%20fill='%231F1A17'/%3e%3cpath%20d='M28%2032%20C%2036%2028,%2044%2030,%2048%2034%20C%2052%2030,%2060%2028,%2068%2032%20C%2062%2022,%2054%2018,%2048%2018%20C%2042%2018,%2034%2022,%2028%2032%20Z'%20fill='%23100C0A'%20opacity='0.5'/%3e%3cpath%20d='M36%2041%20q4%20-2%208%200'%20stroke='%23100C0A'%20stroke-width='1.6'%20stroke-linecap='round'%20fill='none'/%3e%3cpath%20d='M52%2041%20q4%20-2%208%200'%20stroke='%23100C0A'%20stroke-width='1.6'%20stroke-linecap='round'%20fill='none'/%3e%3cpath%20d='M37%2046%20q3%20-3%206%200%20q-3%203%20-6%200%20Z'%20fill='%232A1F18'/%3e%3cpath%20d='M53%2046%20q3%20-3%206%200%20q-3%203%20-6%200%20Z'%20fill='%232A1F18'/%3e%3ccircle%20cx='41.4'%20cy='45.4'%20r='0.6'%20fill='%23fff'/%3e%3ccircle%20cx='57.4'%20cy='45.4'%20r='0.6'%20fill='%23fff'/%3e%3cpath%20d='M46.5%2051%20q1.5%201.5%203%200'%20stroke='%238B5836'%20stroke-width='1.2'%20stroke-linecap='round'%20fill='none'%20opacity='0.8'/%3e%3cellipse%20cx='34'%20cy='54'%20rx='4'%20ry='2.2'%20fill='rgba(210,120,110,0.22)'/%3e%3cellipse%20cx='62'%20cy='54'%20rx='4'%20ry='2.2'%20fill='rgba(210,120,110,0.22)'/%3e%3cpath%20d='M43%2057%20q5%203%2010%200'%20stroke='%23B56A5A'%20stroke-width='1.7'%20stroke-linecap='round'%20fill='none'/%3e%3c/g%3e%3c/svg%3e",
 	priya: "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2096%2096'%20width='96'%20height='96'%3e%3cdefs%3e%3cclipPath%20id='c'%3e%3ccircle%20cx='48'%20cy='48'%20r='48'/%3e%3c/clipPath%3e%3c/defs%3e%3cg%20clip-path='url(%23c)'%3e%3crect%20width='96'%20height='96'%20fill='%23D6E7D6'/%3e%3ccircle%20cx='68'%20cy='24'%20r='42'%20fill='%23fff'%20opacity='0.08'/%3e%3ccircle%20cx='24'%20cy='82'%20r='36'%20fill='%23000'%20opacity='0.045'/%3e%3c/g%3e%3cg%20clip-path='url(%23c)'%3e%3cpath%20d='M38%2072%20Q38%2080%2048%2080%20Q58%2080%2058%2072%20L58%2068%20L38%2068%20Z'%20fill='%23AE7853'/%3e%3cpath%20d='M8%2096%20C%208%2076,%2024%2068,%2034%2068%20L%2062%2068%20C%2072%2068,%2088%2076,%2088%2096%20Z'%20fill='%235C3A55'/%3e%3cpath%20d='M40%2068%20L48%2074%20L56%2068%20Z'%20fill='rgba(0,0,0,0.12)'/%3e%3cpath%20d='M22%2040%20C%2022%2022,%2034%2012,%2048%2012%20C%2062%2012,%2074%2022,%2074%2040%20L%2074%2082%20C%2070%2076,%2066%2072,%2062%2072%20L%2034%2072%20C%2030%2072,%2026%2076,%2022%2082%20Z'%20fill='%233B2A1E'/%3e%3cpath%20d='M22%2040%20Q%2020%2060%2022%2082%20L%2030%2078%20Q%2026%2060%2026%2042%20Z'%20fill='%23271B12'%20opacity='0.55'/%3e%3cpath%20d='M74%2040%20Q%2076%2060%2074%2082%20L%2066%2078%20Q%2070%2060%2070%2042%20Z'%20fill='%23271B12'%20opacity='0.55'/%3e%3cpath%20d='M48%2017%20C%2032%2017,%2025%2029,%2025%2044%20C%2025%2059,%2033%2073,%2048%2073%20C%2063%2073,%2071%2059,%2071%2044%20C%2071%2029,%2064%2017,%2048%2017%20Z'%20fill='%23C89270'/%3e%3cpath%20d='M48%2017%20C%2063%2017,%2071%2029,%2071%2044%20C%2071%2059,%2063%2073,%2048%2073%20Z'%20fill='%23AE7853'%20opacity='0.55'/%3e%3cellipse%20cx='26'%20cy='46'%20rx='3'%20ry='5'%20fill='%23AE7853'/%3e%3cellipse%20cx='70'%20cy='46'%20rx='3'%20ry='5'%20fill='%23AE7853'/%3e%3cpath%20d='M26%2038%20C%2030%2022,%2040%2016,%2048%2016%20C%2058%2016,%2068%2022,%2072%2040%20C%2066%2030,%2054%2028,%2044%2030%20C%2038%2031,%2032%2034,%2026%2038%20Z'%20fill='%233B2A1E'/%3e%3cpath%20d='M36%2041%20q4%20-2%208%200'%20stroke='%23271B12'%20stroke-width='1.6'%20stroke-linecap='round'%20fill='none'/%3e%3cpath%20d='M52%2041%20q4%20-2%208%200'%20stroke='%23271B12'%20stroke-width='1.6'%20stroke-linecap='round'%20fill='none'/%3e%3cpath%20d='M37%2046%20q3%20-3%206%200%20q-3%203%20-6%200%20Z'%20fill='%232A1F18'/%3e%3cpath%20d='M53%2046%20q3%20-3%206%200%20q-3%203%20-6%200%20Z'%20fill='%232A1F18'/%3e%3ccircle%20cx='41.4'%20cy='45.4'%20r='0.6'%20fill='%23fff'/%3e%3ccircle%20cx='57.4'%20cy='45.4'%20r='0.6'%20fill='%23fff'/%3e%3cpath%20d='M46.5%2051%20q1.5%201.5%203%200'%20stroke='%23AE7853'%20stroke-width='1.2'%20stroke-linecap='round'%20fill='none'%20opacity='0.8'/%3e%3cellipse%20cx='34'%20cy='54'%20rx='4'%20ry='2.2'%20fill='rgba(210,120,110,0.22)'/%3e%3cellipse%20cx='62'%20cy='54'%20rx='4'%20ry='2.2'%20fill='rgba(210,120,110,0.22)'/%3e%3cpath%20d='M43%2057%20q5%204%2010%200%20q-5%201%20-10%200%20Z'%20fill='%23B56A5A'%20opacity='0.85'/%3e%3c/g%3e%3c/svg%3e",
 	samuel: "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2096%2096'%20width='96'%20height='96'%3e%3cdefs%3e%3cclipPath%20id='c'%3e%3ccircle%20cx='48'%20cy='48'%20r='48'/%3e%3c/clipPath%3e%3c/defs%3e%3cg%20clip-path='url(%23c)'%3e%3crect%20width='96'%20height='96'%20fill='%23DCE4D1'/%3e%3ccircle%20cx='68'%20cy='24'%20r='42'%20fill='%23fff'%20opacity='0.08'/%3e%3ccircle%20cx='24'%20cy='82'%20r='36'%20fill='%23000'%20opacity='0.045'/%3e%3c/g%3e%3cg%20clip-path='url(%23c)'%3e%3cpath%20d='M38%2072%20Q38%2080%2048%2080%20Q58%2080%2058%2072%20L58%2068%20L38%2068%20Z'%20fill='%233D2413'/%3e%3cpath%20d='M8%2096%20C%208%2076,%2024%2068,%2034%2068%20L%2062%2068%20C%2072%2068,%2088%2076,%2088%2096%20Z'%20fill='%238A6A2C'/%3e%3cpath%20d='M40%2068%20L48%2074%20L56%2068%20Z'%20fill='rgba(0,0,0,0.12)'/%3e%3cpath%20d='M48%2017%20C%2032%2017,%2025%2029,%2025%2044%20C%2025%2059,%2033%2073,%2048%2073%20C%2063%2073,%2071%2059,%2071%2044%20C%2071%2029,%2064%2017,%2048%2017%20Z'%20fill='%2355341E'/%3e%3cpath%20d='M48%2017%20C%2063%2017,%2071%2029,%2071%2044%20C%2071%2059,%2063%2073,%2048%2073%20Z'%20fill='%233D2413'%20opacity='0.55'/%3e%3cellipse%20cx='26'%20cy='46'%20rx='3'%20ry='5'%20fill='%233D2413'/%3e%3cellipse%20cx='70'%20cy='46'%20rx='3'%20ry='5'%20fill='%233D2413'/%3e%3cpath%20d='M28%2040%20C%2028%2024,%2036%2016,%2048%2016%20C%2060%2016,%2068%2024,%2068%2040%20C%2066%2034,%2058%2030,%2048%2030%20C%2038%2030,%2030%2034,%2028%2040%20Z'%20fill='%236A6259'/%3e%3cpath%20d='M30%2028%20C%2040%2034,%2056%2034,%2066%2028%20C%2062%2022,%2055%2020,%2048%2020%20C%2041%2020,%2034%2022,%2030%2028%20Z'%20fill='%234F4841'%20opacity='0.45'/%3e%3cpath%20d='M36%2041%20q4%20-2%208%200'%20stroke='%234F4841'%20stroke-width='1.6'%20stroke-linecap='round'%20fill='none'/%3e%3cpath%20d='M52%2041%20q4%20-2%208%200'%20stroke='%234F4841'%20stroke-width='1.6'%20stroke-linecap='round'%20fill='none'/%3e%3cpath%20d='M37%2046%20q3%20-3%206%200%20q-3%203%20-6%200%20Z'%20fill='%232A1F18'/%3e%3cpath%20d='M53%2046%20q3%20-3%206%200%20q-3%203%20-6%200%20Z'%20fill='%232A1F18'/%3e%3ccircle%20cx='41.4'%20cy='45.4'%20r='0.6'%20fill='%23fff'/%3e%3ccircle%20cx='57.4'%20cy='45.4'%20r='0.6'%20fill='%23fff'/%3e%3cpath%20d='M46.5%2051%20q1.5%201.5%203%200'%20stroke='%233D2413'%20stroke-width='1.2'%20stroke-linecap='round'%20fill='none'%20opacity='0.8'/%3e%3cellipse%20cx='34'%20cy='54'%20rx='4'%20ry='2.2'%20fill='rgba(210,120,110,0.22)'/%3e%3cellipse%20cx='62'%20cy='54'%20rx='4'%20ry='2.2'%20fill='rgba(210,120,110,0.22)'/%3e%3cpath%20d='M44%2058%20q4%202%208%200'%20stroke='%23B56A5A'%20stroke-width='1.6'%20stroke-linecap='round'%20fill='none'/%3e%3cpath%20d='M34%2050%20q1%201%202%200'%20stroke='%233D2413'%20stroke-width='0.8'%20stroke-linecap='round'%20fill='none'%20opacity='0.8'/%3e%3cpath%20d='M60%2050%20q1%201%202%200'%20stroke='%233D2413'%20stroke-width='0.8'%20stroke-linecap='round'%20fill='none'%20opacity='0.8'/%3e%3cpath%20d='M41%2062%20q3%201%206%200'%20stroke='%233D2413'%20stroke-width='0.8'%20stroke-linecap='round'%20fill='none'%20opacity='0.5'/%3e%3c/g%3e%3c/svg%3e",
-	sofia: "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2096%2096'%20width='96'%20height='96'%3e%3cdefs%3e%3cclipPath%20id='c'%3e%3ccircle%20cx='48'%20cy='48'%20r='48'/%3e%3c/clipPath%3e%3c/defs%3e%3cg%20clip-path='url(%23c)'%3e%3crect%20width='96'%20height='96'%20fill='%23D4E3EC'/%3e%3ccircle%20cx='68'%20cy='24'%20r='42'%20fill='%23fff'%20opacity='0.08'/%3e%3ccircle%20cx='24'%20cy='82'%20r='36'%20fill='%23000'%20opacity='0.045'/%3e%3c/g%3e%3cg%20clip-path='url(%23c)'%3e%3cpath%20d='M38%2072%20Q38%2080%2048%2080%20Q58%2080%2058%2072%20L58%2068%20L38%2068%20Z'%20fill='%23C6976C'/%3e%3cpath%20d='M8%2096%20C%208%2076,%2024%2068,%2034%2068%20L%2062%2068%20C%2072%2068,%2088%2076,%2088%2096%20Z'%20fill='%237E3E2A'/%3e%3cpath%20d='M40%2068%20L48%2074%20L56%2068%20Z'%20fill='rgba(0,0,0,0.12)'/%3e%3cpath%20d='M24%2038%20C%2024%2022,%2034%2012,%2048%2012%20C%2062%2012,%2072%2022,%2072%2038%20L%2072%2062%20C%2068%2058,%2064%2058,%2060%2060%20L%2036%2060%20C%2032%2058,%2028%2058,%2024%2062%20Z'%20fill='%2355392A'/%3e%3cpath%20d='M48%2017%20C%2032%2017,%2025%2029,%2025%2044%20C%2025%2059,%2033%2073,%2048%2073%20C%2063%2073,%2071%2059,%2071%2044%20C%2071%2029,%2064%2017,%2048%2017%20Z'%20fill='%23DDAE85'/%3e%3cpath%20d='M48%2017%20C%2063%2017,%2071%2029,%2071%2044%20C%2071%2059,%2063%2073,%2048%2073%20Z'%20fill='%23C6976C'%20opacity='0.55'/%3e%3cellipse%20cx='26'%20cy='46'%20rx='3'%20ry='5'%20fill='%23C6976C'/%3e%3cellipse%20cx='70'%20cy='46'%20rx='3'%20ry='5'%20fill='%23C6976C'/%3e%3cpath%20d='M26%2038%20C%2030%2024,%2040%2018,%2048%2018%20C%2058%2018,%2066%2024,%2070%2038%20C%2064%2032,%2054%2030,%2048%2030%20C%2040%2030,%2032%2032,%2026%2038%20Z'%20fill='%2355392A'/%3e%3cpath%20d='M30%2024%20C%2038%2032,%2058%2032,%2066%2024%20C%2060%2018,%2054%2016,%2048%2016%20C%2040%2016,%2034%2018,%2030%2024%20Z'%20fill='%233D2718'%20opacity='0.4'/%3e%3cpath%20d='M36%2041%20q4%20-2%208%200'%20stroke='%233D2718'%20stroke-width='1.6'%20stroke-linecap='round'%20fill='none'/%3e%3cpath%20d='M52%2041%20q4%20-2%208%200'%20stroke='%233D2718'%20stroke-width='1.6'%20stroke-linecap='round'%20fill='none'/%3e%3cpath%20d='M37%2046%20q3%20-3%206%200%20q-3%203%20-6%200%20Z'%20fill='%232A1F18'/%3e%3cpath%20d='M53%2046%20q3%20-3%206%200%20q-3%203%20-6%200%20Z'%20fill='%232A1F18'/%3e%3ccircle%20cx='41.4'%20cy='45.4'%20r='0.6'%20fill='%23fff'/%3e%3ccircle%20cx='57.4'%20cy='45.4'%20r='0.6'%20fill='%23fff'/%3e%3cpath%20d='M46.5%2051%20q1.5%201.5%203%200'%20stroke='%23C6976C'%20stroke-width='1.2'%20stroke-linecap='round'%20fill='none'%20opacity='0.8'/%3e%3cellipse%20cx='34'%20cy='54'%20rx='4'%20ry='2.2'%20fill='rgba(210,120,110,0.22)'/%3e%3cellipse%20cx='62'%20cy='54'%20rx='4'%20ry='2.2'%20fill='rgba(210,120,110,0.22)'/%3e%3cpath%20d='M43%2057%20q5%204%2010%200%20q-5%201%20-10%200%20Z'%20fill='%23B56A5A'%20opacity='0.85'/%3e%3c/g%3e%3c/svg%3e"
+	sofia: "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2096%2096'%20width='96'%20height='96'%3e%3cdefs%3e%3cclipPath%20id='c'%3e%3ccircle%20cx='48'%20cy='48'%20r='48'/%3e%3c/clipPath%3e%3c/defs%3e%3cg%20clip-path='url(%23c)'%3e%3crect%20width='96'%20height='96'%20fill='%23D4E3EC'/%3e%3ccircle%20cx='68'%20cy='24'%20r='42'%20fill='%23fff'%20opacity='0.08'/%3e%3ccircle%20cx='24'%20cy='82'%20r='36'%20fill='%23000'%20opacity='0.045'/%3e%3c/g%3e%3cg%20clip-path='url(%23c)'%3e%3cpath%20d='M38%2072%20Q38%2080%2048%2080%20Q58%2080%2058%2072%20L58%2068%20L38%2068%20Z'%20fill='%23C6976C'/%3e%3cpath%20d='M8%2096%20C%208%2076,%2024%2068,%2034%2068%20L%2062%2068%20C%2072%2068,%2088%2076,%2088%2096%20Z'%20fill='%237E3E2A'/%3e%3cpath%20d='M40%2068%20L48%2074%20L56%2068%20Z'%20fill='rgba(0,0,0,0.12)'/%3e%3cpath%20d='M24%2038%20C%2024%2022,%2034%2012,%2048%2012%20C%2062%2012,%2072%2022,%2072%2038%20L%2072%2062%20C%2068%2058,%2064%2058,%2060%2060%20L%2036%2060%20C%2032%2058,%2028%2058,%2024%2062%20Z'%20fill='%2355392A'/%3e%3cpath%20d='M48%2017%20C%2032%2017,%2025%2029,%2025%2044%20C%2025%2059,%2033%2073,%2048%2073%20C%2063%2073,%2071%2059,%2071%2044%20C%2071%2029,%2064%2017,%2048%2017%20Z'%20fill='%23DDAE85'/%3e%3cpath%20d='M48%2017%20C%2063%2017,%2071%2029,%2071%2044%20C%2071%2059,%2063%2073,%2048%2073%20Z'%20fill='%23C6976C'%20opacity='0.55'/%3e%3cellipse%20cx='26'%20cy='46'%20rx='3'%20ry='5'%20fill='%23C6976C'/%3e%3cellipse%20cx='70'%20cy='46'%20rx='3'%20ry='5'%20fill='%23C6976C'/%3e%3cpath%20d='M26%2038%20C%2030%2024,%2040%2018,%2048%2018%20C%2058%2018,%2066%2024,%2070%2038%20C%2064%2032,%2054%2030,%2048%2030%20C%2040%2030,%2032%2032,%2026%2038%20Z'%20fill='%2355392A'/%3e%3cpath%20d='M30%2024%20C%2038%2032,%2058%2032,%2066%2024%20C%2060%2018,%2054%2016,%2048%2016%20C%2040%2016,%2034%2018,%2030%2024%20Z'%20fill='%233D2718'%20opacity='0.4'/%3e%3cpath%20d='M36%2041%20q4%20-2%208%200'%20stroke='%233D2718'%20stroke-width='1.6'%20stroke-linecap='round'%20fill='none'/%3e%3cpath%20d='M52%2041%20q4%20-2%208%200'%20stroke='%233D2718'%20stroke-width='1.6'%20stroke-linecap='round'%20fill='none'/%3e%3cpath%20d='M37%2046%20q3%20-3%206%200%20q-3%203%20-6%200%20Z'%20fill='%232A1F18'/%3e%3cpath%20d='M53%2046%20q3%20-3%206%200%20q-3%203%20-6%200%20Z'%20fill='%232A1F18'/%3e%3ccircle%20cx='41.4'%20cy='45.4'%20r='0.6'%20fill='%23fff'/%3e%3ccircle%20cx='57.4'%20cy='45.4'%20r='0.6'%20fill='%23fff'/%3e%3cpath%20d='M46.5%2051%20q1.5%201.5%203%200'%20stroke='%23C6976C'%20stroke-width='1.2'%20stroke-linecap='round'%20fill='none'%20opacity='0.8'/%3e%3cellipse%20cx='34'%20cy='54'%20rx='4'%20ry='2.2'%20fill='rgba(210,120,110,0.22)'/%3e%3cellipse%20cx='62'%20cy='54'%20rx='4'%20ry='2.2'%20fill='rgba(210,120,110,0.22)'/%3e%3cpath%20d='M43%2057%20q5%204%2010%200%20q-5%201%20-10%200%20Z'%20fill='%23B56A5A'%20opacity='0.85'/%3e%3c/g%3e%3c/svg%3e",
+	bean: "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20width='100%25'%20height='100%25'%20viewBox='0%200%2096%2096'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20xml:space='preserve'%20xmlns:serif='http://www.serif.com/'%20style='fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;'%3e%3cg%20transform='matrix(0.75,0,0,0.75,0,0)'%3e%3cpath%20d='M64,30C64,24.667%2066,22%2070,22C74,22%2076,20%2076,16'%20style='fill:none;fill-rule:nonzero;stroke:rgb(58,31,16);stroke-width:3px;'/%3e%3c/g%3e%3cg%20transform='matrix(0.75,0,0,0.75,0,0)'%3e%3ccircle%20cx='76'%20cy='14'%20r='3.5'%20style='fill:rgb(255,111,177);'/%3e%3c/g%3e%3cg%20transform='matrix(0.75,0,0,0.75,0,0)'%3e%3cpath%20d='M38,50C38,38%2046.667,32%2064,32C81.333,32%2090,38%2090,50L90,92C90,101.333%2081.333,106%2064,106C46.667,106%2038,101.333%2038,92L38,50Z'%20style='fill:url(%23_Linear1);fill-rule:nonzero;'/%3e%3c/g%3e%3cg%20transform='matrix(0.75,0,0,0.75,0,0)'%3e%3cellipse%20cx='64'%20cy='84'%20rx='20'%20ry='14'%20style='fill:rgb(255,226,194);fill-opacity:0.85;'/%3e%3c/g%3e%3cg%20transform='matrix(0.75,0,0,0.75,0,0)'%3e%3cellipse%20cx='54'%20cy='62'%20rx='5.525'%20ry='6.5'%20style='fill:rgb(58,31,16);'/%3e%3c/g%3e%3cg%20transform='matrix(0.75,0,0,0.75,0,0)'%3e%3cellipse%20cx='74'%20cy='62'%20rx='5.525'%20ry='6.5'%20style='fill:rgb(58,31,16);'/%3e%3c/g%3e%3cg%20transform='matrix(0.75,0,0,0.75,0,0)'%3e%3ccircle%20cx='52.375'%20cy='59.4'%20r='2.275'%20style='fill:white;'/%3e%3c/g%3e%3cg%20transform='matrix(0.75,0,0,0.75,0,0)'%3e%3ccircle%20cx='72.375'%20cy='59.4'%20r='2.275'%20style='fill:white;'/%3e%3c/g%3e%3cg%20transform='matrix(0.75,0,0,0.75,0,0)'%3e%3ccircle%20cx='56.6'%20cy='63.95'%20r='1.17'%20style='fill:white;'/%3e%3c/g%3e%3cg%20transform='matrix(0.75,0,0,0.75,0,0)'%3e%3ccircle%20cx='76.6'%20cy='63.95'%20r='1.17'%20style='fill:white;'/%3e%3c/g%3e%3cg%20transform='matrix(0.75,0,0,0.75,0,0)'%3e%3cpath%20d='M58,74C62,78%2066,78%2070,74'%20style='fill:none;fill-rule:nonzero;stroke:rgb(58,31,16);stroke-width:3px;'/%3e%3c/g%3e%3cg%20transform='matrix(0.75,0,0,0.75,0,0)'%3e%3cellipse%20cx='50'%20cy='106'%20rx='6'%20ry='3'%20style='fill:rgb(210,106,45);'/%3e%3c/g%3e%3cg%20transform='matrix(0.75,0,0,0.75,0,0)'%3e%3cellipse%20cx='78'%20cy='106'%20rx='6'%20ry='3'%20style='fill:rgb(210,106,45);'/%3e%3c/g%3e%3cdefs%3e%3clinearGradient%20id='_Linear1'%20x1='0'%20y1='0'%20x2='1'%20y2='0'%20gradientUnits='userSpaceOnUse'%20gradientTransform='matrix(4.53119e-15,74,-74,4.53119e-15,38,32)'%3e%3cstop%20offset='0'%20style='stop-color:rgb(255,197,138);stop-opacity:1'/%3e%3cstop%20offset='1'%20style='stop-color:rgb(240,138,75);stop-opacity:1'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e",
+	owl: "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20width='100%25'%20height='100%25'%20viewBox='0%200%2096%2096'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20xml:space='preserve'%20xmlns:serif='http://www.serif.com/'%20style='fill-rule:evenodd;clip-rule:evenodd;'%3e%3cg%20transform='matrix(2,0,0,2,-116.592,-107.388)'%3e%3cellipse%20cx='86'%20cy='92'%20rx='3'%20ry='1.5'%20style='fill:rgb(122,74,14);'/%3e%3c/g%3e%3cg%20transform='matrix(2,0,0,2,-132.065,-107.388)'%3e%3cellipse%20cx='86'%20cy='92'%20rx='3'%20ry='1.5'%20style='fill:rgb(122,74,14);'/%3e%3c/g%3e%3cg%20transform='matrix(1.02083,0,0,1.02083,-28.4825,-8.00437)'%3e%3cpath%20d='M90,34L96,22L80,30L90,34Z'%20style='fill:url(%23_Linear1);fill-rule:nonzero;'/%3e%3c/g%3e%3cg%20transform='matrix(-1.02083,0,0,1.02083,124.21,-8.00437)'%3e%3cpath%20d='M90,34L96,22L80,30L90,34Z'%20style='fill:url(%23_Linear2);fill-rule:nonzero;'/%3e%3c/g%3e%3cg%20transform='matrix(0.75,0,0,0.75,0,-4.92105)'%3e%3cellipse%20cx='64'%20cy='72'%20rx='34'%20ry='38'%20style='fill:url(%23_Linear3);'/%3e%3c/g%3e%3cg%20transform='matrix(0.75,0,0,0.75,0,-4.92105)'%3e%3cellipse%20cx='64'%20cy='86'%20rx='22'%20ry='20'%20style='fill:rgb(248,232,200);'/%3e%3c/g%3e%3cg%20transform='matrix(0.75,0,0,0.75,0,-4.92105)'%3e%3ccircle%20cx='52'%20cy='58'%20r='11'%20style='fill:white;stroke:rgb(90,58,26);stroke-width:2px;'/%3e%3c/g%3e%3cg%20transform='matrix(0.75,0,0,0.75,0,-4.92105)'%3e%3ccircle%20cx='76'%20cy='58'%20r='11'%20style='fill:white;stroke:rgb(90,58,26);stroke-width:2px;'/%3e%3c/g%3e%3cg%20transform='matrix(0.75,0,0,0.75,0,-4.92105)'%3e%3ccircle%20cx='52'%20cy='58'%20r='5'%20style='fill:rgb(26,15,10);'/%3e%3c/g%3e%3cg%20transform='matrix(0.75,0,0,0.75,0,-4.92105)'%3e%3ccircle%20cx='76'%20cy='58'%20r='5'%20style='fill:rgb(26,15,10);'/%3e%3c/g%3e%3cg%20transform='matrix(0.75,0,0,0.75,0,-4.92105)'%3e%3ccircle%20cx='50'%20cy='56'%20r='2'%20style='fill:white;'/%3e%3c/g%3e%3cg%20transform='matrix(0.75,0,0,0.75,0,-4.92105)'%3e%3ccircle%20cx='74'%20cy='56'%20r='2'%20style='fill:white;'/%3e%3c/g%3e%3cg%20transform='matrix(0.75,0,0,0.75,0,-4.92105)'%3e%3cpath%20d='M60,70L64,78L68,70L60,70Z'%20style='fill:rgb(255,179,106);fill-rule:nonzero;stroke:rgb(122,74,14);stroke-width:1px;'/%3e%3c/g%3e%3cg%20transform='matrix(0.75,0,0,0.75,0,-4.92105)'%3e%3cpath%20d='M30,60C24.667,73.333%2025.333,86.667%2032,100L38,90C36.667,80.667%2036.667,72%2038,64L30,60Z'%20style='fill:url(%23_Linear4);fill-rule:nonzero;'/%3e%3c/g%3e%3cg%20transform='matrix(0.75,0,0,0.75,0,-4.92105)'%3e%3cpath%20d='M98,60C103.333,73.333%20102.667,86.667%2096,100L90,90C91.333,80.667%2091.333,72%2090,64L98,60Z'%20style='fill:url(%23_Linear5);fill-rule:nonzero;'/%3e%3c/g%3e%3cdefs%3e%3clinearGradient%20id='_Linear1'%20x1='0'%20y1='0'%20x2='1'%20y2='0'%20gradientUnits='userSpaceOnUse'%20gradientTransform='matrix(7.34788e-16,12,-12,7.34788e-16,80,22)'%3e%3cstop%20offset='0'%20style='stop-color:rgb(232,200,168);stop-opacity:1'/%3e%3cstop%20offset='1'%20style='stop-color:rgb(168,120,74);stop-opacity:1'/%3e%3c/linearGradient%3e%3clinearGradient%20id='_Linear2'%20x1='0'%20y1='0'%20x2='1'%20y2='0'%20gradientUnits='userSpaceOnUse'%20gradientTransform='matrix(7.34788e-16,12,-12,7.34788e-16,80,22)'%3e%3cstop%20offset='0'%20style='stop-color:rgb(232,200,168);stop-opacity:1'/%3e%3cstop%20offset='1'%20style='stop-color:rgb(168,120,74);stop-opacity:1'/%3e%3c/linearGradient%3e%3clinearGradient%20id='_Linear3'%20x1='0'%20y1='0'%20x2='1'%20y2='0'%20gradientUnits='userSpaceOnUse'%20gradientTransform='matrix(4.65366e-15,76,-76,4.65366e-15,30,34)'%3e%3cstop%20offset='0'%20style='stop-color:rgb(232,200,168);stop-opacity:1'/%3e%3cstop%20offset='1'%20style='stop-color:rgb(168,120,74);stop-opacity:1'/%3e%3c/linearGradient%3e%3clinearGradient%20id='_Linear4'%20x1='0'%20y1='0'%20x2='1'%20y2='0'%20gradientUnits='userSpaceOnUse'%20gradientTransform='matrix(-9.30994,-1.27833,1.27833,-9.30994,35.7544,81.2783)'%3e%3cstop%20offset='0'%20style='stop-color:rgb(232,200,168);stop-opacity:1'/%3e%3cstop%20offset='1'%20style='stop-color:rgb(168,120,74);stop-opacity:1'/%3e%3c/linearGradient%3e%3clinearGradient%20id='_Linear5'%20x1='0'%20y1='0'%20x2='1'%20y2='0'%20gradientUnits='userSpaceOnUse'%20gradientTransform='matrix(11.5556,3.71929,-3.71929,11.5556,90,74.9474)'%3e%3cstop%20offset='0'%20style='stop-color:rgb(232,200,168);stop-opacity:1'/%3e%3cstop%20offset='1'%20style='stop-color:rgb(168,120,74);stop-opacity:1'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e"
 }, bu = Object.keys(yu);
 function xu(e) {
 	if (e) return e in yu ? yu[e] : e;
@@ -8357,7 +8374,7 @@ function Su() {
 	let e = xu(o((e) => e.config.botAvatar));
 	return e ? /* @__PURE__ */ S("div", {
 		className: "w-7 h-7 rounded-full flex-shrink-0 overflow-hidden",
-		style: { background: "var(--t-bg-surface2)" },
+		style: { background: "var(--t-bg-base)" },
 		children: /* @__PURE__ */ S("img", {
 			src: e,
 			alt: "",
@@ -8366,7 +8383,7 @@ function Su() {
 	}) : /* @__PURE__ */ S("div", {
 		className: "w-7 h-7 rounded-full flex-shrink-0 flex items-center justify-center text-xs font-bold",
 		style: {
-			background: "var(--t-bg-surface2)",
+			background: "var(--t-bg-base)",
 			color: "var(--t-fg-secondary)"
 		},
 		children: "A"
@@ -8383,12 +8400,26 @@ function wu({ message: e }) {
 	return /* @__PURE__ */ C("div", {
 		className: `flex gap-3 ${t ? "flex-row-reverse" : "flex-row"} items-end mb-4`,
 		children: [t ? /* @__PURE__ */ S("div", {
-			className: "w-7 h-7 rounded-full flex-shrink-0 flex items-center justify-center text-xs font-bold",
+			className: "w-7 h-7 rounded-full flex-shrink-0 flex items-center justify-center",
 			style: {
 				background: "var(--t-user-bubble)",
 				color: "var(--t-user-fg)"
 			},
-			children: "U"
+			children: /* @__PURE__ */ C("svg", {
+				width: "14",
+				height: "14",
+				viewBox: "0 0 24 24",
+				fill: "none",
+				stroke: "currentColor",
+				strokeWidth: "2",
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				children: [/* @__PURE__ */ S("path", { d: "M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2" }), /* @__PURE__ */ S("circle", {
+					cx: "12",
+					cy: "7",
+					r: "4"
+				})]
+			})
 		}) : /* @__PURE__ */ S(Su, {}), /* @__PURE__ */ C("div", {
 			className: `flex flex-col gap-1 max-w-[88%] ${t ? "items-end" : "items-start"}`,
 			children: [/* @__PURE__ */ S("div", {
@@ -8489,7 +8520,7 @@ function Ou({ onSend: e, disabled: t, placeholder: n, allowFileUploads: r }) {
 			className: "flex items-end gap-2 p-3",
 			children: [
 				r && /* @__PURE__ */ S("button", {
-					className: "flex-shrink-0 w-9 h-9 rounded-xl flex items-center justify-center text-fg-secondary hover:text-fg-primary hover:bg-bg-surface transition-colors",
+					className: "flex-shrink-0 w-[42px] h-[42px] rounded-xl flex items-center justify-center text-fg-secondary hover:text-fg-primary hover:bg-bg-surface transition-colors",
 					title: "Attach file",
 					tabIndex: -1,
 					children: /* @__PURE__ */ S("svg", {
@@ -8510,7 +8541,7 @@ function Ou({ onSend: e, disabled: t, placeholder: n, allowFileUploads: r }) {
 					placeholder: n ?? "Type a message… (Enter to send, Shift+Enter for newline)",
 					disabled: t,
 					rows: 1,
-					className: "flex-1 rounded-xl px-4 py-2.5 text-sm leading-relaxed focus:outline-none disabled:opacity-50 min-h-[42px]",
+					className: "flex-1 rounded-xl px-4 py-2.5 text-base md:text-sm leading-relaxed focus:outline-none disabled:opacity-50 min-h-[42px]",
 					style: {
 						background: "var(--t-bg-surface)",
 						color: "var(--t-fg-primary)",
@@ -8521,7 +8552,7 @@ function Ou({ onSend: e, disabled: t, placeholder: n, allowFileUploads: r }) {
 				/* @__PURE__ */ S("button", {
 					onClick: f,
 					disabled: t || !i.trim(),
-					className: "flex-shrink-0 w-9 h-9 rounded-xl flex items-center justify-center transition-colors disabled:opacity-40 disabled:cursor-not-allowed",
+					className: "flex-shrink-0 w-[42px] h-[42px] rounded-xl flex items-center justify-center transition-colors disabled:opacity-40 disabled:cursor-not-allowed",
 					style: {
 						background: "var(--t-accent)",
 						color: "var(--t-accent-fg)"
@@ -8882,29 +8913,29 @@ function Bu({ text: e, muted: t }) {
 //#endregion
 //#region src/components/ChatView.tsx
 function Vu({ onOpenSettings: e, onClose: t }) {
-	let { t: n } = Pe(), r = s((e) => e.activeSessionId), i = s((e) => r ? e.messages[r] ?? [] : []), a = s((e) => e.createSession), c = s((e) => e.isStreaming), l = o((e) => e.config), u = o((e) => e.language), d = l.hideSettings ?? !1, { send: f } = We(), p = v(null), m = l.i18n?.[u] ?? l.i18n?.en ?? {}, h = m.initialMessages ?? l.initialMessages ?? [], _ = m.botName ?? l.botName ?? n("header.assistant"), b = l.tabs, w = b?.notifications, T = b?.help, E = !!(w?.feedUrl || w?.items?.length || T?.feedUrl || T?.items?.length), D = E ? [
-		w?.feedUrl || w?.items?.length ? {
+	let { t: n } = Pe(), r = s((e) => e.activeSessionId), i = s((e) => r ? e.messages[r] ?? [] : []), a = s((e) => e.createSession), c = s((e) => e.isStreaming), l = s((e) => r ? !!e.awaitingAgentReply[r] : !1), u = o((e) => e.config), d = o((e) => e.language), f = u.hideSettings ?? !1, { send: p } = We(), m = v(null), h = u.i18n?.[d] ?? u.i18n?.en ?? {}, _ = h.initialMessages ?? u.initialMessages ?? [], b = h.botName ?? u.botName ?? n("header.assistant"), w = u.tabs, T = w?.notifications, E = w?.help, D = !!(T?.feedUrl || T?.items?.length || E?.feedUrl || E?.items?.length), O = D ? [
+		T?.feedUrl || T?.items?.length ? {
 			id: "notifications",
-			label: m.tabs?.notifications?.title ?? b?.notifications?.title ?? n("tabs.notifications"),
+			label: h.tabs?.notifications?.title ?? w?.notifications?.title ?? n("tabs.notifications"),
 			icon: "bulb"
 		} : null,
-		T?.feedUrl || T?.items?.length ? {
+		E?.feedUrl || E?.items?.length ? {
 			id: "help",
-			label: m.tabs?.help?.title ?? b?.help?.title ?? n("tabs.help"),
+			label: h.tabs?.help?.title ?? w?.help?.title ?? n("tabs.help"),
 			icon: "book"
 		} : null,
 		{
 			id: "chat",
-			label: m.tabs?.chat?.title ?? b?.chat?.title ?? n("tabs.chat"),
+			label: h.tabs?.chat?.title ?? w?.chat?.title ?? n("tabs.chat"),
 			icon: "chat"
 		}
-	].filter((e) => e !== null) : [], [O, k] = y("chat");
+	].filter((e) => e !== null) : [], [k, A] = y("chat");
 	g(() => {
 		r || a();
 	}, [r, a]), g(() => {
-		p.current?.scrollIntoView({ behavior: "smooth" });
+		m.current?.scrollIntoView({ behavior: "smooth" });
 	}, [i, c]);
-	let A = l.showWelcomeScreen && i.length === 0 && !c, j = m.welcomeSubtitle ?? n("welcome.subtitle"), M = !E || O === "chat";
+	let j = u.showWelcomeScreen && i.length === 0 && !c, M = h.welcomeSubtitle ?? n("welcome.subtitle"), N = !D || k === "chat";
 	return /* @__PURE__ */ C("div", {
 		className: "flex flex-col h-full min-w-0",
 		children: [
@@ -8917,8 +8948,8 @@ function Vu({ onOpenSettings: e, onClose: t }) {
 				children: [/* @__PURE__ */ C("div", {
 					className: "flex items-center gap-2",
 					children: [
-						xu(l.botAvatar) ? /* @__PURE__ */ S("img", {
-							src: xu(l.botAvatar),
+						xu(u.botAvatar) ? /* @__PURE__ */ S("img", {
+							src: xu(u.botAvatar),
 							alt: "",
 							className: "w-7 h-7 rounded-full object-cover flex-shrink-0",
 							style: { border: "1px solid var(--t-bg-border)" }
@@ -8928,9 +8959,9 @@ function Vu({ onOpenSettings: e, onClose: t }) {
 						}),
 						/* @__PURE__ */ S("span", {
 							className: "text-sm font-semibold text-fg-primary",
-							children: _
+							children: b
 						}),
-						l.webhookUrl ? /* @__PURE__ */ C("span", {
+						u.webhookUrl ? /* @__PURE__ */ C("span", {
 							className: "text-xs text-fg-muted",
 							children: ["● ", n("header.online")]
 						}) : /* @__PURE__ */ S("span", {
@@ -8940,7 +8971,7 @@ function Vu({ onOpenSettings: e, onClose: t }) {
 					]
 				}), /* @__PURE__ */ C("div", {
 					className: "flex items-center gap-1",
-					children: [!d && /* @__PURE__ */ S("button", {
+					children: [!f && /* @__PURE__ */ S("button", {
 						onClick: e,
 						className: "w-8 h-8 rounded-lg flex items-center justify-center text-fg-secondary hover:text-fg-primary hover:bg-bg-surface transition-colors",
 						title: n("sidebar.settings"),
@@ -8953,39 +8984,39 @@ function Vu({ onOpenSettings: e, onClose: t }) {
 					})]
 				})]
 			}),
-			E && /* @__PURE__ */ S(ku, {
-				tabs: D,
-				activeId: O,
-				onChange: (e) => k(e)
-			}),
-			E && O === "notifications" && /* @__PURE__ */ S(Mu, {
-				feedUrl: w?.feedUrl,
-				inlineItems: w?.items
+			D && /* @__PURE__ */ S(ku, {
+				tabs: O,
+				activeId: k,
+				onChange: (e) => A(e)
 			}),
-			E && O === "help" && /* @__PURE__ */ S(Lu, {
+			D && k === "notifications" && /* @__PURE__ */ S(Mu, {
 				feedUrl: T?.feedUrl,
 				inlineItems: T?.items
 			}),
-			M && /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ C("div", {
+			D && k === "help" && /* @__PURE__ */ S(Lu, {
+				feedUrl: E?.feedUrl,
+				inlineItems: E?.items
+			}),
+			N && /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ C("div", {
 				className: "flex-1 overflow-y-auto px-4 py-4",
-				children: [A ? /* @__PURE__ */ S(Hu, {
-					botName: _,
-					subtitle: j
+				children: [j ? /* @__PURE__ */ S(Hu, {
+					botName: b,
+					subtitle: M
 				}) : /* @__PURE__ */ C(x, { children: [
-					i.length === 0 && h.map((e, t) => /* @__PURE__ */ S(wu, { message: {
+					i.length === 0 && _.map((e, t) => /* @__PURE__ */ S(wu, { message: {
 						id: String(t),
 						role: "bot",
 						content: e,
 						ts: Date.now()
 					} }, t)),
 					i.map((e, t) => c && t === i.length - 1 && e.role === "bot" && e.content === "" ? null : /* @__PURE__ */ S(wu, { message: e }, e.id)),
-					c && i[i.length - 1]?.role === "bot" && i[i.length - 1]?.content === "" && /* @__PURE__ */ S(Tu, {})
-				] }), /* @__PURE__ */ S("div", { ref: p })]
+					(c && i[i.length - 1]?.role === "bot" && i[i.length - 1]?.content === "" || l) && /* @__PURE__ */ S(Tu, {})
+				] }), /* @__PURE__ */ S("div", { ref: m })]
 			}), /* @__PURE__ */ S(Ou, {
-				onSend: f,
-				disabled: c || !l.webhookUrl,
-				placeholder: l.webhookUrl ? n("input.placeholder") : n("input.placeholderUnconfigured"),
-				allowFileUploads: l.allowFileUploads
+				onSend: p,
+				disabled: c || !u.webhookUrl,
+				placeholder: u.webhookUrl ? n("input.placeholder") : n("input.placeholderUnconfigured"),
+				allowFileUploads: u.allowFileUploads
 			})] })
 		]
 	});
@@ -9058,35 +9089,35 @@ function Gu() {
 var Ku = 500 * 1024, qu = [
 	{
 		code: "en",
-		label: "EN – English"
+		label: "EN - English"
 	},
 	{
 		code: "sk",
-		label: "SK – Slovak"
+		label: "SK - Slovak"
 	},
 	{
 		code: "de",
-		label: "DE – German"
+		label: "DE - German"
 	},
 	{
 		code: "cs",
-		label: "CS – Czech"
+		label: "CS - Czech"
 	},
 	{
 		code: "pl",
-		label: "PL – Polish"
+		label: "PL - Polish"
 	},
 	{
 		code: "hu",
-		label: "HU – Hungarian"
+		label: "HU - Hungarian"
 	},
 	{
 		code: "fr",
-		label: "FR – French"
+		label: "FR - French"
 	},
 	{
 		code: "es",
-		label: "ES – Spanish"
+		label: "ES - Spanish"
 	}
 ];
 function Ju({ onClose: e }) {
@@ -9797,7 +9828,7 @@ useSettingsStore.getState().setLanguage(${JSON.stringify(i)})
 					})] })
 				})
 			]
-		}), /* @__PURE__ */ S("style", { children: "\n        .input-field {\n          width: 100%;\n          padding: 8px 12px;\n          border-radius: 8px;\n          font-size: 13px;\n          background: var(--t-bg-surface2);\n          color: var(--t-fg-primary);\n          border: 1px solid var(--t-bg-border);\n          outline: none;\n          transition: border-color 0.15s;\n        }\n        .input-field:focus { border-color: var(--t-accent); }\n      " })]
+		}), /* @__PURE__ */ S("style", { children: "\n        .input-field {\n          width: 100%;\n          padding: 8px 12px;\n          border-radius: 8px;\n          font-size: 13px;\n          background: var(--t-bg-surface2);\n          color: var(--t-fg-primary);\n          border: 1px solid var(--t-bg-border);\n          outline: none;\n          transition: border-color 0.15s;\n        }\n        .input-field:focus { border-color: var(--t-accent); }\n        @media (max-width: 767px) {\n          .input-field { font-size: 1rem; }\n        }\n      " })]
 	});
 }
 function $({ label: e, required: t, error: n, children: r }) {
@@ -10082,11 +10113,10 @@ function $u() {
 	}), !_ && r && /* @__PURE__ */ S(Ju, { onClose: () => i(!1) })] });
 }
 function ed({ open: e, iconSrc: t, onClick: n }) {
-	let r = !!t && !e;
 	return /* @__PURE__ */ S("button", {
 		className: "fixed bottom-4 right-4 z-50 w-14 h-14 rounded-full shadow-lg flex items-center justify-center transition-transform hover:scale-105 overflow-hidden",
 		style: {
-			background: r ? "transparent" : "var(--t-accent)",
+			background: "var(--t-accent)",
 			color: "var(--t-accent-fg)"
 		},
 		onClick: n,
@@ -10099,7 +10129,7 @@ function ed({ open: e, iconSrc: t, onClick: n }) {
 			stroke: "currentColor",
 			strokeWidth: "2.5",
 			children: /* @__PURE__ */ S("path", { d: "M18 6 6 18M6 6l12 12" })
-		}) : r ? /* @__PURE__ */ S("img", {
+		}) : t && !e ? /* @__PURE__ */ S("img", {
 			src: t,
 			alt: "",
 			className: "w-full h-full object-cover"

package/dist/store/chatStore.d.ts

@@ -4,11 +4,14 @@ interface ChatState {
     activeSessionId: string | null;
     messages: Record<string, Message[]>;
     isStreaming: boolean;
+    awaitingAgentReply: Record<string, boolean>;
     createSession(): string;
     setActiveSession(id: string): void;
     addMessage(sessionId: string, msg: Message): void;
     appendToLastBot(sessionId: string, chunk: string): void;
+    removeLastBotIfEmpty(sessionId: string): void;
     setStreaming(val: boolean): void;
+    setAwaitingAgentReply(sessionId: string, val: boolean): void;
     deleteSession(id: string): void;
     renameSession(id: string, title: string): void;
     clearMessages(sessionId: string): void;

package/dist/store.js

@@ -1,2 +1,2 @@
-import { t as e } from "./chunks/settingsStore-uYZsUiVr.js";
+import { t as e } from "./chunks/settingsStore-Br8PCCHq.js";
 export { e as useSettingsStore };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elia-assistant/chatui",
-  "version": "1.0.6",
+  "version": "1.0.9",
   "license": "MIT",
   "type": "module",
   "main": "./dist/index.js",
@@ -44,7 +44,7 @@
     "build": "tsc -b --noEmit && vite build && vite build --config vite.iife.config.ts && tsc -p tsconfig.build.json",
     "preview": "vite preview",
     "pack:dry": "npm pack --dry-run",
-    "prepublishOnly": "npm run build"
+    "prepack": "npm run build"
   },
   "peerDependencies": {
     "react": "^19.0.0",
@@ -72,4 +72,4 @@
     "vite": "^8.0.0",
     "vite-plugin-dts": "^4.5.4"
   }
-}
+}