@onedeskpro/chatbot-core 0.2.1 → 0.3.1

package/dist/index.js

@@ -1,4 +1,4 @@
-//#region \0rolldown/runtime.js
+// \0rolldown/runtime.js
 var e = Object.defineProperty, t = (t, n) => {
 	let r = {};
 	for (var i in t) e(r, i, {
@@ -6,16 +6,21 @@ var e = Object.defineProperty, t = (t, n) => {
 		enumerable: !0
 	});
 	return n || e(r, Symbol.toStringTag, { value: "Module" }), r;
-}, n = 3e4;
-function r(e) {
+}, n = 3e4, r = 12e4;
+function i(e) {
 	return typeof e == "object" && !!e && typeof e.message == "string";
 }
-function i(e) {
-	return e instanceof Error && "apiError" in e && "status" in e && typeof e.status == "number" && r(e.apiError);
+function a(e) {
+	if (typeof e != "object" || !e) return !1;
+	let t = e;
+	return typeof t.type == "string" && typeof t.url == "string" && typeof t.fileName == "string" && typeof t.size == "number";
+}
+function o(e) {
+	return e instanceof Error && "apiError" in e && "status" in e && typeof e.status == "number" && i(e.apiError);
 }
-var a = class {
+var s = class {
 	constructor(e) {
-		this.baseUrl = e.baseUrl.replace(/\/$/, ""), this.apiKey = e.apiKey, this.timeoutMs = e.timeoutMs ?? 3e4;
+		this.baseUrl = e.baseUrl.replace(/\/$/, ""), this.apiKey = e.apiKey, this.timeoutMs = e.timeoutMs ?? 3e4, this.uploadTimeoutMs = e.uploadTimeoutMs ?? r;
 	}
 	fail(e, t, n, r) {
 		let i = {
@@ -30,40 +35,40 @@ var a = class {
 			status: t
 		});
 	}
-	async request(e, t, n, i, a) {
-		let o = new URL(`${this.baseUrl}${t}`);
-		if (i) for (let [e, t] of Object.entries(i)) o.searchParams.set(e, t);
-		let s = {
-			"Content-Type": "application/json",
+	async request(e, t, n, r, a, o = this.timeoutMs) {
+		let s = new URL(`${this.baseUrl}${t}`);
+		if (r) for (let [e, t] of Object.entries(r)) s.searchParams.set(e, t);
+		let c = typeof FormData < "u" && n instanceof FormData, l = {
+			...c ? {} : { "Content-Type": "application/json" },
 			"X-API-Key": this.apiKey,
 			...a
-		}, c = new AbortController(), l = setTimeout(() => c.abort(), this.timeoutMs), u;
+		}, u = new AbortController(), d = setTimeout(() => u.abort(), o), f;
 		try {
-			u = await fetch(o.toString(), {
+			f = await fetch(s.toString(), {
 				method: e,
-				headers: s,
-				signal: c.signal,
-				...n === void 0 ? {} : { body: JSON.stringify(n) }
+				headers: l,
+				signal: u.signal,
+				...n === void 0 ? {} : { body: c ? n : JSON.stringify(n) }
 			});
 		} catch (e) {
-			c.signal.aborted && this.fail(`Request timed out after ${this.timeoutMs}ms.`, 0, "TIMEOUT", t), this.fail(e instanceof Error ? e.message : "Network request failed.", 0, "NETWORK_ERROR", t);
+			u.signal.aborted && this.fail(`Request timed out after ${o}ms.`, 0, "TIMEOUT", t), this.fail(e instanceof Error ? e.message : "Network request failed.", 0, "NETWORK_ERROR", t);
 		} finally {
-			clearTimeout(l);
+			clearTimeout(d);
 		}
-		let d = await u.text(), f = null;
-		if (d) try {
-			f = JSON.parse(d);
+		let p = await f.text(), m = null;
+		if (p) try {
+			m = JSON.parse(p);
 		} catch {
-			f = null;
+			m = null;
 		}
-		if (!u.ok) {
-			if (r(f)) throw Object.assign(Error(f.message), {
-				apiError: f,
-				status: u.status
+		if (!f.ok) {
+			if (i(m)) throw Object.assign(Error(m.message), {
+				apiError: m,
+				status: f.status
 			});
-			this.fail(`Request failed with status ${u.status} ${u.statusText}`.trim(), u.status, "HTTP_ERROR", t);
+			this.fail(`Request failed with status ${f.status} ${f.statusText}`.trim(), f.status, "HTTP_ERROR", t);
 		}
-		return f === null && this.fail("The server returned an empty or malformed response.", u.status, "BAD_RESPONSE", t), f.data;
+		return m === null && this.fail("The server returned an empty or malformed response.", f.status, "BAD_RESPONSE", t), m.data;
 	}
 	async identify(e) {
 		return this.request("POST", "/sdk/identify", e);
@@ -74,6 +79,12 @@ var a = class {
 	async sendMessage(e) {
 		return this.request("POST", "/sdk/chat", e);
 	}
+	async uploadAttachment(e, t) {
+		let n = new FormData();
+		n.append("file", e, e.name);
+		let r = await this.request("POST", "/sdk/upload", n, void 0, { "X-Visitor-Token": t }, this.uploadTimeoutMs);
+		return a(r) || this.fail("The server returned an unexpected upload response.", 200, "BAD_RESPONSE", "/sdk/upload"), r;
+	}
 	async fetchConfig() {
 		return this.request("GET", "/sdk/config");
 	}
@@ -83,7 +94,155 @@ var a = class {
 	async fetchTicketStatus(e) {
 		return this.request("GET", "/sdk/ticket-status", void 0, void 0, { "X-Visitor-Token": e });
 	}
-}, o = "https://api.onedeskpro.com", s = class {
+}, c = "https://api.onedeskpro.com", l = 10485760, u = 10;
+// src/attachments.ts
+function d(e) {
+	if (e.length > 10) return "You can send up to 10 files at a time.";
+	let t = e.find((e) => e.size > l);
+	if (t) {
+		let e = Math.round(l / 1048576);
+		return `"${t.name || "This file"}" is larger than ${e} MB.`;
+	}
+	return null;
+}
+function f(e) {
+	return /^(https?:\/\/|blob:)/i.test(e);
+}
+function p(e) {
+	return typeof URL > "u" || typeof URL.createObjectURL != "function" ? "" : URL.createObjectURL(e);
+}
+function m(e) {
+	e.startsWith("blob:") && typeof URL < "u" && typeof URL.revokeObjectURL == "function" && URL.revokeObjectURL(e);
+}
+function ee(e) {
+	return {
+		type: e.type || "application/octet-stream",
+		url: p(e),
+		fileName: e.name || "attachment",
+		size: e.size
+	};
+}
+function te(e) {
+	return !Number.isFinite(e) || e < 0 ? "" : e < 1024 ? `${e} B` : e < 1048576 ? `${(e / 1024).toFixed(+(e < 10240))} KB` : `${(e / 1048576).toFixed(1)} MB`;
+}
+function ne(e) {
+	if (!e || typeof e != "object") return [];
+	let t = e, n = t.attachments;
+	if (!Array.isArray(n) && t.message && typeof t.message == "object" && (n = t.message.attachments), !Array.isArray(n)) return [];
+	let r = [];
+	for (let e of n) {
+		if (!e || typeof e != "object") continue;
+		let t = e;
+		typeof t.url == "string" && /^https?:\/\//i.test(t.url) && r.push({
+			type: typeof t.type == "string" && t.type ? t.type : "application/octet-stream",
+			url: t.url,
+			fileName: typeof t.fileName == "string" && t.fileName ? t.fileName : "attachment",
+			size: typeof t.size == "number" && t.size >= 0 ? t.size : 0,
+			...typeof t.durationSeconds == "number" ? { durationSeconds: t.durationSeconds } : {}
+		});
+	}
+	return r;
+}
+function re(e, t) {
+	let n = e.trim();
+	return n ? t.length === 0 ? !1 : t.some((e) => e.fileName === n) || /^\d+ files?$/.test(n) ? !0 : [
+		"Image",
+		"Video",
+		"Audio",
+		"Attachment"
+	].includes(n) : !0;
+}
+// src/audio.ts
+var h = 16e3;
+function g(e) {
+	return (e ?? "").split(";")[0].trim().toLowerCase() || "audio/webm";
+}
+function ie(e) {
+	return e.includes("mpeg") || e.includes("mp3") ? "mp3" : e.includes("wav") ? "wav" : e.includes("mp4") || e.includes("m4a") ? "m4a" : e.includes("ogg") ? "ogg" : "webm";
+}
+function _(e) {
+	if (!Number.isFinite(e) || e < 0) return "0:00";
+	let t = Math.floor(e), n = Math.floor(t / 60), r = t % 60;
+	return `${n}:${String(r).padStart(2, "0")}`;
+}
+function ae() {
+	if (typeof window > "u") return null;
+	let e = window;
+	return e.AudioContext ?? e.webkitAudioContext ?? null;
+}
+function oe() {
+	if (typeof window > "u") return null;
+	let e = window;
+	return e.OfflineAudioContext ?? e.webkitOfflineAudioContext ?? null;
+}
+async function se(e) {
+	let t = ae();
+	if (!t) return null;
+	let n = new t();
+	try {
+		let t = await e.arrayBuffer();
+		return await n.decodeAudioData(t.slice(0));
+	} catch {
+		return null;
+	} finally {
+		await n.close().catch(() => void 0);
+	}
+}
+async function ce(e) {
+	let t = oe();
+	if (t) try {
+		let n = new t(1, Math.max(1, Math.ceil(e.duration * h)), h), r = n.createBufferSource();
+		return r.buffer = e, r.connect(n.destination), r.start(0), {
+			samples: (await n.startRendering()).getChannelData(0),
+			sampleRate: h
+		};
+	} catch {}
+	return {
+		samples: e.getChannelData(0),
+		sampleRate: e.sampleRate
+	};
+}
+function le(e, t) {
+	let n = e.length * 2, r = new ArrayBuffer(44 + n), i = new DataView(r), a = (e, t) => {
+		for (let n = 0; n < t.length; n++) i.setUint8(e + n, t.charCodeAt(n));
+	};
+	a(0, "RIFF"), i.setUint32(4, 36 + n, !0), a(8, "WAVE"), a(12, "fmt "), i.setUint32(16, 16, !0), i.setUint16(20, 1, !0), i.setUint16(22, 1, !0), i.setUint32(24, t, !0), i.setUint32(28, t * 2, !0), i.setUint16(32, 2, !0), i.setUint16(34, 16, !0), a(36, "data"), i.setUint32(40, n, !0);
+	let o = 44;
+	for (let t = 0; t < e.length; t++) {
+		let n = Math.max(-1, Math.min(1, e[t] ?? 0));
+		i.setInt16(o, Math.round(n < 0 ? n * 32768 : n * 32767), !0), o += 2;
+	}
+	return new Blob([r], { type: "audio/wav" });
+}
+function ue(e, t = 48) {
+	if (e.length === 0) return [];
+	let n = Math.max(1, Math.floor(e.length / t)), r = [], i = 0;
+	for (let a = 0; a < t; a++) {
+		let t = a * n, o = Math.min(t + n, e.length), s = 0;
+		for (let n = t; n < o; n++) {
+			let t = e[n] ?? 0;
+			s += t * t;
+		}
+		let c = o > t ? Math.sqrt(s / (o - t)) : 0;
+		r.push(c), c > i && (i = c);
+	}
+	return r.map((e) => i > 0 ? Math.max(8, Math.min(100, Math.round(e / i * 100))) : 8);
+}
+async function de(e) {
+	let t = Date.now(), n = Math.max(1, Math.round(e.durationSeconds || 1)), r = g(e.mimeType ?? e.blob.type), i = await se(e.blob);
+	if (!i) return {
+		file: new File([e.blob], `voice-message-${t}.${ie(r)}`, { type: r }),
+		durationSeconds: n
+	};
+	let { samples: a, sampleRate: o } = await ce(i);
+	return {
+		file: new File([le(a, o)], `voice-message-${t}.wav`, { type: "audio/wav" }),
+		durationSeconds: Math.max(1, Math.round(i.duration || n)),
+		waveform: ue(a)
+	};
+}
+// src/event-emitter.ts
+var fe = class {
 	constructor() {
 		this._listeners = {};
 	}
@@ -101,82 +260,81 @@ var a = class {
 	removeAllListeners() {
 		for (let e of Object.keys(this._listeners)) delete this._listeners[e];
 	}
-}, c = Object.create(null);
-c.open = "0", c.close = "1", c.ping = "2", c.pong = "3", c.message = "4", c.upgrade = "5", c.noop = "6";
-var l = Object.create(null);
-Object.keys(c).forEach((e) => {
-	l[c[e]] = e;
+}, v = Object.create(null);
+v.open = "0", v.close = "1", v.ping = "2", v.pong = "3", v.message = "4", v.upgrade = "5", v.noop = "6";
+var y = Object.create(null);
+Object.keys(v).forEach((e) => {
+	y[v[e]] = e;
 });
-var u = {
+var b = {
 	type: "error",
 	data: "parser error"
-}, d = typeof Blob == "function" || typeof Blob < "u" && Object.prototype.toString.call(Blob) === "[object BlobConstructor]", f = typeof ArrayBuffer == "function", p = (e) => typeof ArrayBuffer.isView == "function" ? ArrayBuffer.isView(e) : e && e.buffer instanceof ArrayBuffer, m = ({ type: e, data: t }, n, r) => d && t instanceof Blob ? n ? r(t) : ee(t, r) : f && (t instanceof ArrayBuffer || p(t)) ? n ? r(t) : ee(new Blob([t]), r) : r(c[e] + (t || "")), ee = (e, t) => {
+}, pe = typeof Blob == "function" || typeof Blob < "u" && Object.prototype.toString.call(Blob) === "[object BlobConstructor]", me = typeof ArrayBuffer == "function", he = (e) => typeof ArrayBuffer.isView == "function" ? ArrayBuffer.isView(e) : e && e.buffer instanceof ArrayBuffer, x = ({ type: e, data: t }, n, r) => pe && t instanceof Blob ? n ? r(t) : ge(t, r) : me && (t instanceof ArrayBuffer || he(t)) ? n ? r(t) : ge(new Blob([t]), r) : r(v[e] + (t || "")), ge = (e, t) => {
 	let n = new FileReader();
 	return n.onload = function() {
 		let e = n.result.split(",")[1];
 		t("b" + (e || ""));
 	}, n.readAsDataURL(e);
 };
-function te(e) {
+function _e(e) {
 	return e instanceof Uint8Array ? e : e instanceof ArrayBuffer ? new Uint8Array(e) : new Uint8Array(e.buffer, e.byteOffset, e.byteLength);
 }
-var h;
-function ne(e, t) {
-	if (d && e.data instanceof Blob) return e.data.arrayBuffer().then(te).then(t);
-	if (f && (e.data instanceof ArrayBuffer || p(e.data))) return t(te(e.data));
-	m(e, !1, (e) => {
-		h ||= new TextEncoder(), t(h.encode(e));
+var ve;
+function ye(e, t) {
+	if (pe && e.data instanceof Blob) return e.data.arrayBuffer().then(_e).then(t);
+	if (me && (e.data instanceof ArrayBuffer || he(e.data))) return t(_e(e.data));
+	x(e, !1, (e) => {
+		ve ||= new TextEncoder(), t(ve.encode(e));
 	});
 }
-//#endregion
-//#region ../../node_modules/.pnpm/engine.io-parser@5.2.3/node_modules/engine.io-parser/build/esm/contrib/base64-arraybuffer.js
-var re = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/", g = typeof Uint8Array > "u" ? [] : /* @__PURE__ */ new Uint8Array(256);
-for (let e = 0; e < 64; e++) g[re.charCodeAt(e)] = e;
-var ie = (e) => {
+// ../../node_modules/.pnpm/engine.io-parser@5.2.3/node_modules/engine.io-parser/build/esm/contrib/base64-arraybuffer.js
+var be = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/", S = typeof Uint8Array > "u" ? [] : /* @__PURE__ */ new Uint8Array(256);
+for (let e = 0; e < 64; e++) S[be.charCodeAt(e)] = e;
+var xe = (e) => {
 	let t = e.length * .75, n = e.length, r, i = 0, a, o, s, c;
 	e[e.length - 1] === "=" && (t--, e[e.length - 2] === "=" && t--);
 	let l = new ArrayBuffer(t), u = new Uint8Array(l);
-	for (r = 0; r < n; r += 4) a = g[e.charCodeAt(r)], o = g[e.charCodeAt(r + 1)], s = g[e.charCodeAt(r + 2)], c = g[e.charCodeAt(r + 3)], u[i++] = a << 2 | o >> 4, u[i++] = (o & 15) << 4 | s >> 2, u[i++] = (s & 3) << 6 | c & 63;
+	for (r = 0; r < n; r += 4) a = S[e.charCodeAt(r)], o = S[e.charCodeAt(r + 1)], s = S[e.charCodeAt(r + 2)], c = S[e.charCodeAt(r + 3)], u[i++] = a << 2 | o >> 4, u[i++] = (o & 15) << 4 | s >> 2, u[i++] = (s & 3) << 6 | c & 63;
 	return l;
-}, ae = typeof ArrayBuffer == "function", _ = (e, t) => {
+}, Se = typeof ArrayBuffer == "function", C = (e, t) => {
 	if (typeof e != "string") return {
 		type: "message",
-		data: v(e, t)
+		data: we(e, t)
 	};
 	let n = e.charAt(0);
 	return n === "b" ? {
 		type: "message",
-		data: oe(e.substring(1), t)
-	} : l[n] ? e.length > 1 ? {
-		type: l[n],
+		data: Ce(e.substring(1), t)
+	} : y[n] ? e.length > 1 ? {
+		type: y[n],
 		data: e.substring(1)
-	} : { type: l[n] } : u;
-}, oe = (e, t) => ae ? v(ie(e), t) : {
+	} : { type: y[n] } : b;
+}, Ce = (e, t) => Se ? we(xe(e), t) : {
 	base64: !0,
 	data: e
-}, v = (e, t) => {
+}, we = (e, t) => {
 	switch (t) {
 		case "blob": return e instanceof Blob ? e : new Blob([e]);
 		default: return e instanceof ArrayBuffer ? e : e.buffer;
 	}
-}, y = "", se = (e, t) => {
+}, Te = "", Ee = (e, t) => {
 	let n = e.length, r = Array(n), i = 0;
 	e.forEach((e, a) => {
-		m(e, !1, (e) => {
-			r[a] = e, ++i === n && t(r.join(y));
+		x(e, !1, (e) => {
+			r[a] = e, ++i === n && t(r.join(Te));
 		});
 	});
-}, ce = (e, t) => {
-	let n = e.split(y), r = [];
+}, De = (e, t) => {
+	let n = e.split(Te), r = [];
 	for (let e = 0; e < n.length; e++) {
-		let i = _(n[e], t);
+		let i = C(n[e], t);
 		if (r.push(i), i.type === "error") break;
 	}
 	return r;
 };
-function le() {
+function Oe() {
 	return new TransformStream({ transform(e, t) {
-		ne(e, (n) => {
+		ye(e, (n) => {
 			let r = n.length, i;
 			if (r < 126) i = /* @__PURE__ */ new Uint8Array(1), new DataView(i.buffer).setUint8(0, r);
 			else if (r < 65536) {
@@ -192,66 +350,65 @@ function le() {
 		});
 	} });
 }
-var ue;
-function b(e) {
+var ke;
+function w(e) {
 	return e.reduce((e, t) => e + t.length, 0);
 }
-function x(e, t) {
+function T(e, t) {
 	if (e[0].length === t) return e.shift();
 	let n = new Uint8Array(t), r = 0;
 	for (let i = 0; i < t; i++) n[i] = e[0][r++], r === e[0].length && (e.shift(), r = 0);
 	return e.length && r < e[0].length && (e[0] = e[0].slice(r)), n;
 }
-function de(e, t) {
-	ue ||= new TextDecoder();
+function Ae(e, t) {
+	ke ||= new TextDecoder();
 	let n = [], r = 0, i = -1, a = !1;
 	return new TransformStream({ transform(o, s) {
 		for (n.push(o);;) {
 			if (r === 0) {
-				if (b(n) < 1) break;
-				let e = x(n, 1);
+				if (w(n) < 1) break;
+				let e = T(n, 1);
 				a = (e[0] & 128) == 128, i = e[0] & 127, r = i < 126 ? 3 : i === 126 ? 1 : 2;
 			} else if (r === 1) {
-				if (b(n) < 2) break;
-				let e = x(n, 2);
+				if (w(n) < 2) break;
+				let e = T(n, 2);
 				i = new DataView(e.buffer, e.byteOffset, e.length).getUint16(0), r = 3;
 			} else if (r === 2) {
-				if (b(n) < 8) break;
-				let e = x(n, 8), t = new DataView(e.buffer, e.byteOffset, e.length), a = t.getUint32(0);
+				if (w(n) < 8) break;
+				let e = T(n, 8), t = new DataView(e.buffer, e.byteOffset, e.length), a = t.getUint32(0);
 				if (a > 2 ** 21 - 1) {
-					s.enqueue(u);
+					s.enqueue(b);
 					break;
 				}
 				i = a * 2 ** 32 + t.getUint32(4), r = 3;
 			} else {
-				if (b(n) < i) break;
-				let e = x(n, i);
-				s.enqueue(_(a ? e : ue.decode(e), t)), r = 0;
+				if (w(n) < i) break;
+				let e = T(n, i);
+				s.enqueue(C(a ? e : ke.decode(e), t)), r = 0;
 			}
 			if (i === 0 || i > e) {
-				s.enqueue(u);
+				s.enqueue(b);
 				break;
 			}
 		}
 	} });
 }
-//#endregion
-//#region ../../node_modules/.pnpm/@socket.io+component-emitter@3.1.2/node_modules/@socket.io/component-emitter/lib/esm/index.js
-function S(e) {
-	if (e) return fe(e);
+// ../../node_modules/.pnpm/@socket.io+component-emitter@3.1.2/node_modules/@socket.io/component-emitter/lib/esm/index.js
+function E(e) {
+	if (e) return je(e);
 }
-function fe(e) {
-	for (var t in S.prototype) e[t] = S.prototype[t];
+function je(e) {
+	for (var t in E.prototype) e[t] = E.prototype[t];
 	return e;
 }
-S.prototype.on = S.prototype.addEventListener = function(e, t) {
+E.prototype.on = E.prototype.addEventListener = function(e, t) {
 	return this._callbacks = this._callbacks || {}, (this._callbacks["$" + e] = this._callbacks["$" + e] || []).push(t), this;
-}, S.prototype.once = function(e, t) {
+}, E.prototype.once = function(e, t) {
 	function n() {
 		this.off(e, n), t.apply(this, arguments);
 	}
 	return n.fn = t, this.on(e, n), this;
-}, S.prototype.off = S.prototype.removeListener = S.prototype.removeAllListeners = S.prototype.removeEventListener = function(e, t) {
+}, E.prototype.off = E.prototype.removeListener = E.prototype.removeAllListeners = E.prototype.removeEventListener = function(e, t) {
 	if (this._callbacks = this._callbacks || {}, arguments.length == 0) return this._callbacks = {}, this;
 	var n = this._callbacks["$" + e];
 	if (!n) return this;
@@ -261,7 +418,7 @@ S.prototype.on = S.prototype.addEventListener = function(e, t) {
 		break;
 	}
 	return n.length === 0 && delete this._callbacks["$" + e], this;
-}, S.prototype.emit = function(e) {
+}, E.prototype.emit = function(e) {
 	this._callbacks = this._callbacks || {};
 	for (var t = Array(arguments.length - 1), n = this._callbacks["$" + e], r = 1; r < arguments.length; r++) t[r - 1] = arguments[r];
 	if (n) {
@@ -269,43 +426,40 @@ S.prototype.on = S.prototype.addEventListener = function(e, t) {
 		for (var r = 0, i = n.length; r < i; ++r) n[r].apply(this, t);
 	}
 	return this;
-}, S.prototype.emitReserved = S.prototype.emit, S.prototype.listeners = function(e) {
+}, E.prototype.emitReserved = E.prototype.emit, E.prototype.listeners = function(e) {
 	return this._callbacks = this._callbacks || {}, this._callbacks["$" + e] || [];
-}, S.prototype.hasListeners = function(e) {
+}, E.prototype.hasListeners = function(e) {
 	return !!this.listeners(e).length;
 };
-//#endregion
-//#region ../../node_modules/.pnpm/engine.io-client@6.6.6_supports-color@8.1.1/node_modules/engine.io-client/build/esm/globals.js
-var C = typeof Promise == "function" && typeof Promise.resolve == "function" ? (e) => Promise.resolve().then(e) : (e, t) => t(e, 0), w = typeof self < "u" ? self : typeof window < "u" ? window : Function("return this")(), pe = "arraybuffer";
-//#endregion
-//#region ../../node_modules/.pnpm/engine.io-client@6.6.6_supports-color@8.1.1/node_modules/engine.io-client/build/esm/util.js
-function me(e, ...t) {
+// ../../node_modules/.pnpm/engine.io-client@6.6.6_supports-color@8.1.1/node_modules/engine.io-client/build/esm/globals.js
+var D = typeof Promise == "function" && typeof Promise.resolve == "function" ? (e) => Promise.resolve().then(e) : (e, t) => t(e, 0), O = typeof self < "u" ? self : typeof window < "u" ? window : Function("return this")(), Me = "arraybuffer";
+// ../../node_modules/.pnpm/engine.io-client@6.6.6_supports-color@8.1.1/node_modules/engine.io-client/build/esm/util.js
+function Ne(e, ...t) {
 	return t.reduce((t, n) => (e.hasOwnProperty(n) && (t[n] = e[n]), t), {});
 }
-var he = w.setTimeout, ge = w.clearTimeout;
-function T(e, t) {
-	t.useNativeTimers ? (e.setTimeoutFn = he.bind(w), e.clearTimeoutFn = ge.bind(w)) : (e.setTimeoutFn = w.setTimeout.bind(w), e.clearTimeoutFn = w.clearTimeout.bind(w));
+var Pe = O.setTimeout, Fe = O.clearTimeout;
+function k(e, t) {
+	t.useNativeTimers ? (e.setTimeoutFn = Pe.bind(O), e.clearTimeoutFn = Fe.bind(O)) : (e.setTimeoutFn = O.setTimeout.bind(O), e.clearTimeoutFn = O.clearTimeout.bind(O));
 }
-var _e = 1.33;
-function ve(e) {
-	return typeof e == "string" ? ye(e) : Math.ceil((e.byteLength || e.size) * _e);
+var Ie = 1.33;
+function Le(e) {
+	return typeof e == "string" ? Re(e) : Math.ceil((e.byteLength || e.size) * Ie);
 }
-function ye(e) {
+function Re(e) {
 	let t = 0, n = 0;
 	for (let r = 0, i = e.length; r < i; r++) t = e.charCodeAt(r), t < 128 ? n += 1 : t < 2048 ? n += 2 : t < 55296 || t >= 57344 ? n += 3 : (r++, n += 4);
 	return n;
 }
-function be() {
+function ze() {
 	return Date.now().toString(36).substring(3) + Math.random().toString(36).substring(2, 5);
 }
-//#endregion
-//#region ../../node_modules/.pnpm/engine.io-client@6.6.6_supports-color@8.1.1/node_modules/engine.io-client/build/esm/contrib/parseqs.js
-function xe(e) {
+// ../../node_modules/.pnpm/engine.io-client@6.6.6_supports-color@8.1.1/node_modules/engine.io-client/build/esm/contrib/parseqs.js
+function Be(e) {
 	let t = "";
 	for (let n in e) e.hasOwnProperty(n) && (t.length && (t += "&"), t += encodeURIComponent(n) + "=" + encodeURIComponent(e[n]));
 	return t;
 }
-function Se(e) {
+function Ve(e) {
 	let t = {}, n = e.split("&");
 	for (let e = 0, r = n.length; e < r; e++) {
 		let r = n[e].split("=");
@@ -313,18 +467,17 @@ function Se(e) {
 	}
 	return t;
 }
-//#endregion
-//#region ../../node_modules/.pnpm/engine.io-client@6.6.6_supports-color@8.1.1/node_modules/engine.io-client/build/esm/transport.js
-var Ce = class extends Error {
+// ../../node_modules/.pnpm/engine.io-client@6.6.6_supports-color@8.1.1/node_modules/engine.io-client/build/esm/transport.js
+var He = class extends Error {
 	constructor(e, t, n) {
 		super(e), this.description = t, this.context = n, this.type = "TransportError";
 	}
-}, E = class extends S {
+}, A = class extends E {
 	constructor(e) {
-		super(), this.writable = !1, T(this, e), this.opts = e, this.query = e.query, this.socket = e.socket, this.supportsBinary = !e.forceBase64;
+		super(), this.writable = !1, k(this, e), this.opts = e, this.query = e.query, this.socket = e.socket, this.supportsBinary = !e.forceBase64;
 	}
 	onError(e, t, n) {
-		return super.emitReserved("error", new Ce(e, t, n)), this;
+		return super.emitReserved("error", new He(e, t, n)), this;
 	}
 	open() {
 		return this.readyState = "opening", this.doOpen(), this;
@@ -339,7 +492,7 @@ var Ce = class extends Error {
 		this.readyState = "open", this.writable = !0, super.emitReserved("open");
 	}
 	onData(e) {
-		let t = _(e, this.socket.binaryType);
+		let t = C(e, this.socket.binaryType);
 		this.onPacket(t);
 	}
 	onPacket(e) {
@@ -360,10 +513,10 @@ var Ce = class extends Error {
 		return this.opts.port && (this.opts.secure && Number(this.opts.port) !== 443 || !this.opts.secure && Number(this.opts.port) !== 80) ? ":" + this.opts.port : "";
 	}
 	_query(e) {
-		let t = xe(e);
+		let t = Be(e);
 		return t.length ? "?" + t : "";
 	}
-}, we = class extends E {
+}, Ue = class extends A {
 	constructor() {
 		super(...arguments), this._polling = !1;
 	}
@@ -391,7 +544,7 @@ var Ce = class extends Error {
 		this._polling = !0, this.doPoll(), this.emitReserved("poll");
 	}
 	onData(e) {
-		ce(e, this.socket.binaryType).forEach((e) => {
+		De(e, this.socket.binaryType).forEach((e) => {
 			if (this.readyState === "opening" && e.type === "open" && this.onOpen(), e.type === "close") return this.onClose({ description: "transport closed by the server" }), !1;
 			this.onPacket(e);
 		}), this.readyState !== "closed" && (this._polling = !1, this.emitReserved("pollComplete"), this.readyState === "open" && this._poll());
@@ -403,7 +556,7 @@ var Ce = class extends Error {
 		this.readyState === "open" ? e() : this.once("open", e);
 	}
 	write(e) {
-		this.writable = !1, se(e, (e) => {
+		this.writable = !1, Ee(e, (e) => {
 			this.doWrite(e, () => {
 				this.writable = !0, this.emitReserved("drain");
 			});
@@ -411,17 +564,16 @@ var Ce = class extends Error {
 	}
 	uri() {
 		let e = this.opts.secure ? "https" : "http", t = this.query || {};
-		return !1 !== this.opts.timestampRequests && (t[this.opts.timestampParam] = be()), !this.supportsBinary && !t.sid && (t.b64 = 1), this.createUri(e, t);
+		return !1 !== this.opts.timestampRequests && (t[this.opts.timestampParam] = ze()), !this.supportsBinary && !t.sid && (t.b64 = 1), this.createUri(e, t);
 	}
-}, Te = !1;
+}, We = !1;
 try {
-	Te = typeof XMLHttpRequest < "u" && "withCredentials" in new XMLHttpRequest();
+	We = typeof XMLHttpRequest < "u" && "withCredentials" in new XMLHttpRequest();
 } catch {}
-var Ee = Te;
-//#endregion
-//#region ../../node_modules/.pnpm/engine.io-client@6.6.6_supports-color@8.1.1/node_modules/engine.io-client/build/esm/transports/polling-xhr.js
-function De() {}
-var Oe = class extends we {
+var Ge = We;
+// ../../node_modules/.pnpm/engine.io-client@6.6.6_supports-color@8.1.1/node_modules/engine.io-client/build/esm/transports/polling-xhr.js
+function Ke() {}
+var qe = class extends Ue {
 	constructor(e) {
 		if (super(e), typeof location < "u") {
 			let t = location.protocol === "https:", n = location.port;
@@ -443,13 +595,13 @@ var Oe = class extends we {
 			this.onError("xhr poll error", e, t);
 		}), this.pollXhr = e;
 	}
-}, D = class e extends S {
+}, j = class e extends E {
 	constructor(e, t, n) {
-		super(), this.createRequest = e, T(this, n), this._opts = n, this._method = n.method || "GET", this._uri = t, this._data = n.data === void 0 ? null : n.data, this._create();
+		super(), this.createRequest = e, k(this, n), this._opts = n, this._method = n.method || "GET", this._uri = t, this._data = n.data === void 0 ? null : n.data, this._create();
 	}
 	_create() {
 		var t;
-		let n = me(this._opts, "agent", "pfx", "key", "passphrase", "cert", "ca", "ciphers", "rejectUnauthorized", "autoUnref");
+		let n = Ne(this._opts, "agent", "pfx", "key", "passphrase", "cert", "ca", "ciphers", "rejectUnauthorized", "autoUnref");
 		n.xdomain = !!this._opts.xd;
 		let r = this._xhr = this.createRequest(n);
 		try {
@@ -485,7 +637,7 @@ var Oe = class extends we {
 	}
 	_cleanup(t) {
 		if (this._xhr !== void 0 && this._xhr !== null) {
-			if (this._xhr.onreadystatechange = De, t) try {
+			if (this._xhr.onreadystatechange = Ke, t) try {
 				this._xhr.abort();
 			} catch {}
 			typeof document < "u" && delete e.requests[this._index], this._xhr = null;
@@ -499,46 +651,45 @@ var Oe = class extends we {
 		this._cleanup();
 	}
 };
-if (D.requestsCount = 0, D.requests = {}, typeof document < "u") {
-	if (typeof attachEvent == "function") attachEvent("onunload", ke);
+if (j.requestsCount = 0, j.requests = {}, typeof document < "u") {
+	if (typeof attachEvent == "function") attachEvent("onunload", Je);
 	else if (typeof addEventListener == "function") {
-		let e = "onpagehide" in w ? "pagehide" : "unload";
-		addEventListener(e, ke, !1);
+		let e = "onpagehide" in O ? "pagehide" : "unload";
+		addEventListener(e, Je, !1);
 	}
 }
-function ke() {
-	for (let e in D.requests) D.requests.hasOwnProperty(e) && D.requests[e].abort();
+function Je() {
+	for (let e in j.requests) j.requests.hasOwnProperty(e) && j.requests[e].abort();
 }
-var Ae = (function() {
-	let e = Me({ xdomain: !1 });
+var Ye = (function() {
+	let e = Ze({ xdomain: !1 });
 	return e && e.responseType !== null;
-})(), je = class extends Oe {
+})(), Xe = class extends qe {
 	constructor(e) {
 		super(e);
 		let t = e && e.forceBase64;
-		this.supportsBinary = Ae && !t;
+		this.supportsBinary = Ye && !t;
 	}
 	request(e = {}) {
-		return Object.assign(e, { xd: this.xd }, this.opts), new D(Me, this.uri(), e);
+		return Object.assign(e, { xd: this.xd }, this.opts), new j(Ze, this.uri(), e);
 	}
 };
-function Me(e) {
+function Ze(e) {
 	let t = e.xdomain;
 	try {
-		if (typeof XMLHttpRequest < "u" && (!t || Ee)) return new XMLHttpRequest();
+		if (typeof XMLHttpRequest < "u" && (!t || Ge)) return new XMLHttpRequest();
 	} catch {}
 	if (!t) try {
-		return new w[["Active", "Object"].join("X")]("Microsoft.XMLHTTP");
+		return new O.ActiveXObject("Microsoft.XMLHTTP");
 	} catch {}
 }
-//#endregion
-//#region ../../node_modules/.pnpm/engine.io-client@6.6.6_supports-color@8.1.1/node_modules/engine.io-client/build/esm/transports/websocket.js
-var Ne = typeof navigator < "u" && typeof navigator.product == "string" && navigator.product.toLowerCase() === "reactnative", Pe = class extends E {
+// ../../node_modules/.pnpm/engine.io-client@6.6.6_supports-color@8.1.1/node_modules/engine.io-client/build/esm/transports/websocket.js
+var Qe = typeof navigator < "u" && typeof navigator.product == "string" && navigator.product.toLowerCase() === "reactnative", $e = class extends A {
 	get name() {
 		return "websocket";
 	}
 	doOpen() {
-		let e = this.uri(), t = this.opts.protocols, n = Ne ? {} : me(this.opts, "agent", "perMessageDeflate", "pfx", "key", "passphrase", "cert", "ca", "ciphers", "rejectUnauthorized", "localAddress", "protocolVersion", "origin", "maxPayload", "family", "checkServerIdentity");
+		let e = this.uri(), t = this.opts.protocols, n = Qe ? {} : Ne(this.opts, "agent", "perMessageDeflate", "pfx", "key", "passphrase", "cert", "ca", "ciphers", "rejectUnauthorized", "localAddress", "protocolVersion", "origin", "maxPayload", "family", "checkServerIdentity");
 		this.opts.extraHeaders && (n.headers = this.opts.extraHeaders);
 		try {
 			this.ws = this.createSocket(e, t, n);
@@ -559,11 +710,11 @@ var Ne = typeof navigator < "u" && typeof navigator.product == "string" && navig
 		this.writable = !1;
 		for (let t = 0; t < e.length; t++) {
 			let n = e[t], r = t === e.length - 1;
-			m(n, this.supportsBinary, (e) => {
+			x(n, this.supportsBinary, (e) => {
 				try {
 					this.doWrite(n, e);
 				} catch {}
-				r && C(() => {
+				r && D(() => {
 					this.writable = !0, this.emitReserved("drain");
 				}, this.setTimeoutFn);
 			});
@@ -574,18 +725,18 @@ var Ne = typeof navigator < "u" && typeof navigator.product == "string" && navig
 	}
 	uri() {
 		let e = this.opts.secure ? "wss" : "ws", t = this.query || {};
-		return this.opts.timestampRequests && (t[this.opts.timestampParam] = be()), this.supportsBinary || (t.b64 = 1), this.createUri(e, t);
+		return this.opts.timestampRequests && (t[this.opts.timestampParam] = ze()), this.supportsBinary || (t.b64 = 1), this.createUri(e, t);
 	}
-}, O = w.WebSocket || w.MozWebSocket, Fe = {
-	websocket: class extends Pe {
+}, M = O.WebSocket || O.MozWebSocket, et = {
+	websocket: class extends $e {
 		createSocket(e, t, n) {
-			return Ne ? new O(e, t, n) : t ? new O(e, t) : new O(e);
+			return Qe ? new M(e, t, n) : t ? new M(e, t) : new M(e);
 		}
 		doWrite(e, t) {
 			this.ws.send(t);
 		}
 	},
-	webtransport: class extends E {
+	webtransport: class extends A {
 		get name() {
 			return "webtransport";
 		}
@@ -601,7 +752,7 @@ var Ne = typeof navigator < "u" && typeof navigator.product == "string" && navig
 				this.onError("webtransport error", e);
 			}), this._transport.ready.then(() => {
 				this._transport.createBidirectionalStream().then((e) => {
-					let t = de(2 ** 53 - 1, this.socket.binaryType), n = e.readable.pipeThrough(t).getReader(), r = le();
+					let t = Ae(2 ** 53 - 1, this.socket.binaryType), n = e.readable.pipeThrough(t).getReader(), r = Oe();
 					r.readable.pipeTo(e.writable), this._writer = r.writable.getWriter();
 					let i = () => {
 						n.read().then(({ done: e, value: t }) => {
@@ -619,7 +770,7 @@ var Ne = typeof navigator < "u" && typeof navigator.product == "string" && navig
 			for (let t = 0; t < e.length; t++) {
 				let n = e[t], r = t === e.length - 1;
 				this._writer.write(n).then(() => {
-					r && C(() => {
+					r && D(() => {
 						this.writable = !0, this.emitReserved("drain");
 					}, this.setTimeoutFn);
 				});
@@ -630,8 +781,8 @@ var Ne = typeof navigator < "u" && typeof navigator.product == "string" && navig
 			(e = this._transport) == null || e.close();
 		}
 	},
-	polling: je
-}, Ie = /^(?:(?![^:@\/?#]+:[^:@\/]*@)(http|https|ws|wss):\/\/)?((?:(([^:@\/?#]*)(?::([^:@\/?#]*))?)?@)?((?:[a-f0-9]{0,4}:){2,7}[a-f0-9]{0,4}|[^:\/?#]*)(?::(\d*))?)(((\/(?:[^?#](?![^?#\/]*\.[^?#\/.]+(?:[?#]|$)))*\/?)?([^?#\/]*))(?:\?([^#]*))?(?:#(.*))?)/, Le = [
+	polling: Xe
+}, tt = /^(?:(?![^:@\/?#]+:[^:@\/]*@)(http|https|ws|wss):\/\/)?((?:(([^:@\/?#]*)(?::([^:@\/?#]*))?)?@)?((?:[a-f0-9]{0,4}:){2,7}[a-f0-9]{0,4}|[^:\/?#]*)(?::(\d*))?)(((\/(?:[^?#](?![^?#\/]*\.[^?#\/.]+(?:[?#]|$)))*\/?)?([^?#\/]*))(?:\?([^#]*))?(?:#(.*))?)/, nt = [
 	"source",
 	"protocol",
 	"authority",
@@ -647,37 +798,36 @@ var Ne = typeof navigator < "u" && typeof navigator.product == "string" && navig
 	"query",
 	"anchor"
 ];
-function k(e) {
+function N(e) {
 	if (e.length > 8e3) throw "URI too long";
 	let t = e, n = e.indexOf("["), r = e.indexOf("]");
 	n != -1 && r != -1 && (e = e.substring(0, n) + e.substring(n, r).replace(/:/g, ";") + e.substring(r, e.length));
-	let i = Ie.exec(e || ""), a = {}, o = 14;
-	for (; o--;) a[Le[o]] = i[o] || "";
-	return n != -1 && r != -1 && (a.source = t, a.host = a.host.substring(1, a.host.length - 1).replace(/;/g, ":"), a.authority = a.authority.replace("[", "").replace("]", "").replace(/;/g, ":"), a.ipv6uri = !0), a.pathNames = Re(a, a.path), a.queryKey = ze(a, a.query), a;
+	let i = tt.exec(e || ""), a = {}, o = 14;
+	for (; o--;) a[nt[o]] = i[o] || "";
+	return n != -1 && r != -1 && (a.source = t, a.host = a.host.substring(1, a.host.length - 1).replace(/;/g, ":"), a.authority = a.authority.replace("[", "").replace("]", "").replace(/;/g, ":"), a.ipv6uri = !0), a.pathNames = rt(a, a.path), a.queryKey = it(a, a.query), a;
 }
-function Re(e, t) {
+function rt(e, t) {
 	let n = t.replace(/\/{2,9}/g, "/").split("/");
 	return (t.slice(0, 1) == "/" || t.length === 0) && n.splice(0, 1), t.slice(-1) == "/" && n.splice(n.length - 1, 1), n;
 }
-function ze(e, t) {
+function it(e, t) {
 	let n = {};
 	return t.replace(/(?:^|&)([^&=]*)=?([^&]*)/g, function(e, t, r) {
 		t && (n[t] = r);
 	}), n;
 }
-//#endregion
-//#region ../../node_modules/.pnpm/engine.io-client@6.6.6_supports-color@8.1.1/node_modules/engine.io-client/build/esm/socket.js
-var A = typeof addEventListener == "function" && typeof removeEventListener == "function", j = [];
-A && addEventListener("offline", () => {
-	j.forEach((e) => e());
+// ../../node_modules/.pnpm/engine.io-client@6.6.6_supports-color@8.1.1/node_modules/engine.io-client/build/esm/socket.js
+var P = typeof addEventListener == "function" && typeof removeEventListener == "function", F = [];
+P && addEventListener("offline", () => {
+	F.forEach((e) => e());
 }, !1);
-var M = class e extends S {
+var I = class e extends E {
 	constructor(e, t) {
-		if (super(), this.binaryType = pe, this.writeBuffer = [], this._prevBufferLen = 0, this._pingInterval = -1, this._pingTimeout = -1, this._maxPayload = -1, this._pingTimeoutTime = Infinity, e && typeof e == "object" && (t = e, e = null), e) {
-			let n = k(e);
+		if (super(), this.binaryType = Me, this.writeBuffer = [], this._prevBufferLen = 0, this._pingInterval = -1, this._pingTimeout = -1, this._maxPayload = -1, this._pingTimeoutTime = Infinity, e && typeof e == "object" && (t = e, e = null), e) {
+			let n = N(e);
 			t.hostname = n.host, t.secure = n.protocol === "https" || n.protocol === "wss", t.port = n.port, n.query && (t.query = n.query);
-		} else t.host && (t.hostname = k(t.host).host);
-		T(this, t), this.secure = t.secure == null ? typeof location < "u" && location.protocol === "https:" : t.secure, t.hostname && !t.port && (t.port = this.secure ? "443" : "80"), this.hostname = t.hostname || (typeof location < "u" ? location.hostname : "localhost"), this.port = t.port || (typeof location < "u" && location.port ? location.port : this.secure ? "443" : "80"), this.transports = [], this._transportsByName = {}, t.transports.forEach((e) => {
+		} else t.host && (t.hostname = N(t.host).host);
+		k(this, t), this.secure = t.secure == null ? typeof location < "u" && location.protocol === "https:" : t.secure, t.hostname && !t.port && (t.port = this.secure ? "443" : "80"), this.hostname = t.hostname || (typeof location < "u" ? location.hostname : "localhost"), this.port = t.port || (typeof location < "u" && location.port ? location.port : this.secure ? "443" : "80"), this.transports = [], this._transportsByName = {}, t.transports.forEach((e) => {
 			let t = e.prototype.name;
 			this.transports.push(t), this._transportsByName[t] = e;
 		}), this.opts = Object.assign({
@@ -692,11 +842,11 @@ var M = class e extends S {
 			perMessageDeflate: { threshold: 1024 },
 			transportOptions: {},
 			closeOnBeforeunload: !1
-		}, t), this.opts.path = this.opts.path.replace(/\/$/, "") + (this.opts.addTrailingSlash ? "/" : ""), typeof this.opts.query == "string" && (this.opts.query = Se(this.opts.query)), A && (this.opts.closeOnBeforeunload && (this._beforeunloadEventListener = () => {
+		}, t), this.opts.path = this.opts.path.replace(/\/$/, "") + (this.opts.addTrailingSlash ? "/" : ""), typeof this.opts.query == "string" && (this.opts.query = Ve(this.opts.query)), P && (this.opts.closeOnBeforeunload && (this._beforeunloadEventListener = () => {
 			this.transport && (this.transport.removeAllListeners(), this.transport.close());
 		}, addEventListener("beforeunload", this._beforeunloadEventListener, !1)), this.hostname !== "localhost" && (this._offlineEventListener = () => {
 			this._onClose("transport close", { description: "network connection lost" });
-		}, j.push(this._offlineEventListener))), this.opts.withCredentials && (this._cookieJar = void 0), this._open();
+		}, F.push(this._offlineEventListener))), this.opts.withCredentials && (this._cookieJar = void 0), this._open();
 	}
 	createTransport(e) {
 		let t = Object.assign({}, this.opts.query);
@@ -767,7 +917,7 @@ var M = class e extends S {
 		let e = 1;
 		for (let t = 0; t < this.writeBuffer.length; t++) {
 			let n = this.writeBuffer[t].data;
-			if (n && (e += ve(n)), t > 0 && e > this._maxPayload) return this.writeBuffer.slice(0, t);
+			if (n && (e += Le(n)), t > 0 && e > this._maxPayload) return this.writeBuffer.slice(0, t);
 			e += 2;
 		}
 		return this.writeBuffer;
@@ -775,7 +925,7 @@ var M = class e extends S {
 	_hasPingExpired() {
 		if (!this._pingTimeoutTime) return !0;
 		let e = Date.now() > this._pingTimeoutTime;
-		return e && (this._pingTimeoutTime = 0, C(() => {
+		return e && (this._pingTimeoutTime = 0, D(() => {
 			this._onClose("ping timeout");
 		}, this.setTimeoutFn)), e;
 	}
@@ -813,16 +963,16 @@ var M = class e extends S {
 	}
 	_onClose(e, t) {
 		if (this.readyState === "opening" || this.readyState === "open" || this.readyState === "closing") {
-			if (this.clearTimeoutFn(this._pingTimeoutTimer), this.transport.removeAllListeners("close"), this.transport.close(), this.transport.removeAllListeners(), A && (this._beforeunloadEventListener && removeEventListener("beforeunload", this._beforeunloadEventListener, !1), this._offlineEventListener)) {
-				let e = j.indexOf(this._offlineEventListener);
-				e !== -1 && j.splice(e, 1);
+			if (this.clearTimeoutFn(this._pingTimeoutTimer), this.transport.removeAllListeners("close"), this.transport.close(), this.transport.removeAllListeners(), P && (this._beforeunloadEventListener && removeEventListener("beforeunload", this._beforeunloadEventListener, !1), this._offlineEventListener)) {
+				let e = F.indexOf(this._offlineEventListener);
+				e !== -1 && F.splice(e, 1);
 			}
 			this.readyState = "closed", this.id = null, this.emitReserved("close", e, t), this.writeBuffer = [], this._prevBufferLen = 0;
 		}
 	}
 };
-M.protocol = 4;
-var Be = class extends M {
+I.protocol = 4;
+var at = class extends I {
 	constructor() {
 		super(...arguments), this._upgrades = [];
 	}
@@ -831,7 +981,7 @@ var Be = class extends M {
 	}
 	_probe(e) {
 		let t = this.createTransport(e), n = !1;
-		M.priorWebsocketSuccess = !1;
+		I.priorWebsocketSuccess = !1;
 		let r = () => {
 			n || (t.send([{
 				type: "ping",
@@ -840,7 +990,7 @@ var Be = class extends M {
 				if (!n) {
 					if (e.type === "pong" && e.data === "probe") {
 						if (this.upgrading = !0, this.emitReserved("upgrading", t), !t) return;
-						M.priorWebsocketSuccess = t.name === "websocket", this.transport.pause(() => {
+						I.priorWebsocketSuccess = t.name === "websocket", this.transport.pause(() => {
 							n || this.readyState !== "closed" && (l(), this.setTransport(t), t.send([{ type: "upgrade" }]), this.emitReserved("upgrade", t), t = null, this.upgrading = !1, this.flush());
 						});
 					} else {
@@ -881,54 +1031,51 @@ var Be = class extends M {
 		for (let n = 0; n < e.length; n++) ~this.transports.indexOf(e[n]) && t.push(e[n]);
 		return t;
 	}
-}, N = class extends Be {
+}, ot = class extends at {
 	constructor(e, t = {}) {
 		let n = typeof e == "object", r = n ? { ...e } : { ...t };
 		(!r.transports || r.transports && typeof r.transports[0] == "string") && (r.transports = (r.transports || [
 			"polling",
 			"websocket",
 			"webtransport"
-		]).map((e) => Fe[e]).filter((e) => !!e)), super(n ? r : e, r);
+		]).map((e) => et[e]).filter((e) => !!e)), super(n ? r : e, r);
 	}
 };
-N.protocol;
-//#endregion
-//#region ../../node_modules/.pnpm/socket.io-client@4.8.4_supports-color@8.1.1/node_modules/socket.io-client/build/esm/url.js
-function Ve(e, t = "", n) {
+ot.protocol;
+// ../../node_modules/.pnpm/socket.io-client@4.8.4_supports-color@8.1.1/node_modules/socket.io-client/build/esm/url.js
+function st(e, t = "", n) {
 	let r = e;
-	n ||= typeof location < "u" && location, e ??= n.protocol + "//" + n.host, typeof e == "string" && (e.charAt(0) === "/" && (e = e.charAt(1) === "/" ? n.protocol + e : n.host + e), /^(https?|wss?):\/\//.test(e) || (e = n === void 0 ? "https://" + e : n.protocol + "//" + e), r = k(e)), r.port || (/^(http|ws)$/.test(r.protocol) ? r.port = "80" : /^(http|ws)s$/.test(r.protocol) && (r.port = "443")), r.path = r.path || "/";
+	n ||= typeof location < "u" && location, e ??= n.protocol + "//" + n.host, typeof e == "string" && (e.charAt(0) === "/" && (e = e.charAt(1) === "/" ? n.protocol + e : n.host + e), /^(https?|wss?):\/\//.test(e) || (e = n === void 0 ? "https://" + e : n.protocol + "//" + e), r = N(e)), r.port || (/^(http|ws)$/.test(r.protocol) ? r.port = "80" : /^(http|ws)s$/.test(r.protocol) && (r.port = "443")), r.path = r.path || "/";
 	let i = r.host.indexOf(":") === -1 ? r.host : "[" + r.host + "]";
 	return r.id = r.protocol + "://" + i + ":" + r.port + t, r.href = r.protocol + "://" + i + (n && n.port === r.port ? "" : ":" + r.port), r;
 }
-//#endregion
-//#region ../../node_modules/.pnpm/socket.io-parser@4.2.7_supports-color@8.1.1/node_modules/socket.io-parser/build/esm/is-binary.js
-var He = typeof ArrayBuffer == "function", Ue = (e) => typeof ArrayBuffer.isView == "function" ? ArrayBuffer.isView(e) : e.buffer instanceof ArrayBuffer, P = Object.prototype.toString, We = typeof Blob == "function" || typeof Blob < "u" && P.call(Blob) === "[object BlobConstructor]", Ge = typeof File == "function" || typeof File < "u" && P.call(File) === "[object FileConstructor]";
-function F(e) {
-	return He && (e instanceof ArrayBuffer || Ue(e)) || We && e instanceof Blob || Ge && e instanceof File;
+// ../../node_modules/.pnpm/socket.io-parser@4.2.7_supports-color@8.1.1/node_modules/socket.io-parser/build/esm/is-binary.js
+var ct = typeof ArrayBuffer == "function", lt = (e) => typeof ArrayBuffer.isView == "function" ? ArrayBuffer.isView(e) : e.buffer instanceof ArrayBuffer, ut = Object.prototype.toString, dt = typeof Blob == "function" || typeof Blob < "u" && ut.call(Blob) === "[object BlobConstructor]", ft = typeof File == "function" || typeof File < "u" && ut.call(File) === "[object FileConstructor]";
+function L(e) {
+	return ct && (e instanceof ArrayBuffer || lt(e)) || dt && e instanceof Blob || ft && e instanceof File;
 }
-function I(e, t) {
+function R(e, t) {
 	if (!e || typeof e != "object") return !1;
 	if (Array.isArray(e)) {
-		for (let t = 0, n = e.length; t < n; t++) if (I(e[t])) return !0;
+		for (let t = 0, n = e.length; t < n; t++) if (R(e[t])) return !0;
 		return !1;
 	}
-	if (F(e)) return !0;
-	if (e.toJSON && typeof e.toJSON == "function" && arguments.length === 1) return I(e.toJSON(), !0);
-	for (let t in e) if (Object.prototype.hasOwnProperty.call(e, t) && I(e[t])) return !0;
+	if (L(e)) return !0;
+	if (e.toJSON && typeof e.toJSON == "function" && arguments.length === 1) return R(e.toJSON(), !0);
+	for (let t in e) if (Object.prototype.hasOwnProperty.call(e, t) && R(e[t])) return !0;
 	return !1;
 }
-//#endregion
-//#region ../../node_modules/.pnpm/socket.io-parser@4.2.7_supports-color@8.1.1/node_modules/socket.io-parser/build/esm/binary.js
-function Ke(e) {
+// ../../node_modules/.pnpm/socket.io-parser@4.2.7_supports-color@8.1.1/node_modules/socket.io-parser/build/esm/binary.js
+function pt(e) {
 	let t = [], n = e.data, r = e;
-	return r.data = L(n, t), r.attachments = t.length, {
+	return r.data = z(n, t), r.attachments = t.length, {
 		packet: r,
 		buffers: t
 	};
 }
-function L(e, t, n) {
+function z(e, t, n) {
 	if (!e) return e;
-	if (F(e)) {
+	if (L(e)) {
 		let n = {
 			_placeholder: !0,
 			num: t.length
@@ -937,56 +1084,55 @@ function L(e, t, n) {
 	}
 	if (Array.isArray(e)) {
 		let n = Array(e.length);
-		for (let r = 0; r < e.length; r++) n[r] = L(e[r], t);
+		for (let r = 0; r < e.length; r++) n[r] = z(e[r], t);
 		return n;
 	}
 	if (typeof e == "object" && !(e instanceof Date)) {
-		if (e.toJSON && typeof e.toJSON == "function" && !n) return L(e.toJSON(), t, !0);
+		if (e.toJSON && typeof e.toJSON == "function" && !n) return z(e.toJSON(), t, !0);
 		let r = {};
-		for (let n in e) Object.prototype.hasOwnProperty.call(e, n) && (r[n] = L(e[n], t));
+		for (let n in e) Object.prototype.hasOwnProperty.call(e, n) && (r[n] = z(e[n], t));
 		return r;
 	}
 	return e;
 }
-function qe(e, t) {
-	return e.data = R(e.data, t), delete e.attachments, e;
+function mt(e, t) {
+	return e.data = B(e.data, t), delete e.attachments, e;
 }
-function R(e, t) {
+function B(e, t) {
 	if (!e) return e;
 	if (e && e._placeholder === !0) {
 		if (typeof e.num == "number" && e.num >= 0 && e.num < t.length) return t[e.num];
 		throw Error("illegal attachments");
 	}
-	if (Array.isArray(e)) for (let n = 0; n < e.length; n++) e[n] = R(e[n], t);
-	else if (typeof e == "object") for (let n in e) Object.prototype.hasOwnProperty.call(e, n) && (e[n] = R(e[n], t));
+	if (Array.isArray(e)) for (let n = 0; n < e.length; n++) e[n] = B(e[n], t);
+	else if (typeof e == "object") for (let n in e) Object.prototype.hasOwnProperty.call(e, n) && (e[n] = B(e[n], t));
 	return e;
 }
-//#endregion
-//#region ../../node_modules/.pnpm/socket.io-parser@4.2.7_supports-color@8.1.1/node_modules/socket.io-parser/build/esm/index.js
-var Je = /* @__PURE__ */ t({
-	Decoder: () => Xe,
-	Encoder: () => Ye,
-	PacketType: () => B,
-	isPacketValid: () => nt,
+// ../../node_modules/.pnpm/socket.io-parser@4.2.7_supports-color@8.1.1/node_modules/socket.io-parser/build/esm/index.js
+var ht = /* @__PURE__ */ t({
+	Decoder: () => vt,
+	Encoder: () => _t,
+	PacketType: () => V,
+	isPacketValid: () => wt,
 	protocol: () => 5
-}), z = [
+}), gt = [
 	"connect",
 	"connect_error",
 	"disconnect",
 	"disconnecting",
 	"newListener",
 	"removeListener"
-], B;
+], V;
 (function(e) {
 	e[e.CONNECT = 0] = "CONNECT", e[e.DISCONNECT = 1] = "DISCONNECT", e[e.EVENT = 2] = "EVENT", e[e.ACK = 3] = "ACK", e[e.CONNECT_ERROR = 4] = "CONNECT_ERROR", e[e.BINARY_EVENT = 5] = "BINARY_EVENT", e[e.BINARY_ACK = 6] = "BINARY_ACK";
-})(B ||= {});
-var Ye = class {
+})(V ||= {});
+var _t = class {
 	constructor(e) {
 		this.replacer = e;
 	}
 	encode(e) {
-		return (e.type === B.EVENT || e.type === B.ACK) && I(e) ? this.encodeAsBinary({
-			type: e.type === B.EVENT ? B.BINARY_EVENT : B.BINARY_ACK,
+		return (e.type === V.EVENT || e.type === V.ACK) && R(e) ? this.encodeAsBinary({
+			type: e.type === V.EVENT ? V.BINARY_EVENT : V.BINARY_ACK,
 			nsp: e.nsp,
 			data: e.data,
 			id: e.id
@@ -994,13 +1140,13 @@ var Ye = class {
 	}
 	encodeAsString(e) {
 		let t = "" + e.type;
-		return (e.type === B.BINARY_EVENT || e.type === B.BINARY_ACK) && (t += e.attachments + "-"), e.nsp && e.nsp !== "/" && (t += e.nsp + ","), e.id != null && (t += e.id), e.data != null && (t += JSON.stringify(e.data, this.replacer)), t;
+		return (e.type === V.BINARY_EVENT || e.type === V.BINARY_ACK) && (t += e.attachments + "-"), e.nsp && e.nsp !== "/" && (t += e.nsp + ","), e.id != null && (t += e.id), e.data != null && (t += JSON.stringify(e.data, this.replacer)), t;
 	}
 	encodeAsBinary(e) {
-		let t = Ke(e), n = this.encodeAsString(t.packet), r = t.buffers;
+		let t = pt(e), n = this.encodeAsString(t.packet), r = t.buffers;
 		return r.unshift(n), r;
 	}
-}, Xe = class e extends S {
+}, vt = class e extends E {
 	constructor(e) {
 		super(), this.opts = Object.assign({
 			reviver: void 0,
@@ -1012,23 +1158,23 @@ var Ye = class {
 		if (typeof e == "string") {
 			if (this.reconstructor) throw Error("got plaintext data when reconstructing a packet");
 			t = this.decodeString(e);
-			let n = t.type === B.BINARY_EVENT;
-			n || t.type === B.BINARY_ACK ? (t.type = n ? B.EVENT : B.ACK, this.reconstructor = new Ze(t)) : super.emitReserved("decoded", t);
-		} else if (F(e) || e.base64) {
+			let n = t.type === V.BINARY_EVENT;
+			n || t.type === V.BINARY_ACK ? (t.type = n ? V.EVENT : V.ACK, this.reconstructor = new yt(t)) : super.emitReserved("decoded", t);
+		} else if (L(e) || e.base64) {
 			if (this.reconstructor) t = this.reconstructor.takeBinaryData(e), t && (this.reconstructor = null, super.emitReserved("decoded", t));
 			else throw Error("got binary data when not reconstructing a packet");
 		} else throw Error("Unknown type: " + e);
 	}
 	decodeString(t) {
 		let n = 0, r = { type: Number(t.charAt(0)) };
-		if (B[r.type] === void 0) throw Error("unknown packet type " + r.type);
-		if (r.type === B.BINARY_EVENT || r.type === B.BINARY_ACK) {
+		if (V[r.type] === void 0) throw Error("unknown packet type " + r.type);
+		if (r.type === V.BINARY_EVENT || r.type === V.BINARY_ACK) {
 			let e = n + 1;
 			for (; t.charAt(++n) !== "-" && n != t.length;);
 			let i = t.substring(e, n);
 			if (i != Number(i) || t.charAt(n) !== "-") throw Error("Illegal attachments");
 			let a = Number(i);
-			if (!$e(a) || a < 1) throw Error("Illegal attachments");
+			if (!xt(a) || a < 1) throw Error("Illegal attachments");
 			if (a > this.opts.maxAttachments) throw Error("too many attachments");
 			r.attachments = a;
 		}
@@ -1066,25 +1212,25 @@ var Ye = class {
 	}
 	static isPayloadValid(e, t) {
 		switch (e) {
-			case B.CONNECT: return V(t);
-			case B.DISCONNECT: return t === void 0;
-			case B.CONNECT_ERROR: return typeof t == "string" || V(t);
-			case B.EVENT:
-			case B.BINARY_EVENT: return Array.isArray(t) && (typeof t[0] == "number" || typeof t[0] == "string" && z.indexOf(t[0]) === -1);
-			case B.ACK:
-			case B.BINARY_ACK: return Array.isArray(t);
+			case V.CONNECT: return H(t);
+			case V.DISCONNECT: return t === void 0;
+			case V.CONNECT_ERROR: return typeof t == "string" || H(t);
+			case V.EVENT:
+			case V.BINARY_EVENT: return Array.isArray(t) && (typeof t[0] == "number" || typeof t[0] == "string" && gt.indexOf(t[0]) === -1);
+			case V.ACK:
+			case V.BINARY_ACK: return Array.isArray(t);
 		}
 	}
 	destroy() {
 		this.reconstructor &&= (this.reconstructor.finishedReconstruction(), null);
 	}
-}, Ze = class {
+}, yt = class {
 	constructor(e) {
 		this.packet = e, this.buffers = [], this.reconPack = e;
 	}
 	takeBinaryData(e) {
 		if (this.buffers.push(e), this.buffers.length === this.reconPack.attachments) {
-			let e = qe(this.reconPack, this.buffers);
+			let e = mt(this.reconPack, this.buffers);
 			return this.finishedReconstruction(), e;
 		}
 		return null;
@@ -1093,48 +1239,46 @@ var Ye = class {
 		this.reconPack = null, this.buffers = [];
 	}
 };
-function Qe(e) {
+function bt(e) {
 	return typeof e == "string";
 }
-var $e = Number.isInteger || function(e) {
+var xt = Number.isInteger || function(e) {
 	return typeof e == "number" && isFinite(e) && Math.floor(e) === e;
 };
-function et(e) {
-	return e === void 0 || $e(e);
+function St(e) {
+	return e === void 0 || xt(e);
 }
-function V(e) {
+function H(e) {
 	return Object.prototype.toString.call(e) === "[object Object]";
 }
-function tt(e, t) {
+function Ct(e, t) {
 	switch (e) {
-		case B.CONNECT: return t === void 0 || V(t);
-		case B.DISCONNECT: return t === void 0;
-		case B.EVENT: return Array.isArray(t) && (typeof t[0] == "number" || typeof t[0] == "string" && z.indexOf(t[0]) === -1);
-		case B.ACK: return Array.isArray(t);
-		case B.CONNECT_ERROR: return typeof t == "string" || V(t);
+		case V.CONNECT: return t === void 0 || H(t);
+		case V.DISCONNECT: return t === void 0;
+		case V.EVENT: return Array.isArray(t) && (typeof t[0] == "number" || typeof t[0] == "string" && gt.indexOf(t[0]) === -1);
+		case V.ACK: return Array.isArray(t);
+		case V.CONNECT_ERROR: return typeof t == "string" || H(t);
 		default: return !1;
 	}
 }
-function nt(e) {
-	return Qe(e.nsp) && et(e.id) && tt(e.type, e.data);
+function wt(e) {
+	return bt(e.nsp) && St(e.id) && Ct(e.type, e.data);
 }
-//#endregion
-//#region ../../node_modules/.pnpm/socket.io-client@4.8.4_supports-color@8.1.1/node_modules/socket.io-client/build/esm/on.js
-function H(e, t, n) {
+// ../../node_modules/.pnpm/socket.io-client@4.8.4_supports-color@8.1.1/node_modules/socket.io-client/build/esm/on.js
+function U(e, t, n) {
 	return e.on(t, n), function() {
 		e.off(t, n);
 	};
 }
-//#endregion
-//#region ../../node_modules/.pnpm/socket.io-client@4.8.4_supports-color@8.1.1/node_modules/socket.io-client/build/esm/socket.js
-var rt = Object.freeze({
+// ../../node_modules/.pnpm/socket.io-client@4.8.4_supports-color@8.1.1/node_modules/socket.io-client/build/esm/socket.js
+var Tt = Object.freeze({
 	connect: 1,
 	connect_error: 1,
 	disconnect: 1,
 	disconnecting: 1,
 	newListener: 1,
 	removeListener: 1
-}), it = class extends S {
+}), Et = class extends E {
 	constructor(e, t, n) {
 		super(), this.connected = !1, this.recovered = !1, this.receiveBuffer = [], this.sendBuffer = [], this._queue = [], this._queueSeq = 0, this.ids = 0, this.acks = {}, this.flags = {}, this.io = e, this.nsp = t, n && n.auth && (this.auth = n.auth), this._opts = Object.assign({}, n), this.io._autoConnect && this.open();
 	}
@@ -1145,10 +1289,10 @@ var rt = Object.freeze({
 		if (this.subs) return;
 		let e = this.io;
 		this.subs = [
-			H(e, "open", this.onopen.bind(this)),
-			H(e, "packet", this.onpacket.bind(this)),
-			H(e, "error", this.onerror.bind(this)),
-			H(e, "close", this.onclose.bind(this))
+			U(e, "open", this.onopen.bind(this)),
+			U(e, "packet", this.onpacket.bind(this)),
+			U(e, "error", this.onerror.bind(this)),
+			U(e, "close", this.onclose.bind(this))
 		];
 	}
 	get active() {
@@ -1164,10 +1308,10 @@ var rt = Object.freeze({
 		return e.unshift("message"), this.emit.apply(this, e), this;
 	}
 	emit(e, ...t) {
-		if (rt.hasOwnProperty(e)) throw Error("\"" + e.toString() + "\" is a reserved event name");
+		if (Tt.hasOwnProperty(e)) throw Error("\"" + e.toString() + "\" is a reserved event name");
 		if (t.unshift(e), this._opts.retries && !this.flags.fromQueue && !this.flags.volatile) return this._addToQueue(t), this;
 		let n = {
-			type: B.EVENT,
+			type: V.EVENT,
 			data: t
 		};
 		if (n.options = {}, n.options.compress = this.flags.compress !== !1, typeof t[t.length - 1] == "function") {
@@ -1225,7 +1369,7 @@ var rt = Object.freeze({
 	}
 	_sendConnectPacket(e) {
 		this.packet({
-			type: B.CONNECT,
+			type: V.CONNECT,
 			data: this._pid ? Object.assign({
 				pid: this._pid,
 				offset: this._lastOffset
@@ -1248,21 +1392,21 @@ var rt = Object.freeze({
 	}
 	onpacket(e) {
 		if (e.nsp === this.nsp) switch (e.type) {
-			case B.CONNECT:
+			case V.CONNECT:
 				e.data && e.data.sid ? this.onconnect(e.data.sid, e.data.pid) : this.emitReserved("connect_error", /* @__PURE__ */ Error("It seems you are trying to reach a Socket.IO server in v2.x with a v3.x client, but they are not compatible (more information here: https://socket.io/docs/v3/migrating-from-2-x-to-3-0/)"));
 				break;
-			case B.EVENT:
-			case B.BINARY_EVENT:
+			case V.EVENT:
+			case V.BINARY_EVENT:
 				this.onevent(e);
 				break;
-			case B.ACK:
-			case B.BINARY_ACK:
+			case V.ACK:
+			case V.BINARY_ACK:
 				this.onack(e);
 				break;
-			case B.DISCONNECT:
+			case V.DISCONNECT:
 				this.ondisconnect();
 				break;
-			case B.CONNECT_ERROR:
+			case V.CONNECT_ERROR:
 				this.destroy();
 				let t = Error(e.data.message);
 				t.data = e.data.data, this.emitReserved("connect_error", t);
@@ -1283,7 +1427,7 @@ var rt = Object.freeze({
 		let t = this, n = !1;
 		return function(...r) {
 			n || (n = !0, t.packet({
-				type: B.ACK,
+				type: V.ACK,
 				id: e,
 				data: r
 			}));
@@ -1308,7 +1452,7 @@ var rt = Object.freeze({
 		this.subs &&= (this.subs.forEach((e) => e()), void 0), this.io._destroy(this);
 	}
 	disconnect() {
-		return this.connected && this.packet({ type: B.DISCONNECT }), this.destroy(), this.connected && this.onclose("io client disconnect"), this;
+		return this.connected && this.packet({ type: V.DISCONNECT }), this.destroy(), this.connected && this.onclose("io client disconnect"), this;
 	}
 	close() {
 		return this.disconnect();
@@ -1363,37 +1507,35 @@ var rt = Object.freeze({
 		}
 	}
 };
-//#endregion
-//#region ../../node_modules/.pnpm/socket.io-client@4.8.4_supports-color@8.1.1/node_modules/socket.io-client/build/esm/contrib/backo2.js
-function U(e) {
+// ../../node_modules/.pnpm/socket.io-client@4.8.4_supports-color@8.1.1/node_modules/socket.io-client/build/esm/contrib/backo2.js
+function W(e) {
 	e ||= {}, this.ms = e.min || 100, this.max = e.max || 1e4, this.factor = e.factor || 2, this.jitter = e.jitter > 0 && e.jitter <= 1 ? e.jitter : 0, this.attempts = 0;
 }
-U.prototype.duration = function() {
+W.prototype.duration = function() {
 	var e = this.ms * this.factor ** +this.attempts++;
 	if (this.jitter) {
 		var t = Math.random(), n = Math.floor(t * this.jitter * e);
 		e = Math.floor(t * 10) & 1 ? e + n : e - n;
 	}
 	return Math.min(e, this.max) | 0;
-}, U.prototype.reset = function() {
+}, W.prototype.reset = function() {
 	this.attempts = 0;
-}, U.prototype.setMin = function(e) {
+}, W.prototype.setMin = function(e) {
 	this.ms = e;
-}, U.prototype.setMax = function(e) {
+}, W.prototype.setMax = function(e) {
 	this.max = e;
-}, U.prototype.setJitter = function(e) {
+}, W.prototype.setJitter = function(e) {
 	this.jitter = e;
 };
-//#endregion
-//#region ../../node_modules/.pnpm/socket.io-client@4.8.4_supports-color@8.1.1/node_modules/socket.io-client/build/esm/manager.js
-var W = class extends S {
+// ../../node_modules/.pnpm/socket.io-client@4.8.4_supports-color@8.1.1/node_modules/socket.io-client/build/esm/manager.js
+var G = class extends E {
 	constructor(e, t) {
-		super(), this.nsps = {}, this.subs = [], e && typeof e == "object" && (t = e, e = void 0), t ||= {}, t.path = t.path || "/socket.io", this.opts = t, T(this, t), this.reconnection(t.reconnection !== !1), this.reconnectionAttempts(t.reconnectionAttempts || Infinity), this.reconnectionDelay(t.reconnectionDelay || 1e3), this.reconnectionDelayMax(t.reconnectionDelayMax || 5e3), this.randomizationFactor(t.randomizationFactor ?? .5), this.backoff = new U({
+		super(), this.nsps = {}, this.subs = [], e && typeof e == "object" && (t = e, e = void 0), t ||= {}, t.path = t.path || "/socket.io", this.opts = t, k(this, t), this.reconnection(t.reconnection !== !1), this.reconnectionAttempts(t.reconnectionAttempts || Infinity), this.reconnectionDelay(t.reconnectionDelay || 1e3), this.reconnectionDelayMax(t.reconnectionDelayMax || 5e3), this.randomizationFactor(t.randomizationFactor ?? .5), this.backoff = new W({
 			min: this.reconnectionDelay(),
 			max: this.reconnectionDelayMax(),
 			jitter: this.randomizationFactor()
 		}), this.timeout(t.timeout == null ? 2e4 : t.timeout), this._readyState = "closed", this.uri = e;
-		let n = t.parser || Je;
+		let n = t.parser || ht;
 		this.encoder = new n.Encoder(), this.decoder = new n.Decoder(), this._autoConnect = t.autoConnect !== !1, this._autoConnect && this.open();
 	}
 	reconnection(e) {
@@ -1422,14 +1564,14 @@ var W = class extends S {
 	}
 	open(e) {
 		if (~this._readyState.indexOf("open")) return this;
-		this.engine = new N(this.uri, this.opts);
+		this.engine = new ot(this.uri, this.opts);
 		let t = this.engine, n = this;
 		this._readyState = "opening", this.skipReconnect = !1;
-		let r = H(t, "open", function() {
+		let r = U(t, "open", function() {
 			n.onopen(), e && e();
 		}), i = (t) => {
 			this.cleanup(), this._readyState = "closed", this.emitReserved("error", t), e ? e(t) : this.maybeReconnectOnOpen();
-		}, a = H(t, "error", i);
+		}, a = U(t, "error", i);
 		if (!1 !== this._timeout) {
 			let e = this._timeout, n = this.setTimeoutFn(() => {
 				r(), i(/* @__PURE__ */ Error("timeout")), t.close();
@@ -1446,7 +1588,7 @@ var W = class extends S {
 	onopen() {
 		this.cleanup(), this._readyState = "open", this.emitReserved("open");
 		let e = this.engine;
-		this.subs.push(H(e, "ping", this.onping.bind(this)), H(e, "data", this.ondata.bind(this)), H(e, "error", this.onerror.bind(this)), H(e, "close", this.onclose.bind(this)), H(this.decoder, "decoded", this.ondecoded.bind(this)));
+		this.subs.push(U(e, "ping", this.onping.bind(this)), U(e, "data", this.ondata.bind(this)), U(e, "error", this.onerror.bind(this)), U(e, "close", this.onclose.bind(this)), U(this.decoder, "decoded", this.ondecoded.bind(this)));
 	}
 	onping() {
 		this.emitReserved("ping");
@@ -1459,7 +1601,7 @@ var W = class extends S {
 		}
 	}
 	ondecoded(e) {
-		C(() => {
+		D(() => {
 			this.emitReserved("packet", e);
 		}, this.setTimeoutFn);
 	}
@@ -1468,7 +1610,7 @@ var W = class extends S {
 	}
 	socket(e, t) {
 		let n = this.nsps[e];
-		return n ? this._autoConnect && !n.active && n.connect() : (n = new it(this, e, t), this.nsps[e] = n), n;
+		return n ? this._autoConnect && !n.active && n.connect() : (n = new Et(this, e, t), this.nsps[e] = n), n;
 	}
 	_destroy(e) {
 		let t = Object.keys(this.nsps);
@@ -1513,21 +1655,20 @@ var W = class extends S {
 		let e = this.backoff.attempts;
 		this._reconnecting = !1, this.backoff.reset(), this.emitReserved("reconnect", e);
 	}
-}, G = {};
-function K(e, t) {
+}, K = {};
+function q(e, t) {
 	typeof e == "object" && (t = e, e = void 0), t ||= {};
-	let n = Ve(e, t.path || "/socket.io"), r = n.source, i = n.id, a = n.path, o = G[i] && a in G[i].nsps, s = t.forceNew || t["force new connection"] || !1 === t.multiplex || o, c;
-	return s ? c = new W(r, t) : (G[i] || (G[i] = new W(r, t)), c = G[i]), n.query && !t.query && (t.query = n.queryKey), c.socket(n.path, t);
-}
-Object.assign(K, {
-	Manager: W,
-	Socket: it,
-	io: K,
-	connect: K
+	let n = st(e, t.path || "/socket.io"), r = n.source, i = n.id, a = n.path, o = K[i] && a in K[i].nsps, s = t.forceNew || t["force new connection"] || !1 === t.multiplex || o, c;
+	return s ? c = new G(r, t) : (K[i] || (K[i] = new G(r, t)), c = K[i]), n.query && !t.query && (t.query = n.queryKey), c.socket(n.path, t);
+}
+Object.assign(q, {
+	Manager: G,
+	Socket: Et,
+	io: q,
+	connect: q
 });
-//#endregion
-//#region src/sdk-socket.ts
-function at(e) {
+// src/sdk-socket.ts
+function Dt(e) {
 	let t = e.replace(/\/$/, "");
 	try {
 		return `${new URL(t).origin}/sdk`;
@@ -1535,7 +1676,7 @@ function at(e) {
 		return `${t}/sdk`;
 	}
 }
-var ot = class {
+var Ot = class {
 	constructor() {
 		this.socket = null;
 	}
@@ -1544,8 +1685,8 @@ var ot = class {
 	}
 	connect(e) {
 		this.disconnect();
-		let t = at(e.baseUrl);
-		this.socket = K(t, {
+		let t = Dt(e.baseUrl);
+		this.socket = q(t, {
 			auth: {
 				apiKey: e.apiKey,
 				visitorToken: e.visitorToken
@@ -1568,41 +1709,182 @@ var ot = class {
 	disconnect() {
 		this.socket &&= (this.socket.removeAllListeners(), this.socket.disconnect(), null);
 	}
-}, q = "onedeskpro_visitor_token";
-function st(e) {
+}, J = "onedeskpro_visitor_token";
+function kt(e) {
 	try {
 		return typeof window < "u" ? window.localStorage.getItem(e) : null;
 	} catch {
 		return null;
 	}
 }
-function ct(e, t) {
+function At(e, t) {
 	try {
 		typeof window < "u" && window.localStorage.setItem(e, t);
 	} catch {}
 }
-function lt(e) {
+function jt(e) {
 	try {
 		typeof window < "u" && window.localStorage.removeItem(e);
 	} catch {}
 }
-var ut = class {
+var Mt = class {
 	constructor() {
-		this.token = null, this.storageKey = q;
+		this.token = null, this.storageKey = J;
 	}
 	setScope(e) {
-		this.storageKey = e?.trim() ? `${q}:${e.trim()}` : q, this.token = st(this.storageKey);
+		this.storageKey = e?.trim() ? `${J}:${e.trim()}` : J, this.token = kt(this.storageKey);
 	}
 	get() {
-		return this.token ?? st(this.storageKey);
+		return this.token ?? kt(this.storageKey);
 	}
 	set(e) {
-		this.token = e, ct(this.storageKey, e);
+		this.token = e, At(this.storageKey, e);
 	}
 	clear() {
-		this.token = null, lt(this.storageKey);
+		this.token = null, jt(this.storageKey);
+	}
+}, Nt = 300, Pt = 250, Ft = 100, It = [
+	"audio/webm;codecs=opus",
+	"audio/webm",
+	"audio/mp4",
+	"audio/ogg;codecs=opus"
+];
+function Lt() {
+	return typeof MediaRecorder > "u" || typeof MediaRecorder.isTypeSupported != "function" ? "audio/webm" : It.find((e) => MediaRecorder.isTypeSupported(e)) ?? "audio/webm";
+}
+function Rt(e) {
+	let t = e instanceof DOMException ? e.name : "";
+	return t === "NotAllowedError" || t === "PermissionDeniedError" || t === "SecurityError" ? "Microphone access was denied." : t === "NotFoundError" || t === "DevicesNotFoundError" ? "No microphone was found." : "Could not start recording.";
+}
+var Y = class e {
+	constructor(e, t = 300) {
+		this.onChange = e, this.maxDurationSeconds = t, this.recorder = null, this.stream = null, this.chunks = [], this.mimeType = "audio/webm", this.startedAt = 0, this.tickTimer = null, this.levelTimer = null, this.maxTimer = null, this.audioContext = null, this.analyser = null, this.snapshot = {
+			state: "idle",
+			elapsedSeconds: 0,
+			level: 0,
+			result: null
+		};
+	}
+	static isSupported() {
+		return typeof navigator < "u" && typeof navigator.mediaDevices?.getUserMedia == "function" && typeof MediaRecorder < "u";
+	}
+	getSnapshot() {
+		return { ...this.snapshot };
+	}
+	async start() {
+		if (!e.isSupported()) throw Error("Voice messages are not supported in this browser.");
+		this.release(), this.chunks = [];
+		let t;
+		try {
+			t = await navigator.mediaDevices.getUserMedia({ audio: !0 });
+		} catch (e) {
+			throw Error(Rt(e));
+		}
+		try {
+			this.mimeType = Lt();
+			let e = new MediaRecorder(t, { mimeType: this.mimeType });
+			e.ondataavailable = (e) => {
+				e.data.size > 0 && this.chunks.push(e.data);
+			}, this.stream = t, this.recorder = e, this.startedAt = Date.now(), e.start(200);
+		} catch (e) {
+			throw t.getTracks().forEach((e) => e.stop()), this.stream = null, this.recorder = null, Error(Rt(e));
+		}
+		this.startLevelMeter(t), this.tickTimer = setInterval(() => {
+			this.update({ elapsedSeconds: Math.floor(this.elapsedMs() / 1e3) });
+		}, Pt), this.maxTimer = setTimeout(() => void this.stop(), this.maxDurationSeconds * 1e3), this.update({
+			state: "recording",
+			elapsedSeconds: 0,
+			level: 0,
+			result: null
+		});
+	}
+	async stop() {
+		let e = this.recorder;
+		if (!e || e.state === "inactive") return this.release(), null;
+		let t = Math.max(1, Math.round(this.elapsedMs() / 1e3));
+		this.clearTimers();
+		let n = await new Promise((t) => {
+			e.onstop = () => {
+				let e = this.chunks;
+				this.chunks = [], t(new Blob(e, { type: g(this.mimeType) }));
+			};
+			try {
+				e.stop();
+			} catch {
+				t(new Blob(this.chunks, { type: g(this.mimeType) }));
+			}
+		});
+		this.releaseMedia();
+		let r = {
+			blob: n,
+			mimeType: g(this.mimeType),
+			durationSeconds: t
+		};
+		return this.update({
+			state: "preview",
+			elapsedSeconds: t,
+			level: 0,
+			result: r
+		}), r;
+	}
+	cancel() {
+		this.release(), this.update({
+			state: "idle",
+			elapsedSeconds: 0,
+			level: 0,
+			result: null
+		});
+	}
+	destroy() {
+		this.release(), this.snapshot = {
+			state: "idle",
+			elapsedSeconds: 0,
+			level: 0,
+			result: null
+		};
 	}
-}, J = [
+	update(e) {
+		this.snapshot = {
+			...this.snapshot,
+			...e
+		}, this.onChange({ ...this.snapshot });
+	}
+	elapsedMs() {
+		return this.startedAt > 0 ? Date.now() - this.startedAt : 0;
+	}
+	startLevelMeter(e) {
+		let t = typeof window > "u" ? null : window, n = t?.AudioContext ?? t?.webkitAudioContext;
+		if (n) try {
+			let t = new n(), r = t.createAnalyser();
+			r.fftSize = 256, t.createMediaStreamSource(e).connect(r), t.resume().catch(() => void 0), this.audioContext = t, this.analyser = r;
+			let i = new Uint8Array(r.frequencyBinCount);
+			this.levelTimer = setInterval(() => {
+				r.getByteTimeDomainData(i);
+				let e = 0;
+				for (let t = 0; t < i.length; t++) {
+					let n = ((i[t] ?? 128) - 128) / 128;
+					e += n * n;
+				}
+				this.update({ level: Math.min(1, Math.sqrt(e / i.length) * 3.2) });
+			}, Ft);
+		} catch {}
+	}
+	clearTimers() {
+		this.tickTimer && clearInterval(this.tickTimer), this.levelTimer && clearInterval(this.levelTimer), this.maxTimer && clearTimeout(this.maxTimer), this.tickTimer = null, this.levelTimer = null, this.maxTimer = null;
+	}
+	releaseMedia() {
+		this.stream?.getTracks().forEach((e) => e.stop()), this.stream = null, this.recorder = null, this.analyser = null, this.audioContext &&= (this.audioContext.close().catch(() => void 0), null), this.startedAt = 0;
+	}
+	release() {
+		if (this.clearTimers(), this.recorder && this.recorder.state !== "inactive") {
+			this.recorder.onstop = null;
+			try {
+				this.recorder.stop();
+			} catch {}
+		}
+		this.chunks = [], this.releaseMedia();
+	}
+}, X = [
 	{
 		iso: "BD",
 		name: "Bangladesh",
@@ -1969,8 +2251,8 @@ var ut = class {
 		dial: "977",
 		flag: "🇳🇵"
 	}
-], dt = J.find((e) => e.iso === "BD") ?? J[0];
-function ft(e, t) {
+], zt = X.find((e) => e.iso === "BD") ?? X[0];
+function Bt(e, t) {
 	let n = t.trim();
 	if (n.startsWith("+")) {
 		let e = n.replace(/\D/g, "");
@@ -1979,9 +2261,9 @@ function ft(e, t) {
 	let r = n.replace(/\D/g, "");
 	return !r || (r = r.replace(/^0+/, ""), !r) ? "" : `+${e}${r}`;
 }
-//#endregion
-//#region src/widget/styles.ts
-function pt(e, t) {
+// src/widget/styles.ts
+var Vt = "(max-width: 640px), (max-height: 500px) and (pointer: coarse)";
+function Ht(e, t) {
 	let n = `
     --ttcb-bg: #ffffff;
     --ttcb-bg-secondary: #f3f4f6;
@@ -2048,6 +2330,7 @@ function pt(e, t) {
       transition: opacity 0.2s ease, transform 0.25s ease, height 0.2s ease;
       font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
     }
+    .ttcb-panel:focus { outline: none; }
     .ttcb-panel.ttcb-mode-chat {
       height: 560px;
     }
@@ -2196,7 +2479,7 @@ function pt(e, t) {
 
     .ttcb-msg { display: flex; gap: 8px; max-width: 100%; }
     .ttcb-msg.human { flex-direction: row-reverse; }
-    .ttcb-msg-body { display: flex; flex-direction: column; gap: 3px; max-width: 78%; }
+    .ttcb-msg-body { display: flex; flex-direction: column; gap: 3px; max-width: 78%; min-width: 0; }
     .ttcb-msg.human .ttcb-msg-body { align-items: flex-end; }
     .ttcb-msg-label {
       font-size: 11px; font-weight: 600; color: var(--ttcb-text-muted);
@@ -2466,29 +2749,233 @@ function pt(e, t) {
       flex-shrink: 0;
     }
 
+    .ttcb-form { align-items: center; }
+    .ttcb-attach { position: relative; flex-shrink: 0; }
+    .ttcb-attach-btn {
+      width: 38px; height: 38px; border-radius: 8px;
+      border: 1px solid var(--ttcb-border);
+      background: var(--ttcb-input-bg); color: var(--ttcb-text-muted);
+      cursor: pointer; display: flex; align-items: center; justify-content: center;
+      transition: color 0.15s, border-color 0.15s;
+    }
+    .ttcb-attach-btn:hover { color: var(--ttcb-text); }
+    .ttcb-attach-btn:focus-visible { border-color: ${e}; outline: none; }
+    .ttcb-attach-btn:disabled { opacity: 0.5; cursor: not-allowed; }
+    .ttcb-attach-btn svg { width: 18px; height: 18px; }
+    .ttcb-attach-menu {
+      display: none; position: absolute; left: 0; bottom: calc(100% + 8px);
+      min-width: 170px; padding: 4px;
+      background: var(--ttcb-bg);
+      border: 1px solid var(--ttcb-border); border-radius: 12px;
+      box-shadow: 0 8px 24px rgba(0,0,0,0.12);
+      z-index: 1;
+    }
+    .ttcb-attach-menu.open { display: flex; flex-direction: column; }
+    .ttcb-attach-item {
+      display: flex; align-items: center; gap: 10px;
+      padding: 9px 10px; border: none; border-radius: 8px;
+      background: none; cursor: pointer;
+      font-family: inherit; font-size: 13px; color: var(--ttcb-text);
+      text-align: left; width: 100%;
+    }
+    .ttcb-attach-item:hover, .ttcb-attach-item:focus-visible {
+      background: var(--ttcb-bg-secondary); outline: none;
+    }
+    .ttcb-attach-item svg { width: 16px; height: 16px; color: var(--ttcb-text-muted); flex-shrink: 0; }
+    .ttcb-file-input { display: none; }
+    .ttcb-form.hidden { display: none; }
+    .ttcb-mic-btn {
+      width: 38px; height: 38px; border-radius: 8px; flex-shrink: 0;
+      border: 1px solid var(--ttcb-border);
+      background: var(--ttcb-input-bg); color: var(--ttcb-text-muted);
+      cursor: pointer; display: flex; align-items: center; justify-content: center;
+      transition: color 0.15s, border-color 0.15s;
+    }
+    .ttcb-mic-btn:hover { color: var(--ttcb-text); }
+    .ttcb-mic-btn:focus-visible { border-color: ${e}; outline: none; }
+    .ttcb-mic-btn:disabled { opacity: 0.5; cursor: not-allowed; }
+    .ttcb-mic-btn svg { width: 18px; height: 18px; }
+
+    .ttcb-voice-bar, .ttcb-voice-preview {
+      display: none; align-items: center; gap: 8px;
+      padding: 6px 8px;
+      border: 1px solid var(--ttcb-border); border-radius: 10px;
+      background: var(--ttcb-input-bg);
+    }
+    .ttcb-voice-bar.visible, .ttcb-voice-preview.visible { display: flex; }
+    .ttcb-voice-dot {
+      width: 10px; height: 10px; border-radius: 50%; background: #ef4444; flex-shrink: 0;
+      animation: ttcb-pulse 1.1s ease-in-out infinite;
+    }
+    @keyframes ttcb-pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.35; } }
+    .ttcb-voice-time {
+      font-size: 13px; font-weight: 500; color: var(--ttcb-text);
+      font-variant-numeric: tabular-nums; flex-shrink: 0;
+    }
+    .ttcb-voice-meter {
+      flex: 1; min-width: 0; height: 6px; border-radius: 999px;
+      background: var(--ttcb-bg-secondary); overflow: hidden;
+    }
+    .ttcb-voice-level {
+      display: block; height: 100%; width: 4%; border-radius: 999px;
+      background: #ef4444; transition: width 0.1s linear;
+    }
+    .ttcb-voice-audio { flex: 1; min-width: 0; height: 32px; }
+    .ttcb-voice-btn {
+      width: 32px; height: 32px; border-radius: 8px; flex-shrink: 0;
+      border: 1px solid var(--ttcb-border);
+      background: var(--ttcb-bg); color: var(--ttcb-text-muted);
+      cursor: pointer; display: flex; align-items: center; justify-content: center;
+    }
+    .ttcb-voice-btn:hover { color: var(--ttcb-text); }
+    .ttcb-voice-btn.primary { background: ${e}; border-color: ${e}; color: #fff; }
+    .ttcb-voice-btn.primary:hover { opacity: 0.9; color: #fff; }
+    .ttcb-voice-btn svg { width: 15px; height: 15px; }
+    .ttcb-voice-btn.primary svg { fill: #fff; }
+    .ttcb-voice-btn.primary svg[fill="none"] { fill: none; }
+
+    .ttcb-pending-tray { display: none; gap: 8px; flex-wrap: wrap; padding-bottom: 10px; }
+    .ttcb-pending-tray.visible { display: flex; }
+    .ttcb-pending-item {
+      display: flex; align-items: center; gap: 8px; max-width: 100%;
+      padding: 5px 6px 5px 5px;
+      border: 1px solid var(--ttcb-border); border-radius: 10px;
+      background: var(--ttcb-bg-secondary);
+      font-size: 12px; color: var(--ttcb-text);
+    }
+    .ttcb-pending-thumb {
+      width: 36px; height: 36px; border-radius: 6px; object-fit: cover;
+      flex-shrink: 0; background: var(--ttcb-bg);
+    }
+    .ttcb-pending-icon {
+      width: 36px; height: 36px; border-radius: 6px; flex-shrink: 0;
+      display: flex; align-items: center; justify-content: center;
+      background: var(--ttcb-bg); color: var(--ttcb-text-muted);
+    }
+    .ttcb-pending-icon svg { width: 18px; height: 18px; }
+    .ttcb-pending-name { max-width: 130px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+    .ttcb-pending-remove {
+      width: 22px; height: 22px; border-radius: 50%; border: none; flex-shrink: 0;
+      background: var(--ttcb-bg); color: var(--ttcb-text-muted); cursor: pointer;
+      display: flex; align-items: center; justify-content: center;
+    }
+    .ttcb-pending-remove:hover { color: var(--ttcb-text); }
+    .ttcb-pending-remove svg { width: 12px; height: 12px; fill: currentColor; }
+    .ttcb-compose-error { display: none; font-size: 12px; color: #ef4444; padding-bottom: 8px; }
+    .ttcb-compose-error.visible { display: block; }
+
+    .ttcb-attachments { display: flex; flex-direction: column; gap: 6px; max-width: 100%; }
+    .ttcb-msg.human .ttcb-attachments { align-items: flex-end; }
+    .ttcb-attachment-image {
+      display: block; max-width: 220px; border-radius: 12px; overflow: hidden;
+      border: 1px solid var(--ttcb-border); background: var(--ttcb-bg-secondary);
+    }
+    .ttcb-attachment-image img { display: block; max-width: 100%; max-height: 240px; object-fit: cover; }
+    .ttcb-attachment-video { display: block; max-width: 220px; border-radius: 12px; background: #000; }
+    .ttcb-attachment-voice { display: flex; flex-direction: column; gap: 2px; width: 220px; max-width: 100%; }
+    .ttcb-attachment-audio { display: block; width: 100%; height: 36px; }
+    .ttcb-attachment-duration { font-size: 11px; color: var(--ttcb-text-muted); padding-left: 2px; }
+    .ttcb-attachment-file {
+      display: flex; align-items: center; gap: 10px;
+      padding: 8px 10px; max-width: 240px;
+      border: 1px solid var(--ttcb-border); border-radius: 12px;
+      background: var(--ttcb-bg); color: var(--ttcb-text);
+      text-decoration: none; font-size: 13px;
+    }
+    a.ttcb-attachment-file:hover { border-color: ${e}; }
+    .ttcb-attachment-icon {
+      width: 32px; height: 32px; border-radius: 8px; flex-shrink: 0;
+      display: flex; align-items: center; justify-content: center;
+      background: var(--ttcb-bg-secondary); color: var(--ttcb-text-muted);
+    }
+    .ttcb-attachment-icon svg { width: 16px; height: 16px; }
+    .ttcb-attachment-meta { display: flex; flex-direction: column; min-width: 0; }
+    .ttcb-attachment-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 500; }
+    .ttcb-attachment-size { font-size: 11px; color: var(--ttcb-text-muted); }
+    .ttcb-msg.ttcb-pending .ttcb-attachments, .ttcb-msg.ttcb-pending .ttcb-bubble { opacity: 0.6; }
+    .ttcb-msg-status { font-size: 11px; color: var(--ttcb-text-muted); padding: 0 2px; }
+
     .ttcb-footer.hidden, .ttcb-messages.hidden { display: none; }
 
-    @media (max-width: 440px) {
-      .ttcb-panel { width: calc(100vw - 16px); right: 8px !important; left: 8px !important; bottom: 84px !important; }
-      .ttcb-fab.bottom-right { right: 16px; }
-      .ttcb-fab.bottom-left { left: 16px; }
+    @media ${Vt} {
+      .ttcb-fab.bottom-right { right: 16px; bottom: calc(16px + env(safe-area-inset-bottom, 0px)); }
+      .ttcb-fab.bottom-left { left: 16px; bottom: calc(16px + env(safe-area-inset-bottom, 0px)); }
+      /* The open panel covers the launcher; its own close button takes over. */
+      .ttcb-fab.ttcb-open { display: none; }
+
+      /*
+       * Full screen. Offsets instead of 100vw so a scrollbar never adds width, and
+       * pinned to the visual viewport (--ttcb-vv-*, set by the widget) so the
+       * on-screen keyboard shrinks the panel instead of pushing it off screen.
+       */
+      .ttcb-panel,
+      .ttcb-panel.bottom-right,
+      .ttcb-panel.bottom-left,
+      .ttcb-panel.ttcb-mode-chat,
+      .ttcb-panel.ttcb-mode-form,
+      .ttcb-panel.ttcb-mode-compact {
+        top: var(--ttcb-vv-top, 0px);
+        left: var(--ttcb-vv-left, 0px);
+        right: auto;
+        bottom: auto;
+        width: var(--ttcb-vv-width, 100%);
+        height: var(--ttcb-vv-height, 100%);
+        max-width: none;
+        max-height: none;
+        border: none;
+        border-radius: 0;
+        box-shadow: none;
+        transition: opacity 0.2s ease, transform 0.25s ease;
+        -webkit-text-size-adjust: 100%;
+        text-size-adjust: 100%;
+      }
+      .ttcb-header {
+        padding-top: max(14px, env(safe-area-inset-top, 0px));
+        padding-left: max(16px, env(safe-area-inset-left, 0px));
+        padding-right: max(16px, env(safe-area-inset-right, 0px));
+      }
+      .ttcb-close-btn { padding: 8px; }
+      .ttcb-close-btn svg { width: 22px; height: 22px; }
+      .ttcb-footer {
+        padding-bottom: max(12px, env(safe-area-inset-bottom, 0px));
+        padding-left: max(12px, env(safe-area-inset-left, 0px));
+        padding-right: max(12px, env(safe-area-inset-right, 0px));
+      }
+      .ttcb-messages {
+        overflow-x: hidden;
+        overscroll-behavior: contain;
+      }
+      .ttcb-panel.ttcb-mode-form .ttcb-identify.visible {
+        flex: 1 1 auto;
+        min-height: 0;
+        overflow-x: hidden;
+        overscroll-behavior: contain;
+        padding-bottom: max(14px, env(safe-area-inset-bottom, 0px));
+      }
+      .ttcb-country-list { overscroll-behavior: contain; }
+      .ttcb-field-hint { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
+
+      /* iOS zooms the page into any field under 16px, then leaves it zoomed and scrollable sideways. */
+      .ttcb-input,
+      .ttcb-identify-input,
+      .ttcb-phone-national,
+      .ttcb-country-search { font-size: 16px; }
     }
   `;
 }
-//#endregion
-//#region src/widget/render.ts
-function Y(e) {
+// src/widget/render.ts
+function Ut(e) {
 	return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
 }
-function mt(e) {
+function Wt(e) {
 	let t = [], n = e.replace(/```[\w]*\n?([\s\S]*?)```/g, (e, n) => {
 		let r = t.length;
-		return t.push(`<pre><code>${Y(n.trim())}</code></pre>`), `\x04${r}\x05`;
+		return t.push(`<pre><code>${Ut(n.trim())}</code></pre>`), `\x04${r}\x05`;
 	});
 	n = n.replace(/`([^`\n]+)`/g, (e, n) => {
 		let r = t.length;
-		return t.push(`<code>${Y(n)}</code>`), `\x02${r}\x03`;
-	}), n = Y(n);
+		return t.push(`<code>${Ut(n)}</code>`), `\x02${r}\x03`;
+	}), n = Ut(n);
 	let r = n.split("\n"), i = [], a = "", o = () => {
 		a &&= (i.push(`</${a}>`), "");
 	};
@@ -2505,88 +2992,157 @@ function mt(e) {
 		}).join("") : "";
 	}).filter(Boolean).join(""), n = n.replace(/\x04(\d+)\x05/g, (e, n) => t[+n] ?? "").replace(/\x02(\d+)\x03/g, (e, n) => t[+n] ?? ""), n;
 }
-function ht() {
+function Gt() {
 	return "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"/>\n    <line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"14\"/>\n    <line x1=\"9\" y1=\"11\" x2=\"15\" y2=\"11\"/>\n  </svg>";
 }
-function gt() {
+function Kt() {
 	return "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path d=\"M20 2H4C2.9 2 2 2.9 2 4v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2z\"/>\n  </svg>";
 }
-function _t() {
+function qt() {
 	return "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path d=\"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\"/>\n  </svg>";
 }
-function vt() {
+function Jt() {
 	return "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path d=\"M2.01 21L23 12 2.01 3 2 10l15 2-15 2z\"/>\n  </svg>";
 }
-function X() {
+function Z() {
 	return "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path d=\"M20 9V7c0-1.1-.9-2-2-2h-3c0-1.66-1.34-3-3-3S9 3.34 9 5H6c-1.1 0-2 .9-2 2v2c-1.66 0-3 1.34-3 3s1.34 3 3 3v4c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2v-4c1.66 0 3-1.34 3-3s-1.34-3-3-3zm-2 10H6V7h12v12zm-9-6c-.83 0-1.5-.67-1.5-1.5S8.17 10 9 10s1.5.67 1.5 1.5S9.83 13 9 13zm6 0c-.83 0-1.5-.67-1.5-1.5S14.17 10 15 10s1.5.67 1.5 1.5S15.83 13 15 13z\"/>\n  </svg>";
 }
-function yt() {
+function Yt() {
 	return "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path d=\"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z\"/>\n  </svg>";
 }
-function bt() {
+function Xt() {
 	return "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"/>\n    <circle cx=\"12\" cy=\"7\" r=\"4\"/>\n  </svg>";
 }
-function xt() {
+function Zt() {
 	return "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"/>\n    <polyline points=\"22,6 12,13 2,6\"/>\n  </svg>";
 }
-function St() {
+function Qt() {
 	return "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http://www.w3.org/2000/svg\">\n    <polyline points=\"6 9 12 15 18 9\"/>\n  </svg>";
 }
-function Ct() {
+function $t() {
 	return "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http://www.w3.org/2000/svg\">\n    <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"/>\n    <polyline points=\"12 5 19 12 12 19\"/>\n  </svg>";
 }
-function wt() {
+function en() {
 	return "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"/>\n    <polyline points=\"9 12 11 14 15 10\"/>\n  </svg>";
 }
-function Tt() {
+function tn() {
 	return "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n    <circle cx=\"12\" cy=\"12\" r=\"10\" fill=\"currentColor\"/>\n    <path d=\"M9 12l2 2 4-4\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n  </svg>";
 }
-function Et() {
+function nn() {
 	return "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path fill=\"#F59E0B\" d=\"M8 2.5l1.1 2.2 2.4.3-1.7 1.7.4 2.4L8 8l-2.2 1.1.4-2.4L4.5 5l2.4-.3L8 2.5z\"/>\n    <path fill=\"#F59E0B\" d=\"M16 3.5l.8 1.6 1.8.2-1.3 1.3.3 1.8L16 7.5l-1.6.9.3-1.8-1.3-1.3 1.8-.2L16 3.5z\"/>\n    <path fill=\"#FBBF24\" d=\"M12 11.5l1 2 2.2.3-1.6 1.6.4 2.2-2-1.1-2 1.1.4-2.2-1.6-1.6 2.2-.3 1-2z\"/>\n  </svg>";
 }
-function Dt() {
+function rn() {
 	return "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"/>\n    <circle cx=\"9\" cy=\"7\" r=\"4\"/>\n    <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"/>\n    <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"/>\n  </svg>";
 }
-function Ot(e, t) {
-	let n = document.createElement("div");
-	n.className = `ttcb-msg ${t}`;
-	let r = document.createElement("div");
-	r.className = "ttcb-msg-avatar", r.innerHTML = t === "human" ? yt() : t === "agent" ? bt() : X();
-	let i = document.createElement("div");
-	if (i.className = "ttcb-msg-body", t === "agent") {
+function an() {
+	return "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http://www.w3.org/2000/svg\">\n    <line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"/>\n    <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"/>\n  </svg>";
+}
+function on() {
+	return "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path d=\"M21.44 11.05l-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48\"/>\n  </svg>";
+}
+function sn() {
+	return "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http://www.w3.org/2000/svg\">\n    <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"/>\n    <circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"/>\n    <polyline points=\"21 15 16 10 5 21\"/>\n  </svg>";
+}
+function cn() {
+	return "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path d=\"M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z\"/>\n    <path d=\"M19 10v2a7 7 0 0 1-14 0v-2\"/>\n    <line x1=\"12\" y1=\"19\" x2=\"12\" y2=\"23\"/>\n    <line x1=\"8\" y1=\"23\" x2=\"16\" y2=\"23\"/>\n  </svg>";
+}
+function ln() {
+	return "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n    <rect x=\"6\" y=\"6\" width=\"12\" height=\"12\" rx=\"2\" fill=\"currentColor\"/>\n  </svg>";
+}
+function un() {
+	return "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http://www.w3.org/2000/svg\">\n    <polyline points=\"3 6 5 6 21 6\"/>\n    <path d=\"M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6\"/>\n    <path d=\"M10 11v6\"/>\n    <path d=\"M14 11v6\"/>\n    <path d=\"M9 6V4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v2\"/>\n  </svg>";
+}
+function dn() {
+	return "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"/>\n    <polyline points=\"14 2 14 8 20 8\"/>\n  </svg>";
+}
+function fn(e) {
+	let t = f(e.url) ? e.url : "", n = e.type.toLowerCase();
+	if (t && n.startsWith("image/")) {
+		let n = document.createElement("a");
+		n.className = "ttcb-attachment ttcb-attachment-image", n.href = t, n.target = "_blank", n.rel = "noopener noreferrer", n.setAttribute("aria-label", `Open ${e.fileName}`);
+		let r = document.createElement("img");
+		return r.src = t, r.alt = e.fileName, r.loading = "lazy", n.appendChild(r), n;
+	}
+	if (t && n.startsWith("video/")) {
+		let n = document.createElement("video");
+		return n.className = "ttcb-attachment ttcb-attachment-video", n.controls = !0, n.preload = "metadata", n.src = t, n.setAttribute("aria-label", e.fileName), n;
+	}
+	if (t && n.startsWith("audio/")) {
+		let n = document.createElement("div");
+		n.className = "ttcb-attachment ttcb-attachment-voice";
+		let r = document.createElement("audio");
+		if (r.className = "ttcb-attachment-audio", r.controls = !0, r.preload = "metadata", r.src = t, r.setAttribute("aria-label", e.fileName), n.appendChild(r), typeof e.durationSeconds == "number" && e.durationSeconds > 0) {
+			let t = document.createElement("span");
+			t.className = "ttcb-attachment-duration", t.textContent = _(e.durationSeconds), n.appendChild(t);
+		}
+		return n;
+	}
+	let r = document.createElement(t ? "a" : "div");
+	r.className = "ttcb-attachment ttcb-attachment-file", r instanceof HTMLAnchorElement && (r.href = t, r.target = "_blank", r.rel = "noopener noreferrer");
+	let i = document.createElement("span");
+	i.className = "ttcb-attachment-icon", i.setAttribute("aria-hidden", "true"), i.innerHTML = dn();
+	let a = document.createElement("span");
+	a.className = "ttcb-attachment-meta";
+	let o = document.createElement("span");
+	o.className = "ttcb-attachment-name", o.textContent = e.fileName, a.appendChild(o);
+	let s = te(e.size);
+	if (s) {
 		let e = document.createElement("span");
-		e.className = "ttcb-msg-label", e.textContent = "Agent", i.appendChild(e);
+		e.className = "ttcb-attachment-size", e.textContent = s, a.appendChild(e);
 	}
+	return r.appendChild(i), r.appendChild(a), r;
+}
+function pn(e) {
+	let { type: t, content: n } = e, r = e.attachments ?? [], i = document.createElement("div");
+	i.className = `ttcb-msg ${t}`, e.pending && i.classList.add("ttcb-pending");
 	let a = document.createElement("div");
-	return a.className = "ttcb-bubble", t === "human" ? a.textContent = e : a.innerHTML = mt(e), i.appendChild(a), n.appendChild(r), n.appendChild(i), n;
+	a.className = "ttcb-msg-avatar", a.innerHTML = t === "human" ? Yt() : t === "agent" ? Xt() : Z();
+	let o = document.createElement("div");
+	if (o.className = "ttcb-msg-body", t === "agent") {
+		let e = document.createElement("span");
+		e.className = "ttcb-msg-label", e.textContent = "Agent", o.appendChild(e);
+	}
+	if (r.length > 0) {
+		let e = document.createElement("div");
+		e.className = "ttcb-attachments";
+		for (let t of r) e.appendChild(fn(t));
+		o.appendChild(e);
+	}
+	if (r.length === 0 || !re(n, r)) {
+		let e = document.createElement("div");
+		e.className = "ttcb-bubble", t === "human" ? e.textContent = n : e.innerHTML = Wt(n), o.appendChild(e);
+	}
+	if (e.pending) {
+		let e = document.createElement("span");
+		e.className = "ttcb-msg-status", e.textContent = "Uploading…", o.appendChild(e);
+	}
+	return i.appendChild(a), i.appendChild(o), i;
 }
-function kt() {
+function mn() {
 	let e = document.createElement("div");
 	e.className = "ttcb-msg ai", e.id = "ttcb-typing";
 	let t = document.createElement("div");
-	t.className = "ttcb-msg-avatar", t.innerHTML = X();
+	t.className = "ttcb-msg-avatar", t.innerHTML = Z();
 	let n = document.createElement("div");
 	return n.className = "ttcb-typing", n.innerHTML = "<span></span><span></span><span></span>", e.appendChild(t), e.appendChild(n), e;
 }
-//#endregion
-//#region src/widget/widget.ts
-var At = class {
+// src/widget/widget.ts
+var hn = "image/jpeg,image/png,image/gif,video/mp4,video/webm,audio/ogg,audio/mpeg,audio/wav,audio/x-m4a,audio/aac,audio/opus,application/pdf,text/csv", gn = "image/jpeg,image/png,image/gif", _n = class {
 	constructor(e, t) {
-		this.selectedCountry = dt, this.countryOpen = !1, this.isOpen = !1, this.destroyed = !1, this.position = e.position ?? "bottom-right", this.callbacks = t, this.autoOpen = e.autoOpen === !0, this.mount(e);
+		this.stopViewportSync = null, this.pendingFiles = [], this.attachMenuOpen = !1, this.recorder = null, this.voicePreviewUrl = "", this.selectedCountry = zt, this.countryOpen = !1, this.isOpen = !1, this.destroyed = !1, this.position = e.position ?? "bottom-right", this.callbacks = t, this.autoOpen = e.autoOpen === !0, this.mount(e);
 	}
 	mount(e) {
 		this.host = document.createElement("div"), this.host.id = "onedeskpro-chatbot-host", this.host.style.display = "none", this.shadow = this.host.attachShadow({ mode: "closed" });
 		let t = document.createElement("style");
-		t.textContent = pt(e.primaryColor ?? "#2563EB", e.theme ?? "auto"), this.shadow.appendChild(t);
-		let n = document.createElement("button");
-		n.className = `ttcb-fab ${this.position}`, n.setAttribute("aria-label", "Open chat"), n.innerHTML = gt(), n.addEventListener("click", () => this.toggle()), this.shadow.appendChild(n), this.panel = document.createElement("div"), this.panel.className = `ttcb-panel ${this.position} hidden ttcb-mode-compact`, this.panel.setAttribute("role", "dialog"), this.panel.setAttribute("aria-modal", "true"), this.panel.setAttribute("aria-label", e.chatbotName ?? "AI Assistant"), this.panel.appendChild(this.buildHeader(e)), this.identifyContainer = document.createElement("div"), this.identifyContainer.className = "ttcb-identify", this.buildIdentifyForm(this.identifyContainer), this.panel.appendChild(this.identifyContainer), this.messagesContainer = document.createElement("div"), this.messagesContainer.className = "ttcb-messages", this.messagesContainer.setAttribute("aria-live", "polite"), this.messagesContainer.setAttribute("aria-label", "Chat messages"), this.panel.appendChild(this.messagesContainer), this.modeBanner = document.createElement("div"), this.modeBanner.className = "ttcb-mode-banner", this.modeBanner.setAttribute("role", "status"), this.panel.appendChild(this.modeBanner), this.footer = document.createElement("div"), this.footer.className = "ttcb-footer";
-		let r = document.createElement("form");
-		r.className = "ttcb-form", r.addEventListener("submit", (e) => {
+		t.textContent = Ht(e.primaryColor ?? "#2563EB", e.theme ?? "auto"), this.shadow.appendChild(t), this.fab = document.createElement("button"), this.fab.className = `ttcb-fab ${this.position}`, this.fab.setAttribute("aria-label", "Open chat"), this.fab.innerHTML = Kt(), this.fab.addEventListener("click", () => this.toggle()), this.shadow.appendChild(this.fab), this.panel = document.createElement("div"), this.panel.className = `ttcb-panel ${this.position} hidden ttcb-mode-compact`, this.panel.tabIndex = -1, this.panel.setAttribute("role", "dialog"), this.panel.setAttribute("aria-modal", "true"), this.panel.setAttribute("aria-label", e.chatbotName ?? "AI Assistant"), this.panel.appendChild(this.buildHeader(e)), this.identifyContainer = document.createElement("div"), this.identifyContainer.className = "ttcb-identify", this.buildIdentifyForm(this.identifyContainer), this.panel.appendChild(this.identifyContainer), this.messagesContainer = document.createElement("div"), this.messagesContainer.className = "ttcb-messages", this.messagesContainer.setAttribute("aria-live", "polite"), this.messagesContainer.setAttribute("aria-label", "Chat messages"), this.panel.appendChild(this.messagesContainer), this.modeBanner = document.createElement("div"), this.modeBanner.className = "ttcb-mode-banner", this.modeBanner.setAttribute("role", "status"), this.panel.appendChild(this.modeBanner), this.footer = document.createElement("div"), this.footer.className = "ttcb-footer", this.pendingTray = document.createElement("div"), this.pendingTray.className = "ttcb-pending-tray", this.pendingTray.setAttribute("role", "list"), this.pendingTray.setAttribute("aria-label", "Files to send"), this.footer.appendChild(this.pendingTray), this.composeError = document.createElement("p"), this.composeError.className = "ttcb-compose-error", this.composeError.setAttribute("role", "alert"), this.footer.appendChild(this.composeError), this.footer.appendChild(this.buildVoiceBar()), this.footer.appendChild(this.buildVoicePreview());
+		let n = document.createElement("form");
+		n.className = "ttcb-form", n.addEventListener("submit", (e) => {
 			e.preventDefault(), this.handleSend();
-		}), this.input = document.createElement("input"), this.input.type = "text", this.input.className = "ttcb-input", this.input.placeholder = e.placeholder ?? "Type your message…", this.input.setAttribute("aria-label", "Message input"), this.input.setAttribute("autocomplete", "off"), this.sendBtn = document.createElement("button"), this.sendBtn.type = "submit", this.sendBtn.className = "ttcb-send-btn", this.sendBtn.innerHTML = vt(), this.sendBtn.setAttribute("aria-label", "Send message"), r.appendChild(this.input), r.appendChild(this.sendBtn), this.footer.appendChild(r), this.panel.appendChild(this.footer), this.shadow.appendChild(this.panel), this.shadow.addEventListener("click", (e) => {
-			if (!this.countryOpen) return;
+		}), this.composeForm = n, n.appendChild(this.buildAttachControls()), this.input = document.createElement("input"), this.input.type = "text", this.input.className = "ttcb-input", this.input.placeholder = e.placeholder ?? "Type your message…", this.input.setAttribute("aria-label", "Message input"), this.input.setAttribute("autocomplete", "off"), this.sendBtn = document.createElement("button"), this.sendBtn.type = "submit", this.sendBtn.className = "ttcb-send-btn", this.sendBtn.innerHTML = Jt(), this.sendBtn.setAttribute("aria-label", "Send message"), this.micBtn = document.createElement("button"), this.micBtn.type = "button", this.micBtn.className = "ttcb-mic-btn", this.micBtn.setAttribute("aria-label", "Record voice message"), this.micBtn.title = "Record voice message", this.micBtn.innerHTML = cn(), this.micBtn.addEventListener("click", () => void this.startVoice()), n.appendChild(this.input), n.appendChild(this.micBtn), n.appendChild(this.sendBtn), this.footer.appendChild(n), this.panel.appendChild(this.footer), this.shadow.appendChild(this.panel), this.shadow.addEventListener("click", (e) => {
 			let t = e.target;
-			t && (this.dialBtn.contains(t) || this.countryPopover.contains(t)) || this.closeCountryPopover();
+			this.attachMenuOpen && !(t && (this.attachBtn.contains(t) || this.attachMenu.contains(t))) && this.closeAttachMenu(), this.countryOpen && (t && (this.dialBtn.contains(t) || this.countryPopover.contains(t)) || this.closeCountryPopover());
+		}), this.panel.addEventListener("keydown", (e) => {
+			e.key === "Escape" && this.attachMenuOpen && (e.stopPropagation(), this.closeAttachMenu(), this.attachBtn.focus());
 		}), this.attachToDocument(), this.showInitialLoading();
 	}
 	reveal() {
@@ -2598,13 +3154,13 @@ var At = class {
 		let n = document.createElement("div");
 		n.className = "ttcb-avatar-wrap";
 		let r = document.createElement("div");
-		r.className = "ttcb-avatar", r.innerHTML = X(), n.appendChild(r);
+		r.className = "ttcb-avatar", r.innerHTML = Z(), n.appendChild(r);
 		let i = document.createElement("div");
 		i.className = "ttcb-header-main";
 		let a = document.createElement("div");
 		a.className = "ttcb-header-title-row", this.headerTitle = document.createElement("span"), this.headerTitle.className = "ttcb-header-title", this.headerTitle.textContent = e.chatbotName ?? "AI Assistant";
 		let o = document.createElement("span");
-		o.className = "ttcb-verified", o.setAttribute("aria-label", "Verified"), o.innerHTML = Tt(), a.appendChild(this.headerTitle), a.appendChild(o);
+		o.className = "ttcb-verified", o.setAttribute("aria-label", "Verified"), o.innerHTML = tn(), a.appendChild(this.headerTitle), a.appendChild(o);
 		let s = document.createElement("div");
 		s.className = "ttcb-header-meta";
 		let c = document.createElement("span");
@@ -2612,11 +3168,146 @@ var At = class {
 		let l = document.createElement("span");
 		l.className = "ttcb-meta-sep", l.setAttribute("aria-hidden", "true");
 		let u = document.createElement("span");
-		u.className = "ttcb-meta-replies", u.innerHTML = `${Et()}<span>Replies instantly</span>`, s.appendChild(c), s.appendChild(l), s.appendChild(u), i.appendChild(a), i.appendChild(s);
+		u.className = "ttcb-meta-replies", u.innerHTML = `${nn()}<span>Replies instantly</span>`, s.appendChild(c), s.appendChild(l), s.appendChild(u), i.appendChild(a), i.appendChild(s);
 		let d = document.createElement("div");
-		d.className = "ttcb-header-actions", this.requestHumanBtn = document.createElement("button"), this.requestHumanBtn.type = "button", this.requestHumanBtn.className = "ttcb-request-human-btn hidden", this.requestHumanBtn.id = "ttcb-request-human-btn", this.requestHumanBtn.setAttribute("aria-label", "Request human agent"), this.requestHumanBtn.title = "Request human agent", this.requestHumanBtn.innerHTML = Dt(), this.requestHumanBtn.addEventListener("click", () => this.callbacks.onRequestHuman()), this.newSessionBtn = document.createElement("button"), this.newSessionBtn.className = "ttcb-new-session-btn hidden", this.newSessionBtn.setAttribute("aria-label", "New conversation"), this.newSessionBtn.title = "New conversation", this.newSessionBtn.innerHTML = ht(), this.newSessionBtn.addEventListener("click", () => this.callbacks.onReset());
+		d.className = "ttcb-header-actions", this.requestHumanBtn = document.createElement("button"), this.requestHumanBtn.type = "button", this.requestHumanBtn.className = "ttcb-request-human-btn hidden", this.requestHumanBtn.id = "ttcb-request-human-btn", this.requestHumanBtn.setAttribute("aria-label", "Request human agent"), this.requestHumanBtn.title = "Request human agent", this.requestHumanBtn.innerHTML = rn(), this.requestHumanBtn.addEventListener("click", () => this.callbacks.onRequestHuman()), this.newSessionBtn = document.createElement("button"), this.newSessionBtn.className = "ttcb-new-session-btn hidden", this.newSessionBtn.setAttribute("aria-label", "New conversation"), this.newSessionBtn.title = "New conversation", this.newSessionBtn.innerHTML = Gt(), this.newSessionBtn.addEventListener("click", () => this.callbacks.onReset());
 		let f = document.createElement("button");
-		return f.className = "ttcb-close-btn", f.setAttribute("aria-label", "Close chat"), f.innerHTML = _t(), f.addEventListener("click", () => this.close()), d.appendChild(this.requestHumanBtn), d.appendChild(this.newSessionBtn), d.appendChild(f), t.appendChild(n), t.appendChild(i), t.appendChild(d), t;
+		return f.className = "ttcb-close-btn", f.setAttribute("aria-label", "Close chat"), f.innerHTML = qt(), f.addEventListener("click", () => this.close()), d.appendChild(this.requestHumanBtn), d.appendChild(this.newSessionBtn), d.appendChild(f), t.appendChild(n), t.appendChild(i), t.appendChild(d), t;
+	}
+	buildAttachControls() {
+		let e = document.createElement("div");
+		e.className = "ttcb-attach", this.attachBtn = document.createElement("button"), this.attachBtn.type = "button", this.attachBtn.className = "ttcb-attach-btn", this.attachBtn.setAttribute("aria-label", "Add attachment"), this.attachBtn.setAttribute("aria-haspopup", "menu"), this.attachBtn.setAttribute("aria-expanded", "false"), this.attachBtn.title = "Add attachment", this.attachBtn.innerHTML = an(), this.attachBtn.addEventListener("click", (e) => {
+			e.preventDefault(), e.stopPropagation(), this.toggleAttachMenu();
+		}), this.attachMenu = document.createElement("div"), this.attachMenu.className = "ttcb-attach-menu", this.attachMenu.setAttribute("role", "menu"), this.attachFileInput = this.createFileInput(hn, "Choose files"), this.attachPhotoInput = this.createFileInput(gn, "Choose photos");
+		let t = [{
+			label: "Attachment",
+			icon: on(),
+			input: this.attachFileInput
+		}, {
+			label: "Photo",
+			icon: sn(),
+			input: this.attachPhotoInput
+		}];
+		for (let e of t) {
+			let t = document.createElement("button");
+			t.type = "button", t.className = "ttcb-attach-item", t.setAttribute("role", "menuitem"), t.innerHTML = `${e.icon}<span>${e.label}</span>`, t.addEventListener("click", () => {
+				this.closeAttachMenu(), e.input.click();
+			}), this.attachMenu.appendChild(t);
+		}
+		return e.appendChild(this.attachBtn), e.appendChild(this.attachMenu), e.appendChild(this.attachFileInput), e.appendChild(this.attachPhotoInput), e;
+	}
+	createFileInput(e, t) {
+		let n = document.createElement("input");
+		return n.type = "file", n.multiple = !0, n.accept = e, n.className = "ttcb-file-input", n.tabIndex = -1, n.setAttribute("aria-label", t), n.addEventListener("change", () => {
+			this.addPendingFiles(Array.from(n.files ?? [])), n.value = "";
+		}), n;
+	}
+	toggleAttachMenu() {
+		this.attachMenuOpen ? this.closeAttachMenu() : this.openAttachMenu();
+	}
+	openAttachMenu() {
+		if (this.attachBtn.disabled) return;
+		this.attachMenuOpen = !0, this.attachMenu.classList.add("open"), this.attachBtn.setAttribute("aria-expanded", "true");
+		let e = this.attachMenu.querySelector(".ttcb-attach-item");
+		queueMicrotask(() => e?.focus());
+	}
+	closeAttachMenu() {
+		this.attachMenuOpen && (this.attachMenuOpen = !1, this.attachMenu.classList.remove("open"), this.attachBtn.setAttribute("aria-expanded", "false"));
+	}
+	addPendingFiles(e) {
+		if (e.length === 0) return;
+		let t = d([...this.pendingFiles.map((e) => e.file), ...e]);
+		if (t) this.showComposeError(t);
+		else {
+			this.showComposeError("");
+			for (let t of e) {
+				let e = t.type.startsWith("image/") ? p(t) : "";
+				this.pendingFiles.push({
+					file: t,
+					previewUrl: e
+				});
+			}
+			this.renderPendingTray(), this.input.focus();
+		}
+	}
+	removePendingFile(e) {
+		let [t] = this.pendingFiles.splice(e, 1);
+		t && m(t.previewUrl), this.renderPendingTray(), this.input.focus();
+	}
+	clearPendingFiles() {
+		for (let e of this.pendingFiles) m(e.previewUrl);
+		this.pendingFiles = [], this.renderPendingTray();
+	}
+	renderPendingTray() {
+		this.pendingTray.innerHTML = "", this.pendingTray.classList.toggle("visible", this.pendingFiles.length > 0), this.pendingFiles.forEach((e, t) => {
+			let n = document.createElement("div");
+			if (n.className = "ttcb-pending-item", n.setAttribute("role", "listitem"), e.previewUrl) {
+				let t = document.createElement("img");
+				t.className = "ttcb-pending-thumb", t.src = e.previewUrl, t.alt = "", n.appendChild(t);
+			} else {
+				let e = document.createElement("span");
+				e.className = "ttcb-pending-icon", e.setAttribute("aria-hidden", "true"), e.innerHTML = dn(), n.appendChild(e);
+			}
+			let r = document.createElement("span");
+			r.className = "ttcb-pending-name", r.textContent = e.file.name || "attachment", r.title = e.file.name, n.appendChild(r);
+			let i = document.createElement("button");
+			i.type = "button", i.className = "ttcb-pending-remove", i.setAttribute("aria-label", `Remove ${e.file.name || "attachment"}`), i.innerHTML = qt(), i.addEventListener("click", () => this.removePendingFile(t)), n.appendChild(i), this.pendingTray.appendChild(n);
+		});
+	}
+	buildVoiceBar() {
+		this.voiceBar = document.createElement("div"), this.voiceBar.className = "ttcb-voice-bar", this.voiceBar.setAttribute("role", "group"), this.voiceBar.setAttribute("aria-label", "Recording voice message");
+		let e = document.createElement("span");
+		e.className = "ttcb-voice-dot", e.setAttribute("aria-hidden", "true"), this.voiceTime = document.createElement("span"), this.voiceTime.className = "ttcb-voice-time", this.voiceTime.setAttribute("role", "timer"), this.voiceTime.textContent = "0:00";
+		let t = document.createElement("div");
+		return t.className = "ttcb-voice-meter", t.setAttribute("aria-hidden", "true"), this.voiceLevel = document.createElement("span"), this.voiceLevel.className = "ttcb-voice-level", t.appendChild(this.voiceLevel), this.voiceCancelBtn = this.createVoiceButton("Cancel recording", un(), () => this.cancelVoice()), this.voiceStopBtn = this.createVoiceButton("Stop recording", ln(), () => void this.stopVoice()), this.voiceStopBtn.classList.add("primary"), this.voiceBar.appendChild(e), this.voiceBar.appendChild(this.voiceTime), this.voiceBar.appendChild(t), this.voiceBar.appendChild(this.voiceCancelBtn), this.voiceBar.appendChild(this.voiceStopBtn), this.voiceBar;
+	}
+	buildVoicePreview() {
+		return this.voicePreview = document.createElement("div"), this.voicePreview.className = "ttcb-voice-preview", this.voicePreview.setAttribute("role", "group"), this.voicePreview.setAttribute("aria-label", "Voice message preview"), this.voiceAudio = document.createElement("audio"), this.voiceAudio.className = "ttcb-voice-audio", this.voiceAudio.controls = !0, this.voiceAudio.preload = "metadata", this.voiceAudio.setAttribute("aria-label", "Recorded voice message"), this.voicePreviewTime = document.createElement("span"), this.voicePreviewTime.className = "ttcb-voice-time", this.voiceDiscardBtn = this.createVoiceButton("Discard voice message", un(), () => this.cancelVoice()), this.voiceSendBtn = this.createVoiceButton("Send voice message", Jt(), () => this.sendVoice()), this.voiceSendBtn.classList.add("primary"), this.voicePreview.appendChild(this.voiceAudio), this.voicePreview.appendChild(this.voicePreviewTime), this.voicePreview.appendChild(this.voiceDiscardBtn), this.voicePreview.appendChild(this.voiceSendBtn), this.voicePreview;
+	}
+	createVoiceButton(e, t, n) {
+		let r = document.createElement("button");
+		return r.type = "button", r.className = "ttcb-voice-btn", r.setAttribute("aria-label", e), r.title = e, r.innerHTML = t, r.addEventListener("click", n), r;
+	}
+	async startVoice() {
+		if (!this.micBtn.disabled) {
+			if (this.closeAttachMenu(), this.showComposeError(""), !Y.isSupported()) this.showComposeError("Voice messages are not supported in this browser.");
+			else {
+				this.recorder?.destroy(), this.recorder = new Y((e) => this.renderVoice(e));
+				try {
+					await this.recorder.start();
+				} catch (e) {
+					this.showComposeError(e instanceof Error ? e.message : "Could not start recording."), this.recorder.destroy(), this.recorder = null, this.renderVoice({
+						state: "idle",
+						elapsedSeconds: 0,
+						level: 0,
+						result: null
+					});
+				}
+			}
+		}
+	}
+	async stopVoice() {
+		await this.recorder?.stop();
+	}
+	cancelVoice() {
+		this.recorder?.cancel(), this.recorder?.destroy(), this.recorder = null, this.renderVoice({
+			state: "idle",
+			elapsedSeconds: 0,
+			level: 0,
+			result: null
+		}), this.input.focus();
+	}
+	sendVoice() {
+		let e = this.recorder?.getSnapshot().result;
+		e && (this.cancelVoice(), this.callbacks.onSendVoice(e));
+	}
+	renderVoice(e) {
+		if (this.destroyed) return;
+		let { state: t } = e;
+		this.composeForm.classList.toggle("hidden", t !== "idle"), this.voiceBar.classList.toggle("visible", t === "recording"), this.voicePreview.classList.toggle("visible", t === "preview"), t === "recording" ? (this.voiceTime.textContent = _(e.elapsedSeconds), this.voiceLevel.style.width = `${Math.max(4, Math.round(e.level * 100))}%`) : (m(this.voicePreviewUrl), this.voicePreviewUrl = "", this.voiceAudio.removeAttribute("src"), t === "preview" && e.result && (this.voicePreviewUrl = p(new File([e.result.blob], "voice-preview", { type: e.result.blob.type })), this.voicePreviewUrl && (this.voiceAudio.src = this.voicePreviewUrl), this.voicePreviewTime.textContent = _(e.result.durationSeconds), queueMicrotask(() => this.voiceSendBtn.focus())));
+	}
+	showComposeError(e) {
+		this.composeError.textContent = e, this.composeError.classList.toggle("visible", !!e);
 	}
 	setPanelMode(e) {
 		this.panel.classList.remove("ttcb-mode-form", "ttcb-mode-chat", "ttcb-mode-compact"), this.panel.classList.add(`ttcb-mode-${e}`), e !== "chat" && (this.requestHumanBtn.classList.add("hidden"), this.newSessionBtn.classList.add("hidden"), this.hideModeBanner());
@@ -2633,7 +3324,7 @@ var At = class {
 			placeholder: "Your name",
 			type: "text",
 			autocomplete: "name",
-			icon: bt()
+			icon: Xt()
 		}), this.createPhoneField(t), this.emailInput = this.createIconField(t, {
 			id: "email",
 			label: "Email (optional)",
@@ -2642,10 +3333,10 @@ var At = class {
 			placeholder: "Email (optional)",
 			type: "email",
 			autocomplete: "email",
-			icon: xt()
-		}), this.identifyError = document.createElement("p"), this.identifyError.className = "ttcb-identify-error", t.appendChild(this.identifyError), this.identifySubmit = document.createElement("button"), this.identifySubmit.type = "submit", this.identifySubmit.className = "ttcb-identify-submit", this.identifySubmit.innerHTML = `<span>Start Chatting</span>${Ct()}`, t.appendChild(this.identifySubmit), e.appendChild(t);
+			icon: Zt()
+		}), this.identifyError = document.createElement("p"), this.identifyError.className = "ttcb-identify-error", t.appendChild(this.identifyError), this.identifySubmit = document.createElement("button"), this.identifySubmit.type = "submit", this.identifySubmit.className = "ttcb-identify-submit", this.identifySubmit.innerHTML = `<span>Start Chatting</span>${$t()}`, t.appendChild(this.identifySubmit), e.appendChild(t);
 		let n = document.createElement("div");
-		n.className = "ttcb-trust", n.innerHTML = `${wt()}<span>Encrypted connection • No spam, ever</span>`, e.appendChild(n);
+		n.className = "ttcb-trust", n.innerHTML = `${en()}<span>Encrypted connection • No spam, ever</span>`, e.appendChild(n);
 	}
 	createIconField(e, t) {
 		let n = document.createElement("div");
@@ -2675,7 +3366,7 @@ var At = class {
 		let a = document.createElement("div");
 		a.className = "ttcb-phone-row", a.id = "ttcb-phone-row", this.dialBtn = document.createElement("button"), this.dialBtn.type = "button", this.dialBtn.className = "ttcb-dial-btn", this.dialBtn.setAttribute("aria-label", "Select country code"), this.dialBtn.setAttribute("aria-haspopup", "listbox"), this.dialBtn.setAttribute("aria-expanded", "false"), this.dialFlag = document.createElement("span"), this.dialFlag.className = "ttcb-dial-flag", this.dialCode = document.createElement("span"), this.dialCode.className = "ttcb-dial-code", this.syncDialButton(), this.dialBtn.appendChild(this.dialFlag), this.dialBtn.appendChild(this.dialCode);
 		let o = document.createElement("span");
-		o.setAttribute("aria-hidden", "true"), o.innerHTML = St(), this.dialBtn.appendChild(o), this.dialBtn.addEventListener("click", (e) => {
+		o.setAttribute("aria-hidden", "true"), o.innerHTML = Qt(), this.dialBtn.appendChild(o), this.dialBtn.addEventListener("click", (e) => {
 			e.preventDefault(), e.stopPropagation(), this.toggleCountryPopover();
 		}), this.phoneInput = document.createElement("input"), this.phoneInput.id = "ttcb-tel", this.phoneInput.name = "tel", this.phoneInput.type = "tel", this.phoneInput.className = "ttcb-phone-national", this.phoneInput.placeholder = "1712-345678", this.phoneInput.required = !0, this.phoneInput.autocomplete = "tel-national", this.phoneInput.setAttribute("inputmode", "tel"), a.appendChild(this.dialBtn), a.appendChild(this.phoneInput), this.countryPopover = document.createElement("div"), this.countryPopover.className = "ttcb-country-popover", this.countryPopover.setAttribute("role", "listbox"), this.countrySearch = document.createElement("input"), this.countrySearch.type = "search", this.countrySearch.className = "ttcb-country-search", this.countrySearch.placeholder = "Search country…", this.countrySearch.setAttribute("aria-label", "Search countries"), this.countrySearch.addEventListener("input", () => this.renderCountryList()), this.countryList = document.createElement("div"), this.countryList.className = "ttcb-country-list", this.countryPopover.appendChild(this.countrySearch), this.countryPopover.appendChild(this.countryList), this.renderCountryList(), t.appendChild(n), t.appendChild(a), t.appendChild(this.countryPopover), e.appendChild(t);
 	}
@@ -2692,7 +3383,7 @@ var At = class {
 		this.countryOpen = !1, this.countryPopover.classList.remove("open"), this.dialBtn.setAttribute("aria-expanded", "false");
 	}
 	renderCountryList() {
-		let e = this.countrySearch.value.trim().toLowerCase(), t = J.filter((t) => !e || t.name.toLowerCase().includes(e) || t.dial.includes(e) || t.iso.toLowerCase().includes(e) || `+${t.dial}`.includes(e));
+		let e = this.countrySearch.value.trim().toLowerCase(), t = X.filter((t) => !e || t.name.toLowerCase().includes(e) || t.dial.includes(e) || t.iso.toLowerCase().includes(e) || `+${t.dial}`.includes(e));
 		this.countryList.innerHTML = "";
 		for (let e of t) {
 			let t = document.createElement("button");
@@ -2724,7 +3415,7 @@ var At = class {
 		let t = document.createElement("div");
 		t.className = "ttcb-empty", t.id = "ttcb-empty";
 		let n = document.createElement("div");
-		n.className = "ttcb-empty-icon", n.innerHTML = X();
+		n.className = "ttcb-empty-icon", n.innerHTML = Z();
 		let r = document.createElement("p"), i = document.createElement("strong");
 		i.textContent = e, r.appendChild(document.createTextNode("Welcome to ")), r.appendChild(i);
 		let a = document.createElement("p");
@@ -2736,10 +3427,15 @@ var At = class {
 	}
 	handleSend() {
 		let e = this.input.value.trim();
-		e && !this.sendBtn.disabled && (this.input.value = "", this.callbacks.onSend(e), this.input.focus());
+		if (!this.sendBtn.disabled) {
+			if (this.pendingFiles.length > 0) {
+				let t = this.pendingFiles.map((e) => e.file);
+				this.clearPendingFiles(), this.showComposeError(""), this.input.value = "", this.callbacks.onSendAttachments(t, e), this.input.focus();
+			} else e && (this.input.value = "", this.callbacks.onSend(e), this.input.focus());
+		}
 	}
 	handleIdentifySubmit() {
-		let e = this.nameInput.value.trim(), t = ft(this.selectedCountry.dial, this.phoneInput.value), n = this.emailInput.value.trim();
+		let e = this.nameInput.value.trim(), t = Bt(this.selectedCountry.dial, this.phoneInput.value), n = this.emailInput.value.trim();
 		!e || !t ? this.showIdentifyError("Name and phone are required.") : (this.showIdentifyError(""), this.callbacks.onIdentify({
 			name: e,
 			phone: t,
@@ -2748,38 +3444,70 @@ var At = class {
 	}
 	appendMessage(e) {
 		this.removeEmptyState();
-		let t = "message" in e ? e.message : e, n = Ot(t.content, t.type);
-		this.messagesContainer.appendChild(n), this.scrollToBottom();
+		let t = this.buildMessage(e);
+		this.messagesContainer.appendChild(t), this.scrollToBottom();
+	}
+	replaceMessage(e, t) {
+		let n = this.findMessageEl(e);
+		n ? (n.replaceWith(this.buildMessage(t)), this.scrollToBottom()) : this.appendMessage(t);
+	}
+	removeMessage(e) {
+		this.findMessageEl(e)?.remove();
+	}
+	buildMessage(e) {
+		if ("message" in e) {
+			let t = pn({
+				...e.message,
+				pending: e.pending
+			});
+			return t.dataset.msgId = String(e.id), t;
+		}
+		return pn(e);
+	}
+	findMessageEl(e) {
+		for (let t of this.messagesContainer.querySelectorAll(".ttcb-msg")) if (t.dataset.msgId === String(e)) return t;
+		return null;
 	}
 	setMessages(e) {
 		if (this.messagesContainer.innerHTML = "", e.length !== 0) {
-			for (let t of e) {
-				let e = Ot(t.message.content, t.message.type);
-				this.messagesContainer.appendChild(e);
-			}
+			for (let t of e) this.messagesContainer.appendChild(this.buildMessage(t));
 			this.scrollToBottom();
 		}
 	}
 	setLoading(e) {
-		if (this.sendBtn.disabled = e || this.input.disabled, e) this.shadow.getElementById("ttcb-typing") || (this.messagesContainer.appendChild(kt()), this.scrollToBottom()), this.input.focus();
+		if (this.sendBtn.disabled = e || this.input.disabled, this.attachBtn.disabled = e || this.input.disabled, this.micBtn.disabled = e || this.input.disabled, e) this.closeAttachMenu(), this.shadow.getElementById("ttcb-typing") || (this.messagesContainer.appendChild(mn()), this.scrollToBottom()), this.isFullScreen() || this.input.focus();
 		else {
 			let e = this.shadow.getElementById("ttcb-typing");
-			e && e.remove(), this.input.disabled || this.input.focus();
+			e && e.remove(), !this.input.disabled && !this.isFullScreen() && this.input.focus();
 		}
 	}
 	setIdentifyLoading(e) {
 		this.identifySubmit.disabled = e, this.nameInput.disabled = e, this.phoneInput.disabled = e, this.emailInput.disabled = e, this.dialBtn.disabled = e, this.shadow.getElementById("ttcb-phone-row")?.classList.toggle("disabled", e);
 		for (let t of this.identifyContainer.querySelectorAll(".ttcb-input-wrap")) t.classList.toggle("disabled", e);
-		this.identifySubmit.innerHTML = e ? "<span>Starting…</span>" : `<span>Start Chatting</span>${Ct()}`, e && this.closeCountryPopover();
+		this.identifySubmit.innerHTML = e ? "<span>Starting…</span>" : `<span>Start Chatting</span>${$t()}`, e && this.closeCountryPopover();
 	}
 	showIdentifyError(e) {
 		this.identifyError.textContent = e;
 	}
 	open() {
-		this.isOpen = !0, this.panel.classList.remove("hidden"), this.identifyContainer.classList.contains("visible") ? this.nameInput.focus() : this.input.focus(), this.callbacks.onOpen();
+		this.isOpen = !0, this.startViewportSync(), this.panel.classList.remove("hidden"), this.fab.classList.add("ttcb-open"), this.isFullScreen() ? this.panel.focus({ preventScroll: !0 }) : this.identifyContainer.classList.contains("visible") ? this.nameInput.focus() : this.input.focus(), this.callbacks.onOpen();
 	}
 	close() {
-		this.isOpen = !1, this.closeCountryPopover(), this.panel.classList.add("hidden"), this.callbacks.onClose();
+		this.isOpen = !1, this.closeCountryPopover(), this.closeAttachMenu(), this.panel.classList.add("hidden"), this.fab.classList.remove("ttcb-open"), this.stopViewportSync?.(), this.stopViewportSync = null, this.fab.focus({ preventScroll: !0 }), this.callbacks.onClose();
+	}
+	isFullScreen() {
+		return typeof window.matchMedia == "function" && window.matchMedia("(max-width: 640px), (max-height: 500px) and (pointer: coarse)").matches;
+	}
+	startViewportSync() {
+		let e = window.visualViewport;
+		if (!e || this.stopViewportSync) return;
+		let t = () => {
+			let t = this.messagesContainer, n = t.scrollHeight - t.scrollTop - t.clientHeight < 40;
+			this.panel.style.setProperty("--ttcb-vv-top", `${e.offsetTop}px`), this.panel.style.setProperty("--ttcb-vv-left", `${e.offsetLeft}px`), this.panel.style.setProperty("--ttcb-vv-width", `${e.width}px`), this.panel.style.setProperty("--ttcb-vv-height", `${e.height}px`), n && this.scrollToBottom();
+		};
+		e.addEventListener("resize", t), e.addEventListener("scroll", t), t(), this.stopViewportSync = () => {
+			e.removeEventListener("resize", t), e.removeEventListener("scroll", t);
+		};
 	}
 	toggle() {
 		this.isOpen ? this.close() : this.open();
@@ -2794,11 +3522,11 @@ var At = class {
 		}) : this.showEmptyState(e.chatbotName ?? "AI Assistant"), this.setMode("ai");
 	}
 	clearMessages(e) {
-		this.messagesContainer.innerHTML = "", this.showEmptyState(e);
+		this.messagesContainer.innerHTML = "", this.clearPendingFiles(), this.showComposeError(""), this.showEmptyState(e);
 	}
 	setMode(e, t) {
 		let n = this.panel.classList.contains("ttcb-mode-chat"), r = t?.agentName, i = t?.canRequestHuman === !0, a = n && i, o = n && e === "closed", s = e === "closed";
-		this.requestHumanBtn.classList.toggle("hidden", !a), this.newSessionBtn.classList.toggle("hidden", !o), this.input.disabled = s, s ? this.sendBtn.disabled = !0 : this.shadow.getElementById("ttcb-typing") || (this.sendBtn.disabled = !1), n ? e === "waiting" ? this.showModeBanner("Waiting for a human agent…", "waiting") : e === "closed" ? this.showModeBanner("This conversation is closed", "closed") : e === "human" && r?.trim() ? this.showModeBanner(`Connected with ${r.trim()}`, "human") : this.hideModeBanner() : this.hideModeBanner();
+		this.requestHumanBtn.classList.toggle("hidden", !a), this.newSessionBtn.classList.toggle("hidden", !o), this.input.disabled = s, s ? (this.sendBtn.disabled = !0, this.attachBtn.disabled = !0, this.micBtn.disabled = !0, this.closeAttachMenu(), this.clearPendingFiles(), this.recorder && this.cancelVoice(), this.showComposeError("")) : this.shadow.getElementById("ttcb-typing") || (this.sendBtn.disabled = !1, this.attachBtn.disabled = !1, this.micBtn.disabled = !1), n ? e === "waiting" ? this.showModeBanner("Waiting for a human agent…", "waiting") : e === "closed" ? this.showModeBanner("This conversation is closed", "closed") : e === "human" && r?.trim() ? this.showModeBanner(`Connected with ${r.trim()}`, "human") : this.hideModeBanner() : this.hideModeBanner();
 	}
 	showModeBanner(e, t) {
 		this.modeBanner.textContent = e, this.modeBanner.className = `ttcb-mode-banner visible ${t}`;
@@ -2807,13 +3535,13 @@ var At = class {
 		this.modeBanner.textContent = "", this.modeBanner.className = "ttcb-mode-banner";
 	}
 	destroy() {
-		this.destroyed = !0, this.host.remove();
+		this.destroyed = !0, this.stopViewportSync?.(), this.stopViewportSync = null, this.clearPendingFiles(), this.recorder?.destroy(), this.recorder = null, m(this.voicePreviewUrl), this.voicePreviewUrl = "", this.host.remove();
 	}
 	scrollToBottom() {
 		this.messagesContainer.scrollTop = this.messagesContainer.scrollHeight;
 	}
-}, jt = {
-	apiBaseUrl: o,
+}, vn = {
+	apiBaseUrl: c,
 	chatbotName: "AI Assistant",
 	primaryColor: "#2563EB",
 	theme: "auto",
@@ -2824,23 +3552,23 @@ var At = class {
 	sessionId: "",
 	requestTimeoutMs: n
 };
-function Mt(e) {
+function yn(e) {
 	return Object.fromEntries(Object.entries(e).filter(([, e]) => e !== void 0));
 }
-var Nt = [
+var bn = [
 	5e3,
 	15e3,
 	3e4,
 	6e4
 ];
-function Pt(e) {
-	return i(e) ? e.status === 0 || e.status >= 500 || e.apiError.code === "BAD_RESPONSE" : !1;
+function xn(e) {
+	return o(e) ? e.status === 0 || e.status >= 500 || e.apiError.code === "BAD_RESPONSE" : !1;
 }
-function Ft(e) {
-	return i(e) ? e.apiError.message : e instanceof Error ? e.message : "Failed to load chatbot config.";
+function Sn(e) {
+	return o(e) ? e.apiError.message : e instanceof Error ? e.message : "Failed to load chatbot config.";
 }
-var It = 0, Z = () => Date.now() * 1e3 + It++ % 1e3;
-function Lt(e) {
+var Cn = 0, Q = () => Date.now() * 1e3 + Cn++ % 1e3;
+function wn(e) {
 	if (!e || typeof e != "object") return null;
 	let t = e;
 	if (typeof t.textMessage == "string" && t.textMessage.trim()) return t.textMessage.trim();
@@ -2852,7 +3580,11 @@ function Lt(e) {
 	}
 	return null;
 }
-function Rt(e) {
+function Tn(e) {
+	let t = (e.attachments ?? []).map((e) => e.url).join("
");
+	return `${e.content}\u0000${t}`;
+}
+function En(e) {
 	if (!e || typeof e != "object") return null;
 	let t = e;
 	if (typeof t.id == "string" && t.id) return t.id;
@@ -2862,9 +3594,9 @@ function Rt(e) {
 	}
 	return null;
 }
-var Q = class {
+var Dn = class {
 	constructor() {
-		this.emitter = new s(), this.visitorTokens = new ut(), this.widget = null, this.sdkSocket = null, this.callerSetName = !1, this.hasActiveTicket = !1, this.retryTimer = null, this.lastPushId = null, this.initToken = 0, this._state = {
+		this.emitter = new fe(), this.visitorTokens = new Mt(), this.widget = null, this.sdkSocket = null, this.callerSetName = !1, this.hasActiveTicket = !1, this.retryTimer = null, this.lastPushId = null, this.initToken = 0, this._state = {
 			isOpen: !1,
 			isLoading: !1,
 			isReady: !1,
@@ -2899,9 +3631,9 @@ var Q = class {
 		if (!e.apiKey) throw Error("[onedeskpro-chatbot] `apiKey` is required to initialise the chatbot.");
 		let t = ++this.initToken;
 		this.clearRetry(), this.disconnectSdkSocket(), this.widget?.destroy(), this.widget = null, this.callerSetName = e.chatbotName !== void 0, this.options = {
-			...jt,
-			...Mt(e)
-		}, this.apiClient = new a({
+			...vn,
+			...yn(e)
+		}, this.apiClient = new s({
 			baseUrl: this.options.apiBaseUrl,
 			apiKey: this.options.apiKey,
 			timeoutMs: this.options.requestTimeoutMs
@@ -2922,13 +3654,13 @@ var Q = class {
 			n = await this.apiClient.fetchConfig();
 		} catch (n) {
 			if (e !== this.initToken) return;
-			if (Pt(n)) {
+			if (xn(n)) {
 				this.setState({
 					isReady: !1,
 					blockReason: "server-unavailable",
-					error: Ft(n)
+					error: Sn(n)
 				});
-				let r = Nt[t];
+				let r = bn[t];
 				if (r !== void 0) {
 					this.retryTimer = setTimeout(() => {
 						this.retryTimer = null, this.checkReadiness(e, t + 1);
@@ -2949,8 +3681,10 @@ var Q = class {
 		}), i ? (this.mountWidget(), this.visitorTokens.setScope(n.agentId), await this.resolveVisitorGate(e), e === this.initToken && (this.widget?.reveal(), this.emitter.emit("ready"))) : this.emitter.emit("ready");
 	}
 	mountWidget() {
-		typeof window < "u" && typeof document < "u" && (this.widget = new At(this.options, {
+		typeof window < "u" && typeof document < "u" && (this.widget = new _n(this.options, {
 			onSend: (e) => void this.sendMessage(e),
+			onSendAttachments: (e, t) => void this.sendAttachments(e, t),
+			onSendVoice: (e) => void this.sendVoice(e),
 			onIdentify: (e) => void this.submitIdentify(e),
 			onOpen: () => {
 				this.setState({ isOpen: !0 }), this.emitter.emit("open");
@@ -2966,11 +3700,11 @@ var Q = class {
 		this.retryTimer !== null && (clearTimeout(this.retryTimer), this.retryTimer = null);
 	}
 	handleConfigError(e) {
-		let t = (i(e) ? e : null)?.apiError.code === "agent_not_assigned" ? "no-agent" : null;
+		let t = (o(e) ? e : null)?.apiError.code === "agent_not_assigned" ? "no-agent" : null;
 		this.setState({
 			isReady: !1,
 			blockReason: t,
-			error: Ft(e)
+			error: Sn(e)
 		});
 	}
 	async resolveVisitorGate(e) {
@@ -3002,7 +3736,7 @@ var Q = class {
 		}), this.widget?.readyToChat(this.options), this.connectSdkSocket(e), await this.restoreTicketStatus(e, n);
 	}
 	connectSdkSocket(e) {
-		this.sdkSocket ||= new ot(), this.sdkSocket.connect({
+		this.sdkSocket ||= new Ot(), this.sdkSocket.connect({
 			baseUrl: this.options.apiBaseUrl,
 			apiKey: this.options.apiKey,
 			visitorToken: e,
@@ -3032,20 +3766,24 @@ var Q = class {
 	}
 	handleMessageReceive(e) {
 		if (this._state.mode === "ai") return;
-		let t = Lt(e);
-		if (!t) return;
-		let n = Rt(e), r = this._state.messages[this._state.messages.length - 1];
-		if (r?.message.content === t && (r.message.type === "ai" || r.message.type === "agent" && (!n || n === this.lastPushId))) return;
-		this.lastPushId = n;
-		let i = this.visitorTokens.get() ?? this._state.visitorToken ?? "", a = {
-			id: Z(),
-			sessionId: i,
+		let t = wn(e) ?? "", n = ne(e);
+		if (!t && n.length === 0) return;
+		let r = En(e), i = this._state.messages[this._state.messages.length - 1];
+		if (i && Tn(i.message) === Tn({
+			content: t,
+			attachments: n
+		}) && (i.message.type === "ai" || i.message.type === "agent" && (!r || r === this.lastPushId))) return;
+		this.lastPushId = r;
+		let a = this.visitorTokens.get() ?? this._state.visitorToken ?? "", o = {
+			id: Q(),
+			sessionId: a,
 			message: {
 				type: "agent",
-				content: t
+				content: t,
+				...n.length > 0 ? { attachments: n } : {}
 			}
 		};
-		this.setState({ messages: [...this._state.messages, a] }), this.widget?.appendMessage(a), this.emitter.emit("message", a);
+		this.setState({ messages: [...this._state.messages, o] }), this.widget?.appendMessage(o), this.emitter.emit("message", o);
 	}
 	async submitIdentify(e) {
 		if (!this.apiClient || this._state.isLoading || !this._state.isReady) return;
@@ -3088,9 +3826,26 @@ var Q = class {
 			this.setState({ isLoading: !1 });
 		}
 	}
-	async sendMessage(e) {
+	requireVisitorToken(e) {
 		let t = this.visitorTokens.get() ?? this._state.visitorToken;
-		if (!this.apiClient || !t) throw Error("[onedeskpro-chatbot] Identify before sendMessage().");
+		if (!this.apiClient || !t) throw Error(`[onedeskpro-chatbot] Identify before ${e}().`);
+		return t;
+	}
+	pushLocalMessage(e) {
+		this.setState({
+			messages: [...this._state.messages, e],
+			isLoading: !0,
+			error: null
+		}), this.widget?.appendMessage(e), this.emitter.emit("message", e);
+	}
+	replaceMessage(e, t) {
+		this.setState({ messages: this._state.messages.map((n) => n.id === e ? t : n) }), this.widget?.replaceMessage(e, t);
+	}
+	removeMessage(e) {
+		this.setState({ messages: this._state.messages.filter((t) => t.id !== e) }), this.widget?.removeMessage(e);
+	}
+	async sendMessage(e) {
+		let t = this.requireVisitorToken("sendMessage");
 		if (this._state.mode === "closed") {
 			this.setState({ error: "Conversation is closed" });
 			return;
@@ -3098,41 +3853,142 @@ var Q = class {
 		let n = e.trim();
 		if (!n || this._state.isLoading || this._state.needsIdentify) return;
 		let r = {
-			id: Z(),
+			id: Q(),
 			sessionId: t,
 			message: {
 				type: "human",
 				content: n
 			}
-		}, i = this._state.mode, a = i === "ai";
-		this.setState({
-			messages: [...this._state.messages, r],
-			isLoading: !0,
-			error: null
-		}), this.widget?.appendMessage(r), a && this.widget?.setLoading(!0), this.emitter.emit("message", r);
+		}, i = this._state.mode;
+		this.pushLocalMessage(r), i === "ai" && this.widget?.setLoading(!0), await this.deliver({
+			chatInput: n,
+			visitorToken: t
+		}, i);
+	}
+	rejectSend(e) {
+		this.setState({ error: e }), this.widget?.showComposeError(e), this.emitter.emit("error", Error(e));
+	}
+	async sendAttachments(e, t = "") {
+		let n = this.requireVisitorToken("sendAttachments");
+		if (this._state.mode === "closed") {
+			this.setState({ error: "Conversation is closed" });
+			return;
+		}
+		if (e.length === 0 || this._state.isLoading || this._state.needsIdentify) return;
+		let r = d(e);
+		r ? this.rejectSend(r) : await this.uploadThenDeliver({
+			visitorToken: n,
+			files: e,
+			previews: e.map(ee),
+			caption: t.trim()
+		});
+	}
+	async sendVoice(e) {
+		let t = this.requireVisitorToken("sendVoice");
+		if (this._state.mode === "closed") {
+			this.setState({ error: "Conversation is closed" });
+			return;
+		}
+		if (!e?.blob || e.blob.size === 0 || this._state.isLoading || this._state.needsIdentify) return;
+		let n;
 		try {
-			let e = await this.apiClient.sendMessage({
-				chatInput: n,
-				visitorToken: t
-			});
+			n = await de(e);
+		} catch {
+			this.rejectSend("Could not process the recording.");
+			return;
+		}
+		if (n.file.size > 10485760) {
+			this.rejectSend("This voice message is too long to send.");
+			return;
+		}
+		let r = {
+			durationSeconds: n.durationSeconds,
+			...n.waveform ? { waveform: n.waveform } : {}
+		}, i = {
+			type: n.file.type,
+			url: p(n.file),
+			fileName: n.file.name,
+			size: n.file.size,
+			...r
+		};
+		await this.uploadThenDeliver({
+			visitorToken: t,
+			files: [n.file],
+			previews: [i],
+			caption: "",
+			messageType: "voice",
+			decorate: (e) => ({
+				...e,
+				...r
+			})
+		});
+	}
+	async uploadThenDeliver(e) {
+		let { visitorToken: t, files: n, previews: r, caption: i } = e, a = {
+			id: Q(),
+			sessionId: t,
+			message: {
+				type: "human",
+				content: i,
+				attachments: r
+			},
+			pending: !0
+		}, o = this._state.mode;
+		this.pushLocalMessage(a);
+		let s = [];
+		try {
+			for (let r of n) {
+				let n = await this.apiClient.uploadAttachment(r, t);
+				s.push(e.decorate ? e.decorate(n) : n);
+			}
+		} catch (e) {
+			this.removeMessage(a.id);
+			for (let e of r) m(e.url);
+			let t = e instanceof Error ? e : Error(String(e));
+			this.setState({
+				error: t.message,
+				isLoading: !1
+			}), this.widget?.showComposeError(t.message), this.emitter.emit("error", t);
+			return;
+		}
+		let c = {
+			...a,
+			pending: !1,
+			message: {
+				...a.message,
+				attachments: s
+			}
+		};
+		this.replaceMessage(a.id, c);
+		for (let e of r) m(e.url);
+		o === "ai" && this.widget?.setLoading(!0), await this.deliver({
+			chatInput: i,
+			visitorToken: t,
+			attachments: s,
+			...e.messageType ? { messageType: e.messageType } : {}
+		}, o);
+	}
+	async deliver(e, t) {
+		try {
+			let n = await this.apiClient.sendMessage(e);
 			this.hasActiveTicket = !0;
-			let r = e.mode ?? i, a = [...this._state.messages], o = (e.text ?? "").trim();
-			if (r !== i && (this.setState({ mode: r }), this.syncWidgetMode(r), this.emitter.emit("ticket-status", { mode: r })), o) {
-				let t = a[a.length - 1];
-				if (t?.message.type !== "agent" && t?.message.type !== "ai" || t.message.content !== o) {
-					let t = {
-						id: Z(),
-						sessionId: e.sessionId,
+			let r = n.mode ?? t, i = [...this._state.messages], a = (n.text ?? "").trim();
+			if (r !== t && (this.setState({ mode: r }), this.syncWidgetMode(r), this.emitter.emit("ticket-status", { mode: r })), a) {
+				let e = i[i.length - 1];
+				if (e?.message.type !== "agent" && e?.message.type !== "ai" || e.message.content !== a) {
+					let e = {
+						id: Q(),
+						sessionId: n.sessionId,
 						message: {
 							type: "ai",
-							content: o
+							content: a
 						}
 					};
-					a.push(t), this.widget?.appendMessage(t), this.emitter.emit("message", t);
+					i.push(e), this.widget?.appendMessage(e), this.emitter.emit("message", e);
 				}
 			}
 			this.setState({
-				messages: a,
+				messages: i,
 				isLoading: !1,
 				mode: r
 			}), this.syncWidgetMode(r);
@@ -3176,13 +4032,12 @@ var Q = class {
 			needsIdentify: !0
 		});
 	}
-}, $ = null, zt = {
+}, $ = null, On = {
 	async init(e) {
-		return $ = new Q(), await $.init(e), $;
+		return $ = new Dn(), await $.init(e), $;
 	},
 	getInstance() {
 		return $;
 	}
 };
-//#endregion
-export { a as ApiClient, Q as ChatbotCore, o as DEFAULT_API_BASE_URL, n as DEFAULT_REQUEST_TIMEOUT_MS, s as EventEmitter, zt as OnedeskProChatbot, ot as SdkSocket, ut as SessionManager, i as isChatbotRequestError, at as resolveSdkSocketUrl };
+export { s as ApiClient, Dn as ChatbotCore, c as DEFAULT_API_BASE_URL, n as DEFAULT_REQUEST_TIMEOUT_MS, fe as EventEmitter, On as OnedeskProChatbot, u as SDK_CHAT_MAX_ATTACHMENTS, l as SDK_UPLOAD_MAX_BYTES, Ot as SdkSocket, Mt as SessionManager, Nt as VOICE_MAX_DURATION_SECONDS, Y as VoiceRecorder, o as isChatbotRequestError, Dt as resolveSdkSocketUrl };