@elia-assistant/chatui 1.0.10 → 1.0.12

package/dist/index.js

@@ -1,5 +1,5 @@
-import { a as e, i as t, n, r } from "./chunks/i18n-B0xhVAye.js";
-import { n as i, r as a, t as o } from "./chunks/settingsStore-CpRkCJCy.js";
+import { a as e, i as t, n, r } from "./chunks/i18n-CGlsSoQa.js";
+import { n as i, r as a, t as o } from "./chunks/settingsStore-Bqlj_GzJ.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,25 +532,25 @@ function Re(e, t, n) {
 //#endregion
 //#region src/hooks/useAgentStream.ts
 function ze() {
-	let e = o((e) => e.config), t = s((e) => e.activeSessionId), n = s((e) => e.addMessage), r = s((e) => e.setAwaitingAgentReply);
+	let e = o((e) => e.config), t = s((e) => e.activeSessionId), n = s((e) => e.addMessage), r = s((e) => e.setAwaitingAgentReply), i = s((e) => e.setToken);
 	g(() => {
-		let i = e.agentStream;
-		if (!i || !i.apiBaseUrl || !i.tenantId || !t) return;
-		let a = !1, o = null;
+		let a = e.agentStream;
+		if (!a || !a.apiBaseUrl || !a.tenantId || !t) return;
+		let o = !1, s = null;
 		return (async () => {
 			try {
-				let e = await fetch(`${i.apiBaseUrl.replace(/\/$/, "")}/api/public/chat-stream/init`, {
+				let e = await fetch(`${a.apiBaseUrl.replace(/\/$/, "")}/api/public/chat-stream/init`, {
 					method: "POST",
 					headers: { "Content-Type": "application/json" },
 					body: JSON.stringify({
-						tenantId: i.tenantId,
+						tenantId: a.tenantId,
 						sessionId: t
 					})
 				});
 				if (!e.ok) return;
-				let s = await e.json();
-				if (a) return;
-				o = new EventSource(s.streamUrl), o.addEventListener("agentReply", (e) => {
+				let c = await e.json();
+				if (o) return;
+				i(t, c.token, Date.parse(c.expiresAt) || Date.now() + 36e5), s = new EventSource(c.streamUrl), s.addEventListener("agentReply", (e) => {
 					let i;
 					try {
 						i = JSON.parse(e.data);
@@ -563,10 +563,10 @@ function ze() {
 						content: i.body,
 						ts: Date.parse(i.createdAt) || Date.now()
 					}), r(t, !1);
-				}), o.onerror = () => {};
+				}), s.onerror = () => {};
 			} catch {}
 		})(), () => {
-			a = !0, o?.close();
+			o = !0, s?.close();
 		};
 	}, [
 		e.agentStream,
@@ -691,27 +691,28 @@ var Ve = class extends Error {
 		super(e), this.name = "N8nApiError", this.status = t, this.retryable = n;
 	}
 }, He = 2, Ue = [500, 1500];
-async function We(e, t, n, r, i) {
-	let a = e.chatInputKey ?? "chatInput", o = e.chatSessionKey ?? "sessionId", s = e.webhookConfig?.method ?? "POST", c = {
+async function We(e, t, n, r, i, a) {
+	let o = e.chatInputKey ?? "chatInput", s = e.chatSessionKey ?? "sessionId", c = e.webhookConfig?.method ?? "POST", l = {
 		"Content-Type": "application/json",
 		...e.webhookConfig?.headers
-	}, l = {
-		[a]: n,
-		[o]: t,
+	}, u = {
+		[o]: n,
+		[s]: t,
 		...r ? { language: r } : {},
+		...i && i.length > 0 ? { attachments: i } : {},
 		...e.metadata
-	}, u = e.streaming && i !== void 0;
-	u && (c.Accept = "text/event-stream");
-	let d;
+	}, d = e.streaming && a !== void 0;
+	d && (l.Accept = "text/event-stream");
+	let f;
 	for (let t = 0; t <= He; t++) {
-		t > 0 && await qe((d instanceof Ve && d.status === 429 ? Ke(d) : null) ?? Ue[t - 1] ?? 4e3);
+		t > 0 && await qe((f instanceof Ve && f.status === 429 ? Ke(f) : null) ?? Ue[t - 1] ?? 4e3);
 		try {
 			let t;
 			try {
 				t = await fetch(e.webhookUrl, {
-					method: s,
-					headers: c,
-					body: s === "GET" ? void 0 : JSON.stringify(l)
+					method: c,
+					headers: l,
+					body: c === "GET" ? void 0 : JSON.stringify(u)
 				});
 			} catch (e) {
 				throw new Ve(`Network error: ${e instanceof Error ? e.message : String(e)}`, void 0, !0);
@@ -720,7 +721,7 @@ async function We(e, t, n, r, i) {
 				let e = Ge(t.status), n = t.headers.get("Retry-After"), r = new Ve(`Webhook returned ${t.status}`, t.status, e);
 				throw n && (r.retryAfter = n), r;
 			}
-			if (u && t.body) return await Je(t.body, i);
+			if (d && t.body) return await Je(t.body, a);
 			let n = await t.text();
 			if (!n) return "";
 			try {
@@ -730,10 +731,10 @@ async function We(e, t, n, r, i) {
 				return "";
 			}
 		} catch (e) {
-			if (d = e, !(e instanceof Ve && e.retryable) || t === He) throw e;
+			if (f = e, !(e instanceof Ve && e.retryable) || t === He) throw e;
 		}
 	}
-	throw d;
+	throw f;
 }
 function Ge(e) {
 	return e === 408 || e === 429 || e === 502 || e === 503 || e === 504;
@@ -774,7 +775,7 @@ function Ye() {
 	return Math.random().toString(36).slice(2) + Date.now().toString(36);
 }
 function Xe() {
-	let { activeSessionId: e, addMessage: t, appendToLastBot: n, removeLastBotIfEmpty: r, setStreaming: i, setAwaitingAgentReply: a, updateMessageStatus: c, createSession: l } = s(), u = o((e) => e.config), d = o((e) => e.language), f = s((e) => e.isStreaming), p = m(async (e, o, l) => {
+	let { activeSessionId: e, addMessage: t, appendToLastBot: n, removeLastBotIfEmpty: r, setStreaming: i, setAwaitingAgentReply: a, updateMessageStatus: c, createSession: l } = s(), u = o((e) => e.config), d = o((e) => e.language), f = s((e) => e.isStreaming), p = m(async (e, o, l, f) => {
 		c(l, o, "sending"), i(!0), t(l, {
 			id: Ye(),
 			role: "bot",
@@ -782,11 +783,11 @@ function Xe() {
 			ts: Date.now()
 		});
 		try {
-			if (u.streaming) await We(u, l, e, d, (e) => {
+			if (u.streaming) await We(u, l, e, d, f, (e) => {
 				n(l, e);
 			});
 			else {
-				let t = await We(u, l, e, d);
+				let t = await We(u, l, e, d, f);
 				t && n(l, t);
 			}
 			let t = s.getState().messages[l]?.slice(-1)[0];
@@ -807,16 +808,18 @@ function Xe() {
 		c
 	]);
 	return {
-		send: m(async (n) => {
-			if (!u.webhookUrl || !n.trim()) return;
-			let r = e ?? l(), i = n.trim(), a = {
+		send: m(async (n, r) => {
+			let i = r && r.length > 0;
+			if (!u.webhookUrl || !n.trim() && !i) return;
+			let a = e ?? l(), o = n.trim(), s = {
 				id: Ye(),
 				role: "user",
-				content: i,
+				content: o,
 				ts: Date.now(),
-				status: "sending"
+				status: "sending",
+				attachments: r
 			};
-			t(r, a), await p(i, a.id, r);
+			t(a, s), await p(o, s.id, a, r);
 		}, [
 			u.webhookUrl,
 			e,
@@ -828,7 +831,7 @@ function Xe() {
 			let t = s.getState(), n = t.activeSessionId;
 			if (!n) return;
 			let r = t.messages[n]?.find((t) => t.id === e);
-			!r || r.role !== "user" || r.status !== "failed" || u.webhookUrl && await p(r.content, e, n);
+			!r || r.role !== "user" || r.status !== "failed" || u.webhookUrl && await p(r.content, e, n, r.attachments);
 		}, [u.webhookUrl, p]),
 		isStreaming: f
 	};
@@ -8409,7 +8412,8 @@ var wu = {
 	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",
 	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"
+	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",
+	bubble: "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-linejoin:round;stroke-miterlimit:2;'%3e%3cg%3e%3cclipPath%20id='_clip1'%3e%3ccircle%20cx='48'%20cy='48'%20r='48'/%3e%3c/clipPath%3e%3cg%20clip-path='url(%23_clip1)'%3e%3cg%20transform='matrix(1.98284,0,0,1.98284,24.2059,24.2059)'%3e%3cpath%20d='M12,3C17.5,3%2022,6.58%2022,11C22,15.42%2017.5,19%2012,19C10.76,19%209.57,18.82%208.47,18.5C5.55,21%202,21%202,21C4.33,18.67%204.7,17.1%204.75,16.5C3.05,15.07%202,13.13%202,11C2,6.58%206.5,3%2012,3'%20style='fill:white;fill-rule:nonzero;'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e"
 }, Tu = Object.keys(wu);
 function Eu(e) {
 	if (e) return e in wu ? wu[e] : e;
@@ -8420,7 +8424,7 @@ function Du() {
 	let e = Eu(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-base)" },
+		style: { background: "var(--t-avatar-bg)" },
 		children: /* @__PURE__ */ S("img", {
 			src: e,
 			alt: "",
@@ -8468,7 +8472,7 @@ function ku({ message: e, onRetry: t }) {
 			})
 		}) : /* @__PURE__ */ S(Du, {}), /* @__PURE__ */ C("div", {
 			className: `flex flex-col gap-1 max-w-[88%] ${r ? "items-end" : "items-start"}`,
-			children: [/* @__PURE__ */ S("div", {
+			children: [/* @__PURE__ */ C("div", {
 				className: "px-4 py-2.5 rounded-2xl text-sm leading-relaxed break-words",
 				style: r ? {
 					background: "var(--t-user-bubble)",
@@ -8482,7 +8486,7 @@ function ku({ message: e, onRetry: t }) {
 					border: "1px solid var(--t-bg-border)",
 					borderBottomLeftRadius: "4px"
 				},
-				children: r ? /* @__PURE__ */ S("span", { children: e.content }) : /* @__PURE__ */ S(ys, {
+				children: [r ? /* @__PURE__ */ S("span", { children: e.content }) : /* @__PURE__ */ S(ys, {
 					remarkPlugins: [Cu],
 					components: {
 						p: ({ children: e }) => /* @__PURE__ */ S("p", {
@@ -8514,7 +8518,66 @@ function ku({ message: e, onRetry: t }) {
 						})
 					},
 					children: e.content
-				})
+				}), e.attachments && e.attachments.length > 0 && /* @__PURE__ */ S("div", {
+					className: "flex flex-col gap-2 mt-2 min-w-[200px]",
+					children: e.attachments.map((e, t) => /* @__PURE__ */ C("a", {
+						href: e.url,
+						target: "_blank",
+						rel: "noopener noreferrer",
+						className: "flex items-center gap-3 p-2.5 rounded-xl border transition-all text-xs font-medium no-underline hover:opacity-90",
+						style: r ? {
+							background: "rgba(255, 255, 255, 0.15)",
+							color: "var(--t-user-fg)",
+							borderColor: "rgba(255, 255, 255, 0.25)"
+						} : {
+							background: "var(--t-bg-surface2, var(--t-bg-surface))",
+							color: "var(--t-fg-primary)",
+							borderColor: "var(--t-bg-border)"
+						},
+						title: `Download ${e.name}`,
+						children: [
+							/* @__PURE__ */ C("svg", {
+								width: "16",
+								height: "16",
+								viewBox: "0 0 24 24",
+								fill: "none",
+								stroke: "currentColor",
+								strokeWidth: "2",
+								className: "flex-shrink-0",
+								children: [/* @__PURE__ */ S("path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z" }), /* @__PURE__ */ S("path", { d: "M14 2v4a2 2 0 0 0 2 2h4" })]
+							}),
+							/* @__PURE__ */ C("div", {
+								className: "flex-1 min-w-0",
+								children: [/* @__PURE__ */ S("div", {
+									className: "truncate font-semibold",
+									children: e.name
+								}), e.size && /* @__PURE__ */ C("div", {
+									className: "opacity-75 text-[10px]",
+									children: [(e.size / 1024).toFixed(0), " KB"]
+								})]
+							}),
+							/* @__PURE__ */ C("svg", {
+								width: "14",
+								height: "14",
+								viewBox: "0 0 24 24",
+								fill: "none",
+								stroke: "currentColor",
+								strokeWidth: "2.5",
+								className: "flex-shrink-0",
+								children: [
+									/* @__PURE__ */ S("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
+									/* @__PURE__ */ S("polyline", { points: "7 10 12 15 17 10" }),
+									/* @__PURE__ */ S("line", {
+										x1: "12",
+										x2: "12",
+										y1: "15",
+										y2: "3"
+									})
+								]
+							})
+						]
+					}, t))
+				})]
 			}), /* @__PURE__ */ S("div", {
 				className: "flex items-center gap-2 px-1",
 				children: i ? /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ S("span", {
@@ -8559,17 +8622,40 @@ function Au() {
 //#endregion
 //#region src/components/InputArea.tsx
 var ju = "ELIA AI Assistant", Mu = "https://www.elia-asistent.com";
-function Nu({ onSend: e, disabled: t, placeholder: n, allowFileUploads: r }) {
-	let [i, a] = y(""), s = v(null), c = o((e) => e.config), l = c.poweredByLabel ?? ju, u = c.poweredByUrl ?? Mu, d = c.poweredByHide ?? !1, f = m(() => {
-		let n = i.trim();
-		!n || t || (e(n), a(""), s.current && (s.current.style.height = "auto"));
+async function Nu(e, t) {
+	let n = e.agentStream;
+	if (!n || !n.apiBaseUrl || !n.tenantId) return null;
+	let r = s.getState().tokens?.[t];
+	if (r && r.expiresAt > Date.now() + 6e4) return r.token;
+	try {
+		let e = await fetch(`${n.apiBaseUrl.replace(/\/$/, "")}/api/public/chat-stream/init`, {
+			method: "POST",
+			headers: { "Content-Type": "application/json" },
+			body: JSON.stringify({
+				tenantId: n.tenantId,
+				sessionId: t
+			})
+		});
+		if (!e.ok) return null;
+		let r = await e.json();
+		return s.getState().setToken(t, r.token, Date.parse(r.expiresAt)), r.token;
+	} catch {
+		return null;
+	}
+}
+function Pu({ onSend: e, disabled: t, placeholder: n, allowFileUploads: r }) {
+	let [i, a] = y(""), [c, l] = y([]), [u, d] = y(!1), [f, p] = y(null), h = v(null), g = o((e) => e.config), _ = s((e) => e.activeSessionId), b = g.poweredByLabel ?? ju, x = g.poweredByUrl ?? Mu, w = g.poweredByHide ?? !1, T = m(() => {
+		let n = i.trim(), r = c.length > 0;
+		!n && !r || t || u || (e(n, c), a(""), l([]), p(null), h.current && (h.current.style.height = "auto"));
 	}, [
 		i,
 		t,
+		u,
+		c,
 		e
-	]), p = m((e) => {
-		e.key === "Enter" && !e.shiftKey && (e.preventDefault(), f());
-	}, [f]), h = m((e) => {
+	]), E = m((e) => {
+		e.key === "Enter" && !e.shiftKey && (e.preventDefault(), T());
+	}, [T]), D = m((e) => {
 		a(e.target.value);
 		let t = e.target;
 		t.style.height = "auto", t.style.height = `${Math.min(t.scrollHeight, 180)}px`;
@@ -8580,77 +8666,201 @@ function Nu({ onSend: e, disabled: t, placeholder: n, allowFileUploads: r }) {
 			borderColor: "var(--t-bg-border)",
 			background: "var(--t-bg-base)"
 		},
-		children: [/* @__PURE__ */ C("div", {
-			className: "flex items-end gap-2 p-3",
-			children: [
-				r && /* @__PURE__ */ S("button", {
-					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", {
-						width: "18",
-						height: "18",
-						viewBox: "0 0 24 24",
-						fill: "none",
+		children: [
+			u && /* @__PURE__ */ C("div", {
+				className: "flex items-center gap-2 px-3 pt-2 text-xs text-fg-secondary",
+				children: [/* @__PURE__ */ C("svg", {
+					className: "animate-spin h-3.5 w-3.5",
+					viewBox: "0 0 24 24",
+					fill: "none",
+					stroke: "currentColor",
+					strokeWidth: "3",
+					children: [/* @__PURE__ */ S("circle", {
+						className: "opacity-25",
+						cx: "12",
+						cy: "12",
+						r: "10",
 						stroke: "currentColor",
-						strokeWidth: "2",
-						children: /* @__PURE__ */ S("path", { d: "m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l8.57-8.57A4 4 0 1 1 18 8.84l-8.59 8.57a2 2 0 0 1-2.83-2.83l8.49-8.48" })
-					})
-				}),
-				/* @__PURE__ */ S("textarea", {
-					ref: s,
-					value: i,
-					onChange: h,
-					onKeyDown: p,
-					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-base md:text-sm leading-relaxed focus:outline-none disabled:opacity-50 min-h-[42px]",
+						strokeWidth: "4"
+					}), /* @__PURE__ */ S("path", {
+						className: "opacity-75",
+						fill: "currentColor",
+						d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+					})]
+				}), /* @__PURE__ */ S("span", { children: "Uploading file..." })]
+			}),
+			f && /* @__PURE__ */ C("div", {
+				className: "flex items-center justify-between gap-2 px-3 pt-2 text-xs text-red-500 font-medium",
+				children: [/* @__PURE__ */ S("span", { children: f }), /* @__PURE__ */ S("button", {
+					onClick: () => p(null),
+					className: "opacity-80 hover:opacity-100 focus:outline-none",
+					children: "Dismiss"
+				})]
+			}),
+			c.length > 0 && /* @__PURE__ */ S("div", {
+				className: "flex flex-wrap gap-2 px-3 pt-2 pb-1 border-b",
+				style: { borderColor: "var(--t-bg-border)" },
+				children: c.map((e, t) => /* @__PURE__ */ C("div", {
+					className: "flex items-center gap-2 px-2.5 py-1.5 rounded-lg text-xs font-medium",
 					style: {
-						background: "var(--t-bg-surface)",
+						background: "var(--t-bg-surface2, var(--t-bg-surface))",
 						color: "var(--t-fg-primary)",
-						border: "1px solid var(--t-bg-border)",
-						resize: "none"
-					}
-				}),
-				/* @__PURE__ */ S("button", {
-					onClick: f,
-					disabled: t || !i.trim(),
-					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)"
+						border: "1px solid var(--t-bg-border)"
 					},
-					children: /* @__PURE__ */ C("svg", {
-						width: "18",
-						height: "18",
-						viewBox: "0 0 24 24",
-						fill: "none",
-						stroke: "currentColor",
-						strokeWidth: "2.5",
-						children: [/* @__PURE__ */ S("path", { d: "M22 2 11 13" }), /* @__PURE__ */ S("path", { d: "m22 2-7 20-4-9-9-4 20-7z" })]
+					children: [
+						/* @__PURE__ */ C("svg", {
+							width: "14",
+							height: "14",
+							viewBox: "0 0 24 24",
+							fill: "none",
+							stroke: "currentColor",
+							strokeWidth: "2",
+							children: [/* @__PURE__ */ S("path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z" }), /* @__PURE__ */ S("path", { d: "M14 2v4a2 2 0 0 0 2 2h4" })]
+						}),
+						/* @__PURE__ */ S("span", {
+							className: "truncate max-w-[120px]",
+							children: e.name
+						}),
+						e.size && /* @__PURE__ */ C("span", {
+							className: "opacity-60",
+							children: [
+								"(",
+								(e.size / 1024).toFixed(0),
+								" KB)"
+							]
+						}),
+						/* @__PURE__ */ S("button", {
+							type: "button",
+							onClick: () => l((e) => e.filter((e, n) => n !== t)),
+							className: "text-fg-secondary hover:text-fg-primary transition-colors focus:outline-none",
+							title: "Remove attachment",
+							children: /* @__PURE__ */ S("svg", {
+								width: "14",
+								height: "14",
+								viewBox: "0 0 24 24",
+								fill: "none",
+								stroke: "currentColor",
+								strokeWidth: "2.5",
+								children: /* @__PURE__ */ S("path", { d: "M18 6 6 18M6 6l12 12" })
+							})
+						})
+					]
+				}, t))
+			}),
+			/* @__PURE__ */ C("div", {
+				className: "flex items-end gap-2 p-3",
+				children: [
+					r && /* @__PURE__ */ C("label", {
+						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 cursor-pointer ${t || u ? "opacity-40 cursor-not-allowed pointer-events-none" : ""}`,
+						title: "Attach file",
+						children: [/* @__PURE__ */ S("input", {
+							type: "file",
+							accept: g.allowedFileExtensions ?? ".pdf,.docx,.png,.jpg,.jpeg",
+							onChange: async (e) => {
+								let t = e.target.files?.[0];
+								if (!t) return;
+								if (p(null), t.size > 5 * 1024 * 1024) {
+									p("File size exceeds the maximum limit of 5MB."), e.target.value = "";
+									return;
+								}
+								let n = "." + t.name.split(".").pop()?.toLowerCase(), r = g.allowedFileExtensions ?? ".pdf,.docx,.png,.jpg,.jpeg";
+								if (!r.split(",").map((e) => e.trim().toLowerCase()).includes(n)) {
+									p(`File type not allowed. Allowed types: ${r}`), e.target.value = "";
+									return;
+								}
+								let i = await Nu(g, _ ?? s.getState().createSession());
+								if (!i) {
+									p("Unable to authenticate file upload."), e.target.value = "";
+									return;
+								}
+								d(!0);
+								try {
+									let e = new FormData();
+									e.append("file", t);
+									let n = `${g.agentStream?.apiBaseUrl?.replace(/\/$/, "") ?? ""}/api/public/files/upload?t=${encodeURIComponent(i)}`, r = await fetch(n, {
+										method: "POST",
+										body: e
+									});
+									if (!r.ok) {
+										let e = await r.json().catch(() => ({}));
+										throw Error(e.error || `Upload failed with status ${r.status}`);
+									}
+									let a = await r.json();
+									l((e) => [...e, a]);
+								} catch (e) {
+									p(e.message || "Failed to upload file.");
+								} finally {
+									d(!1), e.target.value = "";
+								}
+							},
+							style: { display: "none" },
+							disabled: t || u
+						}), /* @__PURE__ */ S("svg", {
+							width: "18",
+							height: "18",
+							viewBox: "0 0 24 24",
+							fill: "none",
+							stroke: "currentColor",
+							strokeWidth: "2",
+							children: /* @__PURE__ */ S("path", { d: "m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l8.57-8.57A4 4 0 1 1 18 8.84l-8.59 8.57a2 2 0 0 1-2.83-2.83l8.49-8.48" })
+						})]
+					}),
+					/* @__PURE__ */ S("textarea", {
+						ref: h,
+						value: i,
+						onChange: D,
+						onKeyDown: E,
+						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-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)",
+							border: "1px solid var(--t-bg-border)",
+							resize: "none"
+						}
+					}),
+					/* @__PURE__ */ S("button", {
+						onClick: T,
+						disabled: t || u || !i.trim() && c.length === 0,
+						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)"
+						},
+						children: /* @__PURE__ */ C("svg", {
+							width: "18",
+							height: "18",
+							viewBox: "0 0 24 24",
+							fill: "none",
+							stroke: "currentColor",
+							strokeWidth: "2.5",
+							children: [/* @__PURE__ */ S("path", { d: "M22 2 11 13" }), /* @__PURE__ */ S("path", { d: "m22 2-7 20-4-9-9-4 20-7z" })]
+						})
 					})
+				]
+			}),
+			!w && /* @__PURE__ */ S("div", {
+				className: "text-center text-[11px] pb-2 px-3 text-fg-muted",
+				children: /* @__PURE__ */ S(Me, {
+					i18nKey: "footer.poweredBy",
+					values: { label: b },
+					components: { a: /* @__PURE__ */ S("a", {
+						href: x,
+						target: "_blank",
+						rel: "noopener noreferrer",
+						className: "hover:underline",
+						style: { color: "inherit" }
+					}) }
 				})
-			]
-		}), !d && /* @__PURE__ */ S("div", {
-			className: "text-center text-[11px] pb-2 px-3 text-fg-muted",
-			children: /* @__PURE__ */ S(Me, {
-				i18nKey: "footer.poweredBy",
-				values: { label: l },
-				components: { a: /* @__PURE__ */ S("a", {
-					href: u,
-					target: "_blank",
-					rel: "noopener noreferrer",
-					className: "hover:underline",
-					style: { color: "inherit" }
-				}) }
 			})
-		})]
+		]
 	});
 }
 //#endregion
 //#region src/components/Tabs.tsx
-function Pu({ tabs: e, activeId: t, onChange: n }) {
+function Fu({ tabs: e, activeId: t, onChange: n }) {
 	return /* @__PURE__ */ S("div", {
 		className: "flex gap-1 px-3 pt-3 pb-2 flex-shrink-0 border-b",
 		style: {
@@ -8669,11 +8879,11 @@ function Pu({ tabs: e, activeId: t, onChange: n }) {
 				color: "var(--t-fg-secondary)",
 				border: "1px solid transparent"
 			},
-			children: [e.icon && /* @__PURE__ */ S(Fu, { name: e.icon }), /* @__PURE__ */ S("span", { children: e.label })]
+			children: [e.icon && /* @__PURE__ */ S(Iu, { name: e.icon }), /* @__PURE__ */ S("span", { children: e.label })]
 		}, e.id))
 	});
 }
-function Fu({ name: e }) {
+function Iu({ name: e }) {
 	let t = {
 		width: 14,
 		height: 14,
@@ -8701,7 +8911,7 @@ function Fu({ name: e }) {
 }
 //#endregion
 //#region src/hooks/useFeedJson.ts
-function Iu(e, t) {
+function Lu(e, t) {
 	let [n, r] = y(() => e ? {
 		data: [],
 		loading: !0,
@@ -8747,20 +8957,20 @@ function Iu(e, t) {
 }
 //#endregion
 //#region src/components/NotificationsTab.tsx
-function Lu({ feedUrl: e, inlineItems: t }) {
-	let { t: n } = Fe(), { data: r, loading: i, error: a } = Iu(e, t);
-	return i ? /* @__PURE__ */ S(Vu, {
+function Ru({ feedUrl: e, inlineItems: t }) {
+	let { t: n } = Fe(), { data: r, loading: i, error: a } = Lu(e, t);
+	return i ? /* @__PURE__ */ S(Hu, {
 		text: n("tabs.loading"),
 		muted: !0
-	}) : a ? /* @__PURE__ */ S(Vu, { text: `${n("tabs.error")} (${a})` }) : r.length === 0 ? /* @__PURE__ */ S(Vu, {
+	}) : a ? /* @__PURE__ */ S(Hu, { text: `${n("tabs.error")} (${a})` }) : r.length === 0 ? /* @__PURE__ */ S(Hu, {
 		text: n("tabs.empty.notifications"),
 		muted: !0
 	}) : /* @__PURE__ */ S("div", {
 		className: "flex-1 overflow-y-auto px-4 py-3 space-y-3",
-		children: r.map((e, t) => /* @__PURE__ */ S(Ru, { item: e }, e.id ?? t))
+		children: r.map((e, t) => /* @__PURE__ */ S(zu, { item: e }, e.id ?? t))
 	});
 }
-function Ru({ item: e }) {
+function zu({ item: e }) {
 	return /* @__PURE__ */ C("div", {
 		className: "rounded-xl px-4 py-3",
 		style: {
@@ -8773,7 +8983,7 @@ function Ru({ item: e }) {
 				children: [/* @__PURE__ */ S("h3", {
 					className: "flex-1 text-sm font-semibold text-fg-primary",
 					children: e.title
-				}), e.tags?.map((e, t) => /* @__PURE__ */ S(zu, { tag: e }, t))]
+				}), e.tags?.map((e, t) => /* @__PURE__ */ S(Bu, { tag: e }, t))]
 			}),
 			/* @__PURE__ */ S("p", {
 				className: "text-sm text-fg-secondary leading-relaxed whitespace-pre-line",
@@ -8803,15 +9013,15 @@ function Ru({ item: e }) {
 		]
 	});
 }
-function zu({ tag: e }) {
+function Bu({ tag: e }) {
 	let t = typeof e == "string" ? e : e.label;
 	return /* @__PURE__ */ S("span", {
 		className: "inline-block px-2 py-0.5 rounded-md text-[11px] font-medium flex-shrink-0",
-		style: Bu(typeof e == "string" ? "neutral" : e.variant ?? "neutral"),
+		style: Vu(typeof e == "string" ? "neutral" : e.variant ?? "neutral"),
 		children: t
 	});
 }
-function Bu(e) {
+function Vu(e) {
 	switch (e) {
 		case "success": return {
 			background: "rgba(34, 197, 94, 0.15)",
@@ -8831,7 +9041,7 @@ function Bu(e) {
 		};
 	}
 }
-function Vu({ text: e, muted: t }) {
+function Hu({ text: e, muted: t }) {
 	return /* @__PURE__ */ S("div", {
 		className: "flex-1 flex items-center justify-center px-4 py-12 text-sm text-center",
 		style: { color: t ? "var(--t-fg-muted)" : "var(--t-fg-secondary)" },
@@ -8840,37 +9050,37 @@ function Vu({ text: e, muted: t }) {
 }
 //#endregion
 //#region src/components/FaqTab.tsx
-function Hu({ feedUrl: e, inlineItems: t }) {
-	let { t: n } = Fe(), { data: r, loading: i, error: a } = Iu(e, t), [o, s] = y(""), [c, l] = y(null), u = _(() => {
+function Uu({ feedUrl: e, inlineItems: t }) {
+	let { t: n } = Fe(), { data: r, loading: i, error: a } = Lu(e, t), [o, s] = y(""), [c, l] = y(null), u = _(() => {
 		let e = o.trim().toLowerCase();
 		return e ? r.filter((t) => `${t.question} ${t.answer} ${t.category ?? ""}`.toLowerCase().includes(e)) : r;
 	}, [r, o]);
 	return i ? /* @__PURE__ */ C("div", {
 		className: "flex-1 flex flex-col",
-		children: [/* @__PURE__ */ S(Uu, {
+		children: [/* @__PURE__ */ S(Wu, {
 			value: o,
 			onChange: s,
 			placeholder: n("tabs.faqSearch")
-		}), /* @__PURE__ */ S(Gu, {
+		}), /* @__PURE__ */ S(Ku, {
 			text: n("tabs.loading"),
 			muted: !0
 		})]
 	}) : a ? /* @__PURE__ */ C("div", {
 		className: "flex-1 flex flex-col",
-		children: [/* @__PURE__ */ S(Uu, {
+		children: [/* @__PURE__ */ S(Wu, {
 			value: o,
 			onChange: s,
 			placeholder: n("tabs.faqSearch")
-		}), /* @__PURE__ */ S(Gu, { text: `${n("tabs.error")} (${a})` })]
+		}), /* @__PURE__ */ S(Ku, { text: `${n("tabs.error")} (${a})` })]
 	}) : /* @__PURE__ */ C("div", {
 		className: "flex-1 flex flex-col min-h-0",
-		children: [/* @__PURE__ */ S(Uu, {
+		children: [/* @__PURE__ */ S(Wu, {
 			value: o,
 			onChange: s,
 			placeholder: n("tabs.faqSearch")
 		}), /* @__PURE__ */ S("div", {
 			className: "flex-1 overflow-y-auto px-4 py-3 space-y-2",
-			children: u.length === 0 ? /* @__PURE__ */ S(Gu, {
+			children: u.length === 0 ? /* @__PURE__ */ S(Ku, {
 				text: n("tabs.empty.faq"),
 				muted: !0
 			}) : u.map((e, t) => {
@@ -8887,7 +9097,7 @@ function Hu({ feedUrl: e, inlineItems: t }) {
 						children: [/* @__PURE__ */ S("span", {
 							className: "flex-1 text-sm font-semibold text-fg-primary",
 							children: e.question
-						}), /* @__PURE__ */ S(Wu, { open: r })]
+						}), /* @__PURE__ */ S(Gu, { open: r })]
 					}), r && /* @__PURE__ */ C("div", {
 						className: "px-4 pb-3 text-sm text-fg-secondary leading-relaxed whitespace-pre-line",
 						style: {
@@ -8911,7 +9121,7 @@ function Hu({ feedUrl: e, inlineItems: t }) {
 		})]
 	});
 }
-function Uu({ value: e, onChange: t, placeholder: n }) {
+function Wu({ value: e, onChange: t, placeholder: n }) {
 	return /* @__PURE__ */ S("div", {
 		className: "px-4 pt-3 pb-2 flex-shrink-0",
 		style: { background: "var(--t-bg-base)" },
@@ -8947,7 +9157,7 @@ function Uu({ value: e, onChange: t, placeholder: n }) {
 		})
 	});
 }
-function Wu({ open: e }) {
+function Gu({ open: e }) {
 	return /* @__PURE__ */ S("svg", {
 		width: "16",
 		height: "16",
@@ -8967,7 +9177,7 @@ function Wu({ open: e }) {
 		children: /* @__PURE__ */ S("path", { d: "m6 9 6 6 6-6" })
 	});
 }
-function Gu({ text: e, muted: t }) {
+function Ku({ text: e, muted: t }) {
 	return /* @__PURE__ */ S("div", {
 		className: "flex-1 flex items-center justify-center px-4 py-12 text-sm text-center",
 		style: { color: t ? "var(--t-fg-muted)" : "var(--t-fg-secondary)" },
@@ -8976,7 +9186,7 @@ function Gu({ text: e, muted: t }) {
 }
 //#endregion
 //#region src/components/ChatView.tsx
-function Ku({ onOpenSettings: e, onClose: t }) {
+function qu({ onOpenSettings: e, onClose: t }) {
 	let { t: n } = Fe(), 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, retry: m } = Xe(), h = v(null), _ = u.i18n?.[d] ?? u.i18n?.en ?? {}, b = _.initialMessages ?? u.initialMessages ?? [], w = _.botName ?? u.botName ?? n("header.assistant"), T = u.tabs, E = T?.notifications, D = T?.help, O = !!(E?.feedUrl || E?.items?.length || D?.feedUrl || D?.items?.length), k = O ? [
 		E?.feedUrl || E?.items?.length ? {
 			id: "notifications",
@@ -9016,7 +9226,10 @@ function Ku({ onOpenSettings: e, onClose: t }) {
 							src: Eu(u.botAvatar),
 							alt: "",
 							className: "w-7 h-7 rounded-full object-cover flex-shrink-0",
-							style: { border: "1px solid var(--t-bg-border)" }
+							style: {
+								border: "1px solid var(--t-bg-border)",
+								background: "var(--t-avatar-bg)"
+							}
 						}) : /* @__PURE__ */ S("div", {
 							className: "w-2 h-2 rounded-full",
 							style: { background: "var(--t-accent)" }
@@ -9039,31 +9252,31 @@ function Ku({ onOpenSettings: e, onClose: t }) {
 						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"),
-						children: /* @__PURE__ */ S(Ju, {})
+						children: /* @__PURE__ */ S(Yu, {})
 					}), t && /* @__PURE__ */ S("button", {
 						onClick: t,
 						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",
 						"aria-label": "Close chat",
-						children: /* @__PURE__ */ S(Yu, {})
+						children: /* @__PURE__ */ S(Xu, {})
 					})]
 				})]
 			}),
-			O && /* @__PURE__ */ S(Pu, {
+			O && /* @__PURE__ */ S(Fu, {
 				tabs: k,
 				activeId: A,
 				onChange: (e) => j(e)
 			}),
-			O && A === "notifications" && /* @__PURE__ */ S(Lu, {
+			O && A === "notifications" && /* @__PURE__ */ S(Ru, {
 				feedUrl: E?.feedUrl,
 				inlineItems: E?.items
 			}),
-			O && A === "help" && /* @__PURE__ */ S(Hu, {
+			O && A === "help" && /* @__PURE__ */ S(Uu, {
 				feedUrl: D?.feedUrl,
 				inlineItems: D?.items
 			}),
 			P && /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ C("div", {
 				className: "flex-1 overflow-y-auto px-4 py-4",
-				children: [M ? /* @__PURE__ */ S(qu, {
+				children: [M ? /* @__PURE__ */ S(Ju, {
 					botName: w,
 					subtitle: N
 				}) : /* @__PURE__ */ C(x, { children: [
@@ -9079,7 +9292,7 @@ function Ku({ onOpenSettings: e, onClose: t }) {
 					}, e.id)),
 					(c && i[i.length - 1]?.role === "bot" && i[i.length - 1]?.content === "" || l) && /* @__PURE__ */ S(Au, {})
 				] }), /* @__PURE__ */ S("div", { ref: h })]
-			}), /* @__PURE__ */ S(Nu, {
+			}), /* @__PURE__ */ S(Pu, {
 				onSend: p,
 				disabled: c || !u.webhookUrl,
 				placeholder: u.webhookUrl ? n("input.placeholder") : n("input.placeholderUnconfigured"),
@@ -9088,7 +9301,7 @@ function Ku({ onOpenSettings: e, onClose: t }) {
 		]
 	});
 }
-function qu({ botName: e, subtitle: t }) {
+function Ju({ botName: e, subtitle: t }) {
 	return /* @__PURE__ */ C("div", {
 		className: "flex flex-col items-center justify-center h-full gap-4 text-center px-8",
 		children: [/* @__PURE__ */ S("div", {
@@ -9107,7 +9320,7 @@ function qu({ botName: e, subtitle: t }) {
 		})] })]
 	});
 }
-function Ju() {
+function Yu() {
 	return /* @__PURE__ */ C("svg", {
 		width: "16",
 		height: "16",
@@ -9122,7 +9335,7 @@ function Ju() {
 		}), /* @__PURE__ */ S("path", { d: "M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z" })]
 	});
 }
-function Yu() {
+function Xu() {
 	return /* @__PURE__ */ S("svg", {
 		width: "16",
 		height: "16",
@@ -9135,7 +9348,7 @@ function Yu() {
 }
 //#endregion
 //#region src/components/ThemePicker.tsx
-function Xu() {
+function Zu() {
 	let { activeTheme: e, setTheme: t } = Ie();
 	return /* @__PURE__ */ S("div", {
 		className: "flex flex-wrap gap-2 p-3",
@@ -9143,17 +9356,17 @@ function Xu() {
 			title: n.label,
 			onClick: () => t(n.id),
 			className: "relative w-7 h-7 rounded-full transition-transform hover:scale-110 focus:outline-none",
-			style: { background: n.vars.accent },
+			style: { background: n.accentColor },
 			children: e === n.id && /* @__PURE__ */ S("span", {
 				className: "absolute inset-0 rounded-full",
-				style: { boxShadow: `0 0 0 2px ${n.vars.bgBase}, 0 0 0 4px ${n.vars.accent}` }
+				style: { boxShadow: `0 0 0 2px ${n.baseColor}, 0 0 0 4px ${n.baseColor}` }
 			})
 		}, n.id))
 	});
 }
 //#endregion
 //#region src/components/SettingsModal.tsx
-var Zu = 500 * 1024, Qu = [
+var Qu = 500 * 1024, $u = [
 	{
 		code: "en",
 		label: "EN - English"
@@ -9187,7 +9400,7 @@ var Zu = 500 * 1024, Qu = [
 		label: "ES - Spanish"
 	}
 ];
-function $u({ onClose: e }) {
+function ed({ onClose: e }) {
 	let { t } = Fe(), { config: n, setConfig: r, language: i, setLanguage: a, activeTheme: s } = o(), [c, l] = y({ ...n }), [u, d] = y(""), [f, p] = y(() => {
 		try {
 			return JSON.stringify(c.metadata ?? {}, null, 2);
@@ -9294,15 +9507,12 @@ useSettingsStore.getState().setLanguage(${JSON.stringify(i)})
 				}),
 				h ? /* @__PURE__ */ C("div", {
 					className: "px-6 py-5 space-y-3 overflow-y-auto flex-1",
-					children: [/* @__PURE__ */ C("p", {
+					children: [/* @__PURE__ */ S("p", {
 						className: "text-xs text-fg-secondary leading-relaxed",
-						children: [
-							"Paste this into your host app's bootstrap file (e.g. ",
-							/* @__PURE__ */ S("code", { children: "src/main.tsx" }),
-							") before the first React render. See ",
-							/* @__PURE__ */ S("code", { children: "example.html" }),
-							" for the full integration guide."
-						]
+						children: /* @__PURE__ */ S(Me, {
+							i18nKey: "settings.exportHint",
+							components: { code: /* @__PURE__ */ S("code", {}) }
+						})
 					}), /* @__PURE__ */ S("textarea", {
 						readOnly: !0,
 						value: b,
@@ -9345,7 +9555,7 @@ useSettingsStore.getState().setLanguage(${JSON.stringify(i)})
 						}),
 						/* @__PURE__ */ S($, {
 							label: t("settings.theme") ?? "Theme",
-							children: /* @__PURE__ */ S(Xu, {})
+							children: /* @__PURE__ */ S(Zu, {})
 						}),
 						/* @__PURE__ */ S("hr", { style: { borderColor: "var(--t-bg-border)" } }),
 						/* @__PURE__ */ S($, {
@@ -9400,7 +9610,7 @@ useSettingsStore.getState().setLanguage(${JSON.stringify(i)})
 						}),
 						/* @__PURE__ */ S($, {
 							label: t("settings.botAvatar"),
-							children: /* @__PURE__ */ S(td, {
+							children: /* @__PURE__ */ S(nd, {
 								value: c.botAvatar,
 								onChange: (e) => l((t) => ({
 									...t,
@@ -9474,7 +9684,7 @@ useSettingsStore.getState().setLanguage(${JSON.stringify(i)})
 						/* @__PURE__ */ C("div", {
 							className: "space-y-2",
 							children: [
-								/* @__PURE__ */ S(ed, {
+								/* @__PURE__ */ S(td, {
 									label: t("settings.streaming"),
 									checked: c.streaming ?? !1,
 									onChange: (e) => l((t) => ({
@@ -9482,7 +9692,7 @@ useSettingsStore.getState().setLanguage(${JSON.stringify(i)})
 										streaming: e
 									}))
 								}),
-								/* @__PURE__ */ S(ed, {
+								/* @__PURE__ */ S(td, {
 									label: t("settings.welcomeScreen"),
 									checked: c.showWelcomeScreen ?? !0,
 									onChange: (e) => l((t) => ({
@@ -9490,7 +9700,7 @@ useSettingsStore.getState().setLanguage(${JSON.stringify(i)})
 										showWelcomeScreen: e
 									}))
 								}),
-								/* @__PURE__ */ S(ed, {
+								/* @__PURE__ */ S(td, {
 									label: t("settings.sidebar"),
 									checked: c.showSidebar ?? !1,
 									onChange: (e) => l((t) => ({
@@ -9498,7 +9708,7 @@ useSettingsStore.getState().setLanguage(${JSON.stringify(i)})
 										showSidebar: e
 									}))
 								}),
-								/* @__PURE__ */ S(ed, {
+								/* @__PURE__ */ S(td, {
 									label: t("settings.fileUploads"),
 									checked: c.allowFileUploads ?? !1,
 									onChange: (e) => l((t) => ({
@@ -9536,7 +9746,7 @@ useSettingsStore.getState().setLanguage(${JSON.stringify(i)})
 						(c.mode === "fullscreen" || c.mode === "mixed") && /* @__PURE__ */ C("div", {
 							className: "space-y-3 pl-3 border-l-2",
 							style: { borderColor: "var(--t-accent)" },
-							children: [/* @__PURE__ */ S(ed, {
+							children: [/* @__PURE__ */ S(td, {
 								label: t("settings.fullscreenSheet"),
 								checked: c.fullscreenSheet ?? !1,
 								onChange: (e) => l((t) => ({
@@ -9665,7 +9875,7 @@ useSettingsStore.getState().setLanguage(${JSON.stringify(i)})
 							className: "space-y-3 pl-3 border-l-2",
 							style: { borderColor: "var(--t-accent)" },
 							children: [
-								/* @__PURE__ */ S(ed, {
+								/* @__PURE__ */ S(td, {
 									label: t("settings.cta"),
 									checked: c.showCta ?? !0,
 									onChange: (e) => l((t) => ({
@@ -9673,7 +9883,7 @@ useSettingsStore.getState().setLanguage(${JSON.stringify(i)})
 										showCta: e
 									}))
 								}),
-								/* @__PURE__ */ S(ed, {
+								/* @__PURE__ */ S(td, {
 									label: t("settings.ctaSound"),
 									checked: c.ctaSound ?? !0,
 									onChange: (e) => l((t) => ({
@@ -9697,7 +9907,7 @@ useSettingsStore.getState().setLanguage(${JSON.stringify(i)})
 								}),
 								/* @__PURE__ */ S($, {
 									label: t("settings.toggleButtonIcon"),
-									children: /* @__PURE__ */ S(td, {
+									children: /* @__PURE__ */ S(nd, {
 										value: c.toggleButtonIcon,
 										onChange: (e) => l((t) => ({
 											...t,
@@ -9709,7 +9919,7 @@ useSettingsStore.getState().setLanguage(${JSON.stringify(i)})
 							]
 						}),
 						/* @__PURE__ */ S("hr", { style: { borderColor: "var(--t-bg-border)" } }),
-						/* @__PURE__ */ S(ed, {
+						/* @__PURE__ */ S(td, {
 							label: t("settings.poweredByHide"),
 							checked: c.poweredByHide ?? !1,
 							onChange: (e) => l((t) => ({
@@ -9776,7 +9986,7 @@ useSettingsStore.getState().setLanguage(${JSON.stringify(i)})
 													value: "",
 													children: "Pick…"
 												}),
-												Qu.filter((e) => !E.includes(e.code)).map((e) => /* @__PURE__ */ S("option", {
+												$u.filter((e) => !E.includes(e.code)).map((e) => /* @__PURE__ */ S("option", {
 													value: e.code,
 													children: e.label
 												}, e.code)),
@@ -9861,10 +10071,10 @@ useSettingsStore.getState().setLanguage(${JSON.stringify(i)})
 				/* @__PURE__ */ S("div", {
 					className: "flex justify-between gap-2 px-6 py-4 border-t flex-shrink-0",
 					style: { borderColor: "var(--t-bg-border)" },
-					children: h ? /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ S("button", {
+					children: h ? /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ C("button", {
 						onClick: () => g(!1),
 						className: "px-4 py-2 rounded-lg text-sm text-fg-secondary hover:text-fg-primary hover:bg-bg-surface2 transition-colors",
-						children: "← Back"
+						children: ["← ", t("settings.back")]
 					}), /* @__PURE__ */ S("button", {
 						onClick: w,
 						className: "px-4 py-2 rounded-lg text-sm font-medium transition-colors",
@@ -9872,11 +10082,11 @@ useSettingsStore.getState().setLanguage(${JSON.stringify(i)})
 							background: "var(--t-accent)",
 							color: "var(--t-accent-fg)"
 						},
-						children: _ ? "✓ Copied" : "Copy to clipboard"
+						children: _ ? `✓ ${t("settings.copied")}` : t("settings.copyToClipboard")
 					})] }) : /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ S("button", {
 						onClick: () => g(!0),
 						className: "px-4 py-2 rounded-lg text-sm text-fg-secondary hover:text-fg-primary hover:bg-bg-surface2 transition-colors",
-						children: "Export config"
+						children: t("settings.exportConfig")
 					}), /* @__PURE__ */ C("div", {
 						className: "flex gap-2",
 						children: [/* @__PURE__ */ S("button", {
@@ -9917,7 +10127,7 @@ function $({ label: e, required: t, error: n, children: r }) {
 		]
 	});
 }
-function ed({ label: e, checked: t, onChange: n }) {
+function td({ label: e, checked: t, onChange: n }) {
 	return /* @__PURE__ */ C("label", {
 		className: "flex items-center gap-3 cursor-pointer select-none",
 		children: [/* @__PURE__ */ S("div", {
@@ -9934,13 +10144,13 @@ function ed({ label: e, checked: t, onChange: n }) {
 		})]
 	});
 }
-function td({ value: e, onChange: t, shape: n }) {
+function nd({ value: e, onChange: t, shape: n }) {
 	let { t: r } = Fe(), i = v(null), [a, o] = y(""), s = Eu(e), c = n === "circle" ? "rounded-full" : "rounded-lg", l = (e) => {
 		if (!e.type.startsWith("image/")) {
 			o(r("settings.avatarErrorType"));
 			return;
 		}
-		if (e.size > Zu) {
+		if (e.size > Qu) {
 			o(r("settings.avatarErrorSize"));
 			return;
 		}
@@ -10042,7 +10252,7 @@ function td({ value: e, onChange: t, shape: n }) {
 }
 //#endregion
 //#region src/components/CtaPopup.tsx
-function nd({ text: e, onDismiss: t }) {
+function rd({ text: e, onDismiss: t }) {
 	return /* @__PURE__ */ C("div", {
 		className: "absolute bottom-2 right-0 mb-2 w-64 cta-bubble rounded-2xl px-4 py-3 shadow-xl text-sm",
 		style: {
@@ -10052,7 +10262,7 @@ function nd({ text: e, onDismiss: t }) {
 		},
 		children: [/* @__PURE__ */ S("button", {
 			onClick: t,
-			className: "absolute top-2 right-2 w-5 h-5 rounded-full flex items-center justify-center text-fg-muted hover:text-fg-primary transition-colors text-base leading-none",
+			className: "absolute top-1/2 -translate-y-1/2 right-2 w-5 h-5 rounded-full flex items-center justify-center text-fg-muted hover:text-fg-primary transition-colors text-base leading-none",
 			"aria-label": "Dismiss",
 			children: "×"
 		}), /* @__PURE__ */ S("p", {
@@ -10063,16 +10273,16 @@ function nd({ text: e, onDismiss: t }) {
 }
 //#endregion
 //#region src/App.tsx
-function rd() {
-	let [e, t] = y(() => window.matchMedia("(min-width: 768px)").matches);
+function id() {
+	let e = "(min-width: 768px) and (min-height: 600px)", [t, n] = y(() => window.matchMedia(e).matches);
 	return g(() => {
-		let e = window.matchMedia("(min-width: 768px)"), n = (e) => t(e.matches);
-		return e.addEventListener("change", n), () => e.removeEventListener("change", n);
-	}, []), e;
+		let t = window.matchMedia(e), r = () => n(t.matches);
+		return t.addEventListener("change", r), () => t.removeEventListener("change", r);
+	}, []), t;
 }
-function id() {
+function ad() {
 	Ie(), ze();
-	let e = o((e) => e.config), t = s((e) => e.activeSessionId), n = s((e) => e.createSession), [r, i] = y(!1), [a, c] = y(!1), l = o((e) => e.language), u = rd(), d = e.mode === "window" || e.mode === "mixed" && u, f = e.mode === "fullscreen" && !e.fullscreenSheet, [p, m] = y(f), h = !d && (e.showSidebar ?? !1), _ = e.hideSettings ?? !1, { showCta: v, ctaText: b, dismiss: w } = Re(e, l, d), T = () => {
+	let e = o((e) => e.config), t = s((e) => e.activeSessionId), n = s((e) => e.createSession), [r, i] = y(!1), [a, c] = y(!1), l = o((e) => e.language), u = id(), d = e.mode === "window" || e.mode === "mixed" && u, f = e.mode === "fullscreen" && !e.fullscreenSheet, [p, m] = y(f), h = !d && (e.showSidebar ?? !1), _ = e.hideSettings ?? !1, { showCta: v, ctaText: b, dismiss: w } = Re(e, l, !f), T = () => {
 		_ || i(!0);
 	};
 	g(() => {
@@ -10110,7 +10320,7 @@ function id() {
 						strokeWidth: "2",
 						children: /* @__PURE__ */ S("path", { d: "M3 12h18M3 6h18M3 18h18" })
 					})
-				}), /* @__PURE__ */ S(Ku, {
+				}), /* @__PURE__ */ S(qu, {
 					onOpenSettings: T,
 					onClose: f ? void 0 : E
 				})]
@@ -10119,34 +10329,35 @@ function id() {
 	});
 	if (d) return /* @__PURE__ */ C(x, { children: [
 		p && /* @__PURE__ */ S("div", {
-			className: "fixed bottom-20 right-4 z-50 w-[380px] h-[560px] rounded-2xl shadow-2xl overflow-hidden flex flex-col",
+			className: "fixed bottom-4 right-4 z-50 w-[380px] rounded-2xl shadow-2xl overflow-hidden flex flex-col",
 			style: {
 				border: "1px solid var(--t-bg-border)",
-				background: "var(--t-bg-base)"
+				background: "var(--t-bg-base)",
+				height: "min(560px, calc(100vh - 32px))"
 			},
-			children: /* @__PURE__ */ S(Ku, {
+			children: /* @__PURE__ */ S(qu, {
 				onOpenSettings: T,
 				onClose: E
 			})
 		}),
 		v && !p && /* @__PURE__ */ S("div", {
 			className: "fixed bottom-20 right-4 z-50",
-			children: /* @__PURE__ */ S(nd, {
+			children: /* @__PURE__ */ S(rd, {
 				text: b,
 				onDismiss: w
 			})
 		}),
-		/* @__PURE__ */ S(ad, {
-			open: p,
+		!p && /* @__PURE__ */ S(od, {
+			open: !1,
 			iconSrc: Eu(e.toggleButtonIcon),
-			onClick: () => p ? E() : D()
+			onClick: D
 		}),
-		!_ && r && /* @__PURE__ */ S($u, { onClose: () => i(!1) })
+		!_ && r && /* @__PURE__ */ S(ed, { onClose: () => i(!1) })
 	] });
 	if (f) return /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ S("div", {
 		className: "fixed inset-0 z-30",
 		children: O
-	}), !_ && r && /* @__PURE__ */ S($u, { onClose: () => i(!1) })] });
+	}), !_ && r && /* @__PURE__ */ S(ed, { onClose: () => i(!1) })] });
 	let k = e.fullscreenSheetHeight ?? "75vh", A = e.fullscreenSheet === !0;
 	return /* @__PURE__ */ C(x, { children: [p ? A ? /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ S("div", {
 		className: "fixed inset-0 z-40 pointer-events-none",
@@ -10173,17 +10384,23 @@ function id() {
 	})] }) : /* @__PURE__ */ S("div", {
 		className: "fixed inset-0 z-50",
 		children: O
-	}) : /* @__PURE__ */ S(ad, {
+	}) : /* @__PURE__ */ C(x, { children: [v && /* @__PURE__ */ S("div", {
+		className: "fixed bottom-20 right-4 z-50",
+		children: /* @__PURE__ */ S(rd, {
+			text: b,
+			onDismiss: w
+		})
+	}), /* @__PURE__ */ S(od, {
 		open: !1,
 		iconSrc: Eu(e.toggleButtonIcon),
 		onClick: D
-	}), !_ && r && /* @__PURE__ */ S($u, { onClose: () => i(!1) })] });
+	})] }), !_ && r && /* @__PURE__ */ S(ed, { onClose: () => i(!1) })] });
 }
-function ad({ open: e, iconSrc: t, onClick: n }) {
+function od({ open: e, iconSrc: t, onClick: n }) {
 	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: "var(--t-accent)",
+			background: "var(--t-chatbutton-bg)",
 			color: "var(--t-accent-fg)"
 		},
 		onClick: n,
@@ -10213,17 +10430,17 @@ function ad({ open: e, iconSrc: t, onClick: n }) {
 }
 //#endregion
 //#region src/createChat.ts
-function od(e) {
+function sd(e) {
 	let { target: t, language: n, ...r } = e, i = typeof t == "string" ? document.querySelector(t) : t;
 	if (!i) throw Error(`[chatui] createChat: target "${String(t)}" not found`);
 	let a = o.getState();
 	a.setConfig(r), r.theme && a.setTheme(r.theme), n && a.setLanguage(n);
 	let s = w(i);
-	return s.render(f(id)), { unmount() {
+	return s.render(f(ad)), { unmount() {
 		s.unmount();
 	} };
 }
 //#endregion
-export { id as App, od as createChat };
+export { ad as App, sd as createChat };
 
 //# sourceMappingURL=index.js.map