@nethesis/chat-island 0.1.12 → 0.1.13

package/dist/index.js

@@ -2293,7 +2293,7 @@ function hn(e, ...t) {
 }
 //#endregion
 //#region src/xmpp.ts
-var U = {
+var gn = "chat.internal", U = {
 	carbons: "urn:xmpp:carbons:2",
 	forward: "urn:xmpp:forward:0",
 	mam: "urn:xmpp:mam:2",
@@ -2323,7 +2323,7 @@ var U = {
 	reactions: "urn:xmpp:reactions:0",
 	reply: "urn:xmpp:reply:0",
 	fallback: "urn:xmpp:fallback:0"
-}, gn = 3e4, _n = class {
+}, _n = 3e4, vn = class {
 	xmpp;
 	me;
 	domain;
@@ -2341,9 +2341,9 @@ var U = {
 	cfg;
 	h;
 	constructor(e, t) {
-		this.cfg = e, this.h = t, this.domain = e.host, this.mucHost = `conference.${e.host}`, this.me = `${e.username}@${e.host}`, this.xmpp = mn({
+		this.cfg = e, this.h = t, this.domain = gn, this.mucHost = `conference.${gn}`, this.me = `${e.username}@${gn}`, this.xmpp = mn({
 			service: `wss://${e.host}/xmpp-websocket`,
-			domain: e.host,
+			domain: gn,
 			username: e.username,
 			password: e.token,
 			resource: "chat-island." + Math.random().toString(36).slice(2, 8)
@@ -2351,7 +2351,7 @@ var U = {
 			this.stopped || this.unauthorized || ((e === "connecting" || e === "opening" || e === "connect") && this.h.status("connecting"), (e === "disconnect" || e === "close") && (this.connected = !1, window.clearInterval(this.pingTimer), this.forgetPresence(), this.h.status("offline")), e === "disconnect" && this.scheduleRetry());
 		}), this.xmpp.on("error", (e) => {
 			if (!this.stopped) {
-				if (yn(e)) {
+				if (bn(e)) {
 					this.unauthorized = !0, window.clearTimeout(this.retryTimer), this.h.status("unauthorized", e.message);
 					return;
 				}
@@ -2371,7 +2371,7 @@ var U = {
 			} catch {
 				return;
 			}
-			window.clearInterval(this.pingTimer), this.pingTimer = window.setInterval(() => this.ping(), gn), this.h.status("online");
+			window.clearInterval(this.pingTimer), this.pingTimer = window.setInterval(() => this.ping(), _n), this.h.status("online");
 		}), this.xmpp.on("stanza", (e) => this.onStanza(e));
 	}
 	start() {
@@ -2410,7 +2410,7 @@ var U = {
 		let e = this.xmpp;
 		(e.status === "offline" ? this.xmpp.start() : e.connect(e.options.service).then(() => e.open({ domain: e.options.domain }))).catch((e) => {
 			if (!this.stopped) {
-				if (yn(e)) {
+				if (bn(e)) {
 					this.unauthorized = !0, this.h.status("unauthorized", e.message);
 					return;
 				}
@@ -2734,7 +2734,7 @@ var U = {
 			if (e && r) {
 				let t = this.reactionOf(e);
 				t && this.mamReactions.get(n.attrs.queryid)?.push(t);
-				let i = t ? void 0 : this.toMessage(e, n.attrs.id, bn(n.getChild("forwarded", U.forward)));
+				let i = t ? void 0 : this.toMessage(e, n.attrs.id, xn(n.getChild("forwarded", U.forward)));
 				i && r.push(i);
 			}
 			return;
@@ -2749,7 +2749,7 @@ var U = {
 		let i = e.getChild("event", U.pubsubEvent);
 		if (i?.getChild("items")?.attrs.node === U.mucsubConfig) {
 			let t = W(e.attrs.from);
-			this.isGroup(t) && xn(i, "presence")?.getChild("x", U.mucUser)?.getChild("destroy") && this.h.groupDestroyed(t);
+			this.isGroup(t) && Sn(i, "presence")?.getChild("x", U.mucUser)?.getChild("destroy") && this.h.groupDestroyed(t);
 			return;
 		}
 		let a = e.getChild("x", U.conference);
@@ -2766,7 +2766,7 @@ var U = {
 			this.h.reaction(t);
 			return;
 		}
-		let n = this.toMessage(e, e.getChild("stanza-id", U.sid)?.attrs.id, bn(e));
+		let n = this.toMessage(e, e.getChild("stanza-id", U.sid)?.attrs.id, xn(e));
 		if (n) {
 			this.h.message(n);
 			return;
@@ -2779,7 +2779,7 @@ var U = {
 		let t = e.getChild("event", U.pubsubEvent), n = e, r;
 		if (t && t.getChild("items")?.attrs.node === U.mucsubMessages) {
 			r = W(e.attrs.from);
-			let i = Sn(t);
+			let i = Cn(t);
 			if (!this.isGroup(r) || !i || W(i.attrs.from) !== r) return;
 			n = i;
 		} else if (e.attrs.type === "groupchat" && (r = W(e.attrs.from), !this.isGroup(r))) return;
@@ -2806,14 +2806,22 @@ var U = {
 	}
 	toMessage(e, t, n) {
 		let r = this.parseMessage(e, t, n);
-		return r && vn(r, xn(e, "reply") ? e.getChild("event", U.pubsubEvent) ? Sn(e.getChild("event", U.pubsubEvent)) : e : void 0);
+		if (r?.oob) {
+			let e = this.uploadUrl(r.oob);
+			r.body = r.body === r.oob ? e : r.body, r.oob = e;
+		}
+		return r && yn(r, Sn(e, "reply") ? e.getChild("event", U.pubsubEvent) ? Cn(e.getChild("event", U.pubsubEvent)) : e : void 0);
+	}
+	uploadUrl(e) {
+		let t = e.indexOf("/upload/");
+		return /^https:\/\/[^/]+\/upload\//.test(e) ? `https://${this.cfg.host}${e.slice(t)}` : e;
 	}
 	parseMessage(e, t, n) {
 		let r = e.getChild("event", U.pubsubEvent);
 		if (r && r.getChild("items")?.attrs.node === U.mucsubMessages) {
 			let i = W(e.attrs.from);
 			if (!this.isGroup(i)) return;
-			let a = Sn(r);
+			let a = Cn(r);
 			if (!a || W(a.attrs.from) !== i) return;
 			let o = (a.attrs.from ?? "").split("/")[1] ?? "", s = a.getChildText("body");
 			return s == null ? void 0 : {
@@ -2822,7 +2830,7 @@ var U = {
 				from: i,
 				to: this.cfg.username,
 				body: s,
-				ts: bn(a) !== n && a.getChild("delay", U.delay) ? bn(a) : n,
+				ts: xn(a) !== n && a.getChild("delay", U.delay) ? xn(a) : n,
 				mine: o === this.cfg.username,
 				oob: a.getChild("x", U.oob)?.getChildText("url") ?? void 0,
 				room: i,
@@ -2862,7 +2870,7 @@ var U = {
 		};
 	}
 }, W = (e = "") => e.split("/")[0];
-function vn(e, t) {
+function yn(e, t) {
 	let n = t?.getChild("reply", U.reply);
 	if (!n?.attrs.id) return e;
 	let r = n.attrs.to ?? "", i = e.room ? r.split("/")[1] ?? "" : G(W(r)), a = t.getChildren("fallback", U.fallback).find((e) => e.attrs.for === U.reply)?.getChild("body"), o = [...e.body], s = Number(a?.attrs.start ?? 0), c = Number(a?.attrs.end ?? 0);
@@ -2884,20 +2892,20 @@ function vn(e, t) {
 		}
 	};
 }
-var yn = (e) => e.name === "SASLError" || e.condition === "not-authorized", G = (e = "") => e.split("@")[0], bn = (e) => {
+var bn = (e) => e.name === "SASLError" || e.condition === "not-authorized", G = (e = "") => e.split("@")[0], xn = (e) => {
 	let t = e?.getChild("delay", U.delay)?.attrs.stamp;
 	return t ? Date.parse(t) : Date.now();
 };
-function xn(e, t) {
+function Sn(e, t) {
 	for (let n of e.children) {
 		if (typeof n == "string") continue;
 		if (n.name === t) return n;
-		let e = xn(n, t);
+		let e = Sn(n, t);
 		if (e) return e;
 	}
 }
-var Sn = (e) => xn(e, "message"), K;
-function Cn() {
+var Cn = (e) => Sn(e, "message"), K;
+function wn() {
 	try {
 		K ??= new AudioContext(), K.state === "suspended" && K.resume();
 		let e = K.currentTime;
@@ -2917,7 +2925,7 @@ function Cn() {
 }
 //#endregion
 //#region node_modules/zustand/esm/vanilla.mjs
-var wn = (e) => {
+var Tn = (e) => {
 	let t, n = /* @__PURE__ */ new Set(), r = (e, r) => {
 		let i = typeof e == "function" ? e(t) : e;
 		if (!Object.is(i, t)) {
@@ -2934,15 +2942,15 @@ var wn = (e) => {
 		}
 	}, o = t = e(r, i, a);
 	return a;
-}, Tn = (e) => e ? wn(e) : wn, { useDebugValue: En } = e, { useSyncExternalStoreWithSelector: Dn } = l, On = (e) => e;
-function kn(e, t = On, n) {
-	let r = Dn(e.subscribe, e.getState, e.getServerState || e.getInitialState, t, n);
-	return En(r), r;
+}, En = (e) => e ? Tn(e) : Tn, { useDebugValue: Dn } = e, { useSyncExternalStoreWithSelector: On } = l, kn = (e) => e;
+function An(e, t = kn, n) {
+	let r = On(e.subscribe, e.getState, e.getServerState || e.getInitialState, t, n);
+	return Dn(r), r;
 }
-var An = (e) => {
-	let t = typeof e == "function" ? Tn(e) : e, n = (e, n) => kn(t, e, n);
+var jn = (e) => {
+	let t = typeof e == "function" ? En(e) : e, n = (e, n) => An(t, e, n);
 	return Object.assign(n, t), n;
-}, jn = (e) => e ? An(e) : An, Mn = (e) => e.room ?? (e.mine ? e.to : e.from), q = (e, t) => ({
+}, Mn = (e) => e ? jn(e) : jn, Nn = (e) => e.room ?? (e.mine ? e.to : e.from), q = (e, t) => ({
 	peer: e,
 	kind: t && e.endsWith("@" + t) ? "group" : "chat",
 	messages: [],
@@ -2950,13 +2958,13 @@ var An = (e) => {
 	typing: !1,
 	loaded: !1,
 	complete: !1
-}), Nn = (e, t, n, r) => {
+}), Pn = (e, t, n, r) => {
 	if (e.includes(t)) return e;
 	let i = [t, ...e];
 	if (i.length <= n) return i;
 	let a = [...i].reverse().find((e) => e !== r);
 	return i.filter((e) => e !== a);
-}, Pn = (e, t) => e.id === t.id || !!e.oid && e.oid === t.oid, J = jn((e, t) => ({
+}, Fn = (e, t) => e.id === t.id || !!e.oid && e.oid === t.oid, J = Mn((e, t) => ({
 	me: "",
 	myName: "",
 	mucHost: "",
@@ -3025,10 +3033,10 @@ var An = (e) => {
 	seed: (t, n) => e((e) => {
 		let r = { ...e.conversations };
 		for (let i of t) {
-			let t = Mn(i);
+			let t = Nn(i);
 			if (!t || t === n) continue;
 			let a = r[t] ?? q(t, e.mucHost);
-			if (a.messages.some((e) => Pn(e, i))) continue;
+			if (a.messages.some((e) => Fn(e, i))) continue;
 			if (a.loaded) {
 				r[t] = {
 					...a,
@@ -3045,10 +3053,10 @@ var An = (e) => {
 		return { conversations: r };
 	}),
 	addMessage: (t, n, r) => e((e) => {
-		let i = e.conversations[t] ?? q(t, e.mucHost), a = i.messages.filter((e) => !Pn(e, n) && !(e.pending && n.mine && e.body === n.body && e.oob === n.oob)), o = a.length;
+		let i = e.conversations[t] ?? q(t, e.mucHost), a = i.messages.filter((e) => !Fn(e, n) && !(e.pending && n.mine && e.body === n.body && e.oob === n.oob)), o = a.length;
 		for (; o > 0 && a[o - 1].ts > n.ts;) o--;
 		a.splice(o, 0, n);
-		let s = e.open === t, c = r?.live && !n.mine && !s ? i.unread + 1 : i.unread, l = Nn(e.order, t, e.maxHeads, e.open);
+		let s = e.open === t, c = r?.live && !n.mine && !s ? i.unread + 1 : i.unread, l = Pn(e.order, t, e.maxHeads, e.open);
 		return {
 			conversations: {
 				...e.conversations,
@@ -3063,7 +3071,7 @@ var An = (e) => {
 		};
 	}),
 	prependHistory: (t, n, r, i) => e((e) => {
-		let a = e.conversations[t] ?? q(t, e.mucHost), o = [...n.filter((e) => !a.messages.some((t) => Pn(t, e))), ...a.messages].sort((e, t) => e.ts - t.ts);
+		let a = e.conversations[t] ?? q(t, e.mucHost), o = [...n.filter((e) => !a.messages.some((t) => Fn(t, e))), ...a.messages].sort((e, t) => e.ts - t.ts);
 		return { conversations: {
 			...e.conversations,
 			[t]: {
@@ -3099,7 +3107,7 @@ var An = (e) => {
 			...e.conversations,
 			[t]: q(t, e.mucHost)
 		},
-		order: Nn(e.order, t, e.maxHeads, e.open),
+		order: Pn(e.order, t, e.maxHeads, e.open),
 		open: t,
 		picker: !1
 	})),
@@ -3128,7 +3136,7 @@ var An = (e) => {
 }));
 //#endregion
 //#region src/contacts.ts
-function Fn(e, t, n) {
+function In(e, t, n) {
 	return Object.values(e ?? {}).filter((e) => e?.username && e.username !== n).map((e) => ({
 		username: e.username,
 		name: e.name || e.username,
@@ -3139,31 +3147,31 @@ function Fn(e, t, n) {
 }
 //#endregion
 //#region src/api.ts
-async function In(e, t, n) {
+async function Ln(e, t, n) {
 	let r = await fetch(`https://${e}/api${n}`, { headers: { Authorization: `Bearer ${t}` } });
 	if (!r.ok) throw Error(`${n}: HTTP ${r.status}`);
 	return await r.json();
 }
-async function Ln(e, t, n, r) {
-	let i = await In(e, t, "/user/endpoints/all"), a = {};
+async function Rn(e, t, n, r) {
+	let i = await Ln(e, t, "/user/endpoints/all"), a = {};
 	try {
-		a = await In(e, t, "/user/all_avatars");
+		a = await Ln(e, t, "/user/all_avatars");
 	} catch {}
 	let o = Object.values(i).find((e) => e.username === n)?.name;
-	return o && r?.(o), Fn(i, a, n).sort((e, t) => e.name.localeCompare(t.name));
+	return o && r?.(o), In(i, a, n).sort((e, t) => e.name.localeCompare(t.name));
 }
-async function Rn(e, t) {
+async function zn(e, t) {
 	let n = await fetch(`https://${e}/chat-gw/push/mobile`, { headers: { Authorization: `Bearer ${t}` } });
 	if (!n.ok) throw Error(`push/mobile: HTTP ${n.status}`);
 	return (await n.json()).users;
 }
-async function zn(e, t) {
+async function Bn(e, t) {
 	let n = await fetch(`https://${e}/chat-gw/users/inactive`, { headers: { Authorization: `Bearer ${t}` } });
 	if (!n.ok) throw Error(`users/inactive: HTTP ${n.status}`);
 	let { users: r } = await n.json();
 	return Object.fromEntries(r.map((e) => [e.username, e.name || e.username]));
 }
-async function Bn(e, t, n) {
+async function Vn(e, t, n) {
 	let r = await fetch(`https://${e}/chat-gw/conversations/${encodeURIComponent(n)}`, {
 		method: "DELETE",
 		headers: { Authorization: `Bearer ${t}` }
@@ -3172,16 +3180,16 @@ async function Bn(e, t, n) {
 }
 //#endregion
 //#region src/push.ts
-var Vn = (e) => {
+var Hn = (e) => {
 	let t = atob((e + "=".repeat((4 - e.length % 4) % 4)).replace(/-/g, "+").replace(/_/g, "/"));
 	return Uint8Array.from(t, (e) => e.charCodeAt(0));
-}, Hn = !1;
-function Un() {
-	Hn || (Hn = !0, navigator.serviceWorker.addEventListener("message", (e) => {
+}, Un = !1;
+function Wn() {
+	Un || (Un = !0, navigator.serviceWorker.addEventListener("message", (e) => {
 		e.data?.type === "chat-island-open" && typeof e.data.username == "string" && window.dispatchEvent(new CustomEvent("chat-island-open", { detail: { username: e.data.username } }));
 	}));
 }
-async function Wn(e, t) {
+async function Gn(e, t) {
 	if (!("serviceWorker" in navigator) || !("PushManager" in window)) throw Error("push not supported by this browser");
 	if (Notification.permission === "denied" || Notification.permission !== "granted" && await Notification.requestPermission() !== "granted") return null;
 	let n = `https://${e.host}/chat-gw`, r = await fetch(`${n}/push/vapid`);
@@ -3190,7 +3198,7 @@ async function Wn(e, t) {
 	await navigator.serviceWorker.ready;
 	let o = await a.pushManager.getSubscription() ?? await a.pushManager.subscribe({
 		userVisibleOnly: !0,
-		applicationServerKey: Vn(i.publicKey)
+		applicationServerKey: Hn(i.publicKey)
 	}), s = await fetch(`${n}/push/web`, {
 		method: "POST",
 		headers: {
@@ -3201,7 +3209,7 @@ async function Wn(e, t) {
 	});
 	if (!s.ok) throw Error(`push/web: HTTP ${s.status} ${(await s.text()).slice(0, 120)}`);
 	let c = await s.json();
-	return Un(), {
+	return Wn(), {
 		node: c.node,
 		service: c.service
 	};
@@ -3217,8 +3225,8 @@ function X(e, t) {
 }
 //#endregion
 //#region src/components/Avatar.tsx
-var Gn = (e) => e.split(/\s+/).slice(0, 2).map((e) => e[0]?.toUpperCase() ?? "").join("");
-function Kn({ contact: e, username: t, size: n = 40 }) {
+var Kn = (e) => e.split(/\s+/).slice(0, 2).map((e) => e[0]?.toUpperCase() ?? "").join("");
+function qn({ contact: e, username: t, size: n = 40 }) {
 	let r = e?.name || t, i = {
 		width: n,
 		height: n,
@@ -3233,13 +3241,13 @@ function Kn({ contact: e, username: t, size: n = 40 }) {
 	}) : /* @__PURE__ */ d("div", {
 		style: i,
 		className: "ci-rounded-full ci-shrink-0 ci-flex ci-items-center ci-justify-center ci-font-medium ci-bg-gray-700 ci-text-gray-50 dark:ci-bg-gray-300 dark:ci-text-gray-900",
-		children: Gn(r)
+		children: Kn(r)
 	});
 }
-function qn({ online: e, presence: t, mobile: n }) {
+function Jn({ online: e, presence: t, mobile: n }) {
 	return /* @__PURE__ */ d("span", { className: `ci-absolute ci-bottom-0 ci-right-0 ci-w-3 ci-h-3 ci-rounded-full ci-ring-2 ci-ring-gray-50 dark:ci-ring-gray-950 ${t === "dnd" || t === "busy" ? "ci-bg-phoneIslandClose dark:ci-bg-phoneIslandCloseDark" : e || n ? "ci-bg-phoneIslandCall dark:ci-bg-phoneIslandCallDark" : "ci-bg-gray-400 dark:ci-bg-gray-600"}` });
 }
-function Jn({ name: e, size: t = 40, avatar: n }) {
+function Yn({ name: e, size: t = 40, avatar: n }) {
 	let r = {
 		width: t,
 		height: t,
@@ -3254,12 +3262,12 @@ function Jn({ name: e, size: t = 40, avatar: n }) {
 	}) : /* @__PURE__ */ d("div", {
 		style: r,
 		className: "ci-rounded-full ci-shrink-0 ci-flex ci-items-center ci-justify-center ci-font-medium ci-bg-iconSecondary dark:ci-bg-iconSecondaryDark ci-text-white",
-		children: Gn(e || "G")
+		children: Kn(e || "G")
 	});
 }
 //#endregion
 //#region src/components/Button.tsx
-var Yn = "ci-flex ci-content-center ci-items-center ci-justify-center ci-tracking-wide ci-duration-200 ci-transform ci-outline-none focus:ci-ring-2 focus:ci-z-20 focus:ci-ring-offset-2 disabled:ci-opacity-40 disabled:ci-cursor-not-allowed ci-border ci-border-transparent focus:ci-ring-offset-white dark:focus:ci-ring-offset-black ci-text-sm ci-leading-4 ci-transition-colors ci-shrink-0 ci-font-light", Xn = {
+var Xn = "ci-flex ci-content-center ci-items-center ci-justify-center ci-tracking-wide ci-duration-200 ci-transform ci-outline-none focus:ci-ring-2 focus:ci-z-20 focus:ci-ring-offset-2 disabled:ci-opacity-40 disabled:ci-cursor-not-allowed ci-border ci-border-transparent focus:ci-ring-offset-white dark:focus:ci-ring-offset-black ci-text-sm ci-leading-4 ci-transition-colors ci-shrink-0 ci-font-light", Zn = {
 	default: "ci-bg-phoneIslandActive dark:ci-bg-phoneIslandActiveDark hover:ci-bg-gray-500 dark:hover:ci-bg-gray-50 focus:ci-ring-emerald-500 dark:focus:ci-ring-emerald-300 ci-text-primaryInvert dark:ci-text-primaryInvertDark ci-h-12 ci-w-12 ci-rounded-full",
 	green: "ci-bg-phoneIslandCall dark:ci-bg-phoneIslandCallDark hover:ci-bg-phoneIslandCallHover dark:hover:ci-bg-phoneIslandCallHoverDark focus:ci-ring-green-500 ci-text-white dark:ci-text-gray-950 ci-h-12 ci-w-12 ci-rounded-full",
 	red: "ci-bg-phoneIslandClose dark:ci-bg-phoneIslandCloseDark hover:ci-bg-phoneIslandCloseHover dark:hover:ci-bg-phoneIslandCloseHoverDark focus:ci-ring-emerald-500 ci-text-white dark:ci-text-gray-950 ci-h-12 ci-w-12 ci-rounded-full",
@@ -3272,7 +3280,7 @@ function Z({ variant: e, className: t = "", children: n, ...r }) {
 	return /* @__PURE__ */ d("button", {
 		type: "button",
 		"aria-label": r["aria-label"] ?? r.title,
-		className: `${Yn} ${Xn[e]} ${t}`,
+		className: `${Xn} ${Zn[e]} ${t}`,
 		...r,
 		children: n
 	});
@@ -3440,7 +3448,7 @@ var Q = {
 };
 //#endregion
 //#region src/components/Dock.tsx
-function Zn({ onDragStart: e, pushButton: t = !0 }) {
+function Qn({ onDragStart: e, pushButton: t = !0 }) {
 	let { order: n, open: r, conversations: i, contacts: a, inactive: o, online: s, mobile: c, openChat: l, removeHead: p, picker: m, setPicker: h, status: g, push: _, enablePush: v, newChatButton: y } = J(w((e) => ({
 		order: e.order,
 		open: e.open,
@@ -3471,15 +3479,15 @@ function Zn({ onDragStart: e, pushButton: t = !0 }) {
 						title: t?.kind === "group" ? t.name ?? e : a[e]?.name ?? o[e] ?? e,
 						onClick: () => n ? J.getState().closeChat() : l(e),
 						className: `ci-relative ci-rounded-full ci-shadow-lg ci-transition-transform hover:ci-scale-105 ci-ring-2 ci-border-0 ci-p-0 ci-bg-transparent ${n ? "ci-ring-iconSecondary dark:ci-ring-iconSecondaryDark" : "ci-ring-gray-50 dark:ci-ring-gray-950"}`,
-						children: [t?.kind === "group" ? /* @__PURE__ */ d(Jn, {
+						children: [t?.kind === "group" ? /* @__PURE__ */ d(Yn, {
 							name: t.name ?? e,
 							size: 48,
 							avatar: t.avatar
-						}) : /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d(Kn, {
+						}) : /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d(qn, {
 							contact: a[e],
 							username: e,
 							size: 48
-						}), /* @__PURE__ */ d(qn, {
+						}), /* @__PURE__ */ d(Jn, {
 							online: s[e],
 							presence: a[e]?.presence,
 							mobile: c[e]
@@ -3515,7 +3523,7 @@ function Zn({ onDragStart: e, pushButton: t = !0 }) {
 }
 //#endregion
 //#region src/shortcodes.ts
-var Qn = {
+var $n = {
 	"+1": "👍",
 	thumbsup: "👍",
 	"-1": "👎",
@@ -3709,13 +3717,13 @@ var Qn = {
 	zzz: "💤",
 	sweat_drops: "💦",
 	dash: "💨"
-}, $n = /(```[\s\S]*?(?:```|$)|`[^`\n]*`?)/g, er = /:([a-z0-9_+-]+):/g, tr = (e) => e.replace(er, (e, t) => Qn[t] ?? e);
+}, er = /(```[\s\S]*?(?:```|$)|`[^`\n]*`?)/g, tr = /:([a-z0-9_+-]+):/g, nr = (e) => e.replace(tr, (e, t) => $n[t] ?? e);
 function $(e) {
-	return e.includes(":") ? e.split($n).map((e, t) => t % 2 ? e : tr(e)).join("") : e;
+	return e.includes(":") ? e.split(er).map((e, t) => t % 2 ? e : nr(e)).join("") : e;
 }
 //#endregion
 //#region src/components/EmojiPicker.tsx
-var nr = [
+var rr = [
 	{
 		label: "Smileys",
 		icon: "😀",
@@ -3746,7 +3754,7 @@ var nr = [
 		icon: "☕",
 		emojis: "☕ 🍵 🥤 🍕 🍔 🍟 🌭 🥪 🌮 🍝 🍣 🍩 🍪 🍫 🍎 🍌 🍓 🥐 🚗 🚕 🚌 🚆 ✈️ 🚀 🏠 🏢 🏖️ 🌍 ☀️ 🌤️ 🌧️ ⛈️ ❄️ ⚡ 🌈 🌙"
 	}
-], rr = [
+], ir = [
 	"👍",
 	"❤️",
 	"😂",
@@ -3754,7 +3762,7 @@ var nr = [
 	"😢",
 	"🙏"
 ];
-function ir({ onPick: e, onClose: t, className: n = "" }) {
+function ar({ onPick: e, onClose: t, className: n = "" }) {
 	let [r, a] = c(0), o = s(null);
 	return i(() => {
 		let e = (e) => o.current && !o.current.contains(e.target) && t(), n = (e) => {
@@ -3770,7 +3778,7 @@ function ir({ onPick: e, onClose: t, className: n = "" }) {
 		className: `ci-z-30 ci-w-[21rem] ci-max-w-full ci-rounded-2xl ci-bg-gray-50 dark:ci-bg-gray-950 ci-shadow-2xl ci-ring-1 ci-ring-gray-300 dark:ci-ring-gray-700 ci-select-none ${n}`,
 		children: [/* @__PURE__ */ d("div", {
 			className: "ci-flex ci-gap-1 ci-px-2 ci-pt-2 ci-border-b ci-border-gray-300 dark:ci-border-gray-700",
-			children: nr.map((e, t) => /* @__PURE__ */ d("button", {
+			children: rr.map((e, t) => /* @__PURE__ */ d("button", {
 				type: "button",
 				title: e.label,
 				"aria-label": e.label,
@@ -3784,7 +3792,7 @@ function ir({ onPick: e, onClose: t, className: n = "" }) {
 			}, e.label))
 		}), /* @__PURE__ */ d("div", {
 			className: "ci-grid ci-grid-cols-7 ci-gap-1 ci-p-2 ci-h-64 ci-overflow-y-auto",
-			children: nr[r].emojis.split(" ").map((t) => /* @__PURE__ */ d("button", {
+			children: rr[r].emojis.split(" ").map((t) => /* @__PURE__ */ d("button", {
 				type: "button",
 				onClick: () => e(t),
 				style: {
@@ -3799,27 +3807,27 @@ function ir({ onPick: e, onClose: t, className: n = "" }) {
 }
 //#endregion
 //#region src/components/MessageList.tsx
-var ar = (e) => /\.(png|jpe?g|gif|webp|avif|svg)(\?|$)/i.test(e), or = (e) => /\.(webm|ogg|oga|opus|mp3|m4a|wav)(\?|$)/i.test(e), sr = (e) => {
+var or = (e) => /\.(png|jpe?g|gif|webp|avif|svg)(\?|$)/i.test(e), sr = (e) => /\.(webm|ogg|oga|opus|mp3|m4a|wav)(\?|$)/i.test(e), cr = (e) => {
 	let t = e.split("/").pop() || "file";
 	try {
 		return decodeURIComponent(t);
 	} catch {
 		return t;
 	}
-}, cr = (e) => {
+}, lr = (e) => {
 	try {
 		return new URL(e).protocol === "https:";
 	} catch {
 		return !1;
 	}
-}, lr = (e) => new Date(e).toLocaleTimeString([], {
+}, ur = (e) => new Date(e).toLocaleTimeString([], {
 	hour: "2-digit",
 	minute: "2-digit"
-}), ur = (e) => new Date(e).toLocaleDateString([], {
+}), dr = (e) => new Date(e).toLocaleDateString([], {
 	weekday: "short",
 	day: "numeric",
 	month: "short"
-}), dr = (e, t) => new Date(e).toDateString() === new Date(t).toDateString(), fr = (e) => {
+}), fr = (e, t) => new Date(e).toDateString() === new Date(t).toDateString(), pr = (e) => {
 	if (!e.startsWith("{\"")) return null;
 	try {
 		let t = JSON.parse(e);
@@ -3830,17 +3838,17 @@ var ar = (e) => /\.(png|jpe?g|gif|webp|avif|svg)(\?|$)/i.test(e), or = (e) => /\
 	} catch {
 		return null;
 	}
-}, pr = n(function({ url: e }) {
-	return cr(e) ? ar(e) ? /* @__PURE__ */ d("a", {
+}, mr = n(function({ url: e }) {
+	return lr(e) ? or(e) ? /* @__PURE__ */ d("a", {
 		href: e,
 		target: "_blank",
 		rel: "noreferrer",
 		children: /* @__PURE__ */ d("img", {
 			src: e,
-			alt: sr(e),
+			alt: cr(e),
 			className: "ci-max-w-full ci-max-h-60 ci-rounded-2xl ci-block"
 		})
-	}) : or(e) ? /* @__PURE__ */ d("audio", {
+	}) : sr(e) ? /* @__PURE__ */ d("audio", {
 		controls: !0,
 		src: e,
 		className: "ci-max-w-full"
@@ -3857,15 +3865,15 @@ var ar = (e) => /\.(png|jpe?g|gif|webp|avif|svg)(\?|$)/i.test(e), or = (e) => /\
 			stroke: "currentColor",
 			strokeWidth: "2",
 			children: /* @__PURE__ */ d("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" })
-		}), sr(e)]
+		}), cr(e)]
 	}) : /* @__PURE__ */ d("span", {
 		className: "ci-break-all",
 		children: e
 	});
-}), mr = /(`[^`\n]+`)|(\*\*[^*\n]+\*\*|__[^_\n]+__)|(~~[^~\n]+~~)|(\*[^*\s][^*\n]*\*|_[^_\s][^_\n]*_)|\[([^\]\n]+)\]\((https?:\/\/[^\s)]+)\)|(https?:\/\/[^\s<]+)/g;
-function hr({ text: e }) {
+}), hr = /(`[^`\n]+`)|(\*\*[^*\n]+\*\*|__[^_\n]+__)|(~~[^~\n]+~~)|(\*[^*\s][^*\n]*\*|_[^_\s][^_\n]*_)|\[([^\]\n]+)\]\((https?:\/\/[^\s)]+)\)|(https?:\/\/[^\s<]+)/g;
+function gr({ text: e }) {
 	let t = [], n = 0;
-	for (let r of e.matchAll(mr)) {
+	for (let r of e.matchAll(hr)) {
 		let i = r[0], a = r.index ?? 0;
 		a > n && t.push($(e.slice(n, a))), r[1] ? t.push(/* @__PURE__ */ d("code", {
 			className: "ci-px-1 ci-py-0.5 ci-rounded ci-bg-black/10 dark:ci-bg-white/10 ci-font-mono ci-text-[0.85em]",
@@ -3886,17 +3894,17 @@ function hr({ text: e }) {
 	}
 	return n < e.length && t.push($(e.slice(n))), /* @__PURE__ */ d(u, { children: t });
 }
-var gr = n(function({ text: e }) {
+var _r = n(function({ text: e }) {
 	let t = e.split(/```[^\n]*\n?([\s\S]*?)```/g);
 	return /* @__PURE__ */ d("span", {
 		className: "ci-whitespace-pre-wrap ci-break-words",
 		children: t.map((e, t) => t % 2 ? /* @__PURE__ */ d("pre", {
 			className: "ci-my-1 ci-p-2 ci-rounded-xl ci-bg-black/10 dark:ci-bg-white/10 ci-font-mono ci-text-xs ci-overflow-x-auto ci-whitespace-pre",
 			children: e.replace(/\n$/, "")
-		}, t) : /* @__PURE__ */ d(hr, { text: e.replace(/^(\s*)[-*] (?=\S)/gm, "$1• ") }, t))
+		}, t) : /* @__PURE__ */ d(gr, { text: e.replace(/^(\s*)[-*] (?=\S)/gm, "$1• ") }, t))
 	});
 });
-function _r({ text: e, count: t }) {
+function vr({ text: e, count: t }) {
 	return /* @__PURE__ */ f("span", {
 		className: "ci-italic ci-opacity-80",
 		children: [
@@ -3909,7 +3917,7 @@ function _r({ text: e, count: t }) {
 		]
 	});
 }
-function vr({ forMsg: e, me: t, onReact: n, nameOf: r, mine: i }) {
+function yr({ forMsg: e, me: t, onReact: n, nameOf: r, mine: i }) {
 	if (!e) return null;
 	let a = /* @__PURE__ */ new Map();
 	for (let [t, n] of Object.entries(e)) for (let e of n) a.set(e, [...a.get(e) ?? [], t]);
@@ -3934,7 +3942,7 @@ function vr({ forMsg: e, me: t, onReact: n, nameOf: r, mine: i }) {
 		})
 	}) : null;
 }
-function yr({ reply: e, messages: t, mine: n, name: r }) {
+function br({ reply: e, messages: t, mine: n, name: r }) {
 	let i = t.find((t) => t.oid === e.id), a = i ? i.oob ? "Attachment" : i.body : e.quote?.replace(/^[^:]*: /, "") ?? "", o = (t) => {
 		t.stopPropagation();
 		let n = document.querySelector(`.chat-island-root [data-oid="${CSS.escape(e.id)}"]`);
@@ -3958,7 +3966,7 @@ function yr({ reply: e, messages: t, mine: n, name: r }) {
 		})]
 	});
 }
-function br({ messages: e, typing: t, onLoadOlder: n, hasOlder: r, group: a, reactions: o, me: l = "", onReact: u, onReply: p }) {
+function xr({ messages: e, typing: t, onLoadOlder: n, hasOlder: r, group: a, reactions: o, me: l = "", onReact: u, onReply: p }) {
 	let m = J((e) => e.contacts), h = s(null), g = s(!0), [_, v] = c(null), [y, b] = c(null), x = (e) => m[e]?.name ?? e;
 	i(() => {
 		let e = h.current;
@@ -3992,7 +4000,7 @@ function br({ messages: e, typing: t, onLoadOlder: n, hasOlder: r, group: a, rea
 					children: "Scroll up for older messages"
 				}),
 				e.map((t, n) => {
-					let r = e[n - 1], i = !r || !dr(r.ts, t.ts), s = r && !i && r.mine === t.mine && r.nick === t.nick && t.ts - r.ts < 12e4, c = a && !t.mine && t.nick ? x(t.nick) : null, h = t.oid, g = !!u && !!h && !t.pending, y = g && /* @__PURE__ */ d("button", {
+					let r = e[n - 1], i = !r || !fr(r.ts, t.ts), s = r && !i && r.mine === t.mine && r.nick === t.nick && t.ts - r.ts < 12e4, c = a && !t.mine && t.nick ? x(t.nick) : null, h = t.oid, g = !!u && !!h && !t.pending, y = g && /* @__PURE__ */ d("button", {
 						type: "button",
 						title: "React",
 						"aria-label": "React to this message",
@@ -4015,14 +4023,14 @@ function br({ messages: e, typing: t, onLoadOlder: n, hasOlder: r, group: a, rea
 						"data-oid": t.oid,
 						children: [i && /* @__PURE__ */ d("div", {
 							className: "ci-text-center ci-text-xs ci-text-gray-500 dark:ci-text-gray-400 ci-py-2",
-							children: ur(t.ts)
+							children: dr(t.ts)
 						}), /* @__PURE__ */ f("div", {
 							className: `ci-group ci-flex ci-items-start ci-gap-1.5 ${t.mine ? "ci-justify-end" : "ci-justify-start"} ${s ? "ci-mt-0.5" : "ci-mt-2"}`,
 							children: [
 								c && /* @__PURE__ */ d("span", {
 									className: "ci-w-7 ci-shrink-0",
 									title: c,
-									children: !s && /* @__PURE__ */ d(Kn, {
+									children: !s && /* @__PURE__ */ d(qn, {
 										contact: m[t.nick],
 										username: t.nick,
 										size: 28
@@ -4037,7 +4045,7 @@ function br({ messages: e, typing: t, onLoadOlder: n, hasOlder: r, group: a, rea
 											role: "menu",
 											onClick: (e) => e.stopPropagation(),
 											className: `ci-absolute ci-bottom-full ci-mb-1 ci-z-20 ci-flex ci-items-center ci-gap-0.5 ci-p-1 ci-rounded-full ci-bg-gray-50 dark:ci-bg-gray-950 ci-shadow-xl ci-ring-1 ci-ring-gray-300 dark:ci-ring-gray-700 ${t.mine ? "ci-right-0" : "ci-left-0"}`,
-											children: [rr.map((e) => /* @__PURE__ */ d("button", {
+											children: [ir.map((e) => /* @__PURE__ */ d("button", {
 												type: "button",
 												role: "menuitem",
 												"aria-label": e,
@@ -4061,28 +4069,28 @@ function br({ messages: e, typing: t, onLoadOlder: n, hasOlder: r, group: a, rea
 											})]
 										}),
 										/* @__PURE__ */ f("div", {
-											title: lr(t.ts),
-											onDoubleClick: () => g && C(h, rr[0]),
+											title: ur(t.ts),
+											onDoubleClick: () => g && C(h, ir[0]),
 											className: `ci-px-3.5 ci-py-2 ci-rounded-3xl ci-text-sm ci-select-text ci-cursor-text ${t.mine ? "ci-bg-gray-700 ci-text-gray-50 dark:ci-bg-gray-300 dark:ci-text-gray-900 ci-rounded-br-lg" : "ci-bg-elevationL2 ci-text-gray-900 dark:ci-bg-elevationL2Dark dark:ci-text-white ci-rounded-bl-lg"} ${t.pending ? "ci-opacity-60" : ""}`,
 											children: [
-												t.reply && /* @__PURE__ */ d(yr, {
+												t.reply && /* @__PURE__ */ d(br, {
 													reply: t.reply,
 													messages: e,
 													mine: t.mine,
 													name: (e) => e === l ? "You" : x(e)
 												}),
-												t.oob ? /* @__PURE__ */ d(pr, { url: t.oob }) : fr(t.body) ? /* @__PURE__ */ d(_r, { ...fr(t.body) }) : /* @__PURE__ */ d(gr, { text: t.body }),
-												t.oob && t.body && t.body !== t.oob && t.body !== sr(t.oob) && /* @__PURE__ */ d("div", {
+												t.oob ? /* @__PURE__ */ d(mr, { url: t.oob }) : pr(t.body) ? /* @__PURE__ */ d(vr, { ...pr(t.body) }) : /* @__PURE__ */ d(_r, { text: t.body }),
+												t.oob && t.body && t.body !== t.oob && t.body !== cr(t.oob) && /* @__PURE__ */ d("div", {
 													className: "ci-text-xs ci-opacity-80 ci-mt-1",
 													children: t.body
 												}),
 												/* @__PURE__ */ d("span", {
 													className: "ci-block ci-text-right ci-text-[10px] ci-leading-none ci-opacity-60 ci-mt-1",
-													children: lr(t.ts)
+													children: ur(t.ts)
 												})
 											]
 										}),
-										h && /* @__PURE__ */ d(vr, {
+										h && /* @__PURE__ */ d(yr, {
 											forMsg: o?.[h],
 											me: l,
 											mine: t.mine,
@@ -4105,7 +4113,7 @@ function br({ messages: e, typing: t, onLoadOlder: n, hasOlder: r, group: a, rea
 					})
 				})
 			]
-		}), y && /* @__PURE__ */ d(ir, {
+		}), y && /* @__PURE__ */ d(ar, {
 			className: "ci-absolute ci-bottom-2 ci-left-1/2 ci--translate-x-1/2",
 			onPick: (e) => C(y, e),
 			onClose: () => b(null)
@@ -4114,7 +4122,7 @@ function br({ messages: e, typing: t, onLoadOlder: n, hasOlder: r, group: a, rea
 }
 //#endregion
 //#region src/ogg.ts
-function xr(e, t, n) {
+function Sr(e, t, n) {
 	let r = e[t];
 	if (r === void 0) return null;
 	let i = 1;
@@ -4128,7 +4136,7 @@ function xr(e, t, n) {
 		unknown: !n && o
 	};
 }
-var Sr = /* @__PURE__ */ new Set([
+var Cr = /* @__PURE__ */ new Set([
 	408125543,
 	524531317,
 	374648427,
@@ -4136,18 +4144,18 @@ var Sr = /* @__PURE__ */ new Set([
 	225,
 	160
 ]);
-function Cr(e) {
+function wr(e) {
 	let t = {
 		channels: 1,
 		packets: []
 	}, n = 0;
 	for (; n < e.length;) {
-		let r = xr(e, n, !0);
+		let r = Sr(e, n, !0);
 		if (!r) break;
-		let i = xr(e, n + r.len, !1);
+		let i = Sr(e, n + r.len, !1);
 		if (!i) break;
 		let a = n + r.len + i.len;
-		if (Sr.has(r.value)) {
+		if (Cr.has(r.value)) {
 			n = a;
 			continue;
 		}
@@ -4156,14 +4164,14 @@ function Cr(e) {
 		if (r.value === 25506) t.head = e.slice(a, o);
 		else if (r.value === 159) t.channels = e[a] || 1;
 		else if (r.value === 163 || r.value === 161) {
-			let n = xr(e, a, !1);
+			let n = Sr(e, a, !1);
 			n && (e[a + n.len + 2] >> 1 & 3 || t.packets.push(e.slice(a + n.len + 3, o)));
 		}
 		n = o;
 	}
 	return t;
 }
-function wr(e) {
+function Tr(e) {
 	if (!e.length) return 0;
 	let t = e[0], n = t >> 3, r;
 	r = n < 12 ? [
@@ -4180,7 +4188,7 @@ function wr(e) {
 	let i = t & 3, a = i === 0 ? 1 : i === 3 ? (e[1] ?? 0) & 63 : 2;
 	return Math.round(a * r * 48);
 }
-var Tr = (() => {
+var Er = (() => {
 	let e = /* @__PURE__ */ new Uint32Array(256);
 	for (let t = 0; t < 256; t++) {
 		let n = t << 24;
@@ -4189,12 +4197,12 @@ var Tr = (() => {
 	}
 	return e;
 })();
-function Er(e) {
+function Dr(e) {
 	let t = 0;
-	for (let n = 0; n < e.length; n++) t = (t << 8 ^ Tr[(t >>> 24 ^ e[n]) & 255]) >>> 0;
+	for (let n = 0; n < e.length; n++) t = (t << 8 ^ Er[(t >>> 24 ^ e[n]) & 255]) >>> 0;
 	return t;
 }
-function Dr(e, t, n, r, i) {
+function Or(e, t, n, r, i) {
 	let a = [];
 	for (let t of e) {
 		let e = t.length;
@@ -4210,29 +4218,29 @@ function Dr(e, t, n, r, i) {
 	], 0), s[5] = i, c.setUint32(6, t % 4294967296, !0), c.setUint32(10, Math.floor(t / 4294967296), !0), c.setUint32(14, n, !0), c.setUint32(18, r, !0), s[26] = a.length, s.set(a, 27);
 	let l = 27 + a.length;
 	for (let t of e) s.set(t, l), l += t.length;
-	return c.setUint32(22, Er(s), !0), s;
+	return c.setUint32(22, Dr(s), !0), s;
 }
-function Or(e) {
+function kr(e) {
 	let t = /* @__PURE__ */ new Uint8Array(19), n = new DataView(t.buffer);
 	return t.set(new TextEncoder().encode("OpusHead"), 0), t[8] = 1, t[9] = e, n.setUint16(10, 312, !0), n.setUint32(12, 48e3, !0), t;
 }
-function kr() {
+function Ar() {
 	let e = new TextEncoder().encode("chat-island"), t = new Uint8Array(12 + e.length + 4);
 	return t.set(new TextEncoder().encode("OpusTags"), 0), new DataView(t.buffer).setUint32(8, e.length, !0), t.set(e, 12), t;
 }
-function Ar(e) {
-	let { head: t, channels: n, packets: r } = Cr(e);
+function jr(e) {
+	let { head: t, channels: n, packets: r } = wr(e);
 	if (!r.length) return null;
-	let i = t && t.length >= 19 && new TextDecoder().decode(t.slice(0, 8)) === "OpusHead", a = Math.random() * 4294967295 >>> 0, o = [Dr([i ? t : Or(n)], 0, a, 0, 2), Dr([kr()], 0, a, 1, 0)], s = 0, c = 2;
+	let i = t && t.length >= 19 && new TextDecoder().decode(t.slice(0, 8)) === "OpusHead", a = Math.random() * 4294967295 >>> 0, o = [Or([i ? t : kr(n)], 0, a, 0, 2), Or([Ar()], 0, a, 1, 0)], s = 0, c = 2;
 	for (let e = 0; e < r.length;) {
 		let t = [], n = 0;
 		for (; e < r.length && t.length < 50;) {
 			let i = Math.floor(r[e].length / 255) + 1;
 			if (n + i > 255) break;
-			t.push(r[e]), n += i, s += wr(r[e]), e++;
+			t.push(r[e]), n += i, s += Tr(r[e]), e++;
 		}
 		if (!t.length) return null;
-		o.push(Dr(t, s, a, c++, e >= r.length ? 4 : 0));
+		o.push(Or(t, s, a, c++, e >= r.length ? 4 : 0));
 	}
 	let l = o.reduce((e, t) => e + t.length, 0), u = new Uint8Array(l), d = 0;
 	for (let e of o) u.set(e, d), d += e.length;
@@ -4240,22 +4248,22 @@ function Ar(e) {
 }
 //#endregion
 //#region src/components/Composer.tsx
-var jr = [
+var Mr = [
 	"audio/ogg;codecs=opus",
 	"audio/webm;codecs=opus",
 	"audio/mp4",
 	"audio/webm"
 ];
-async function Mr(e, t) {
+async function Nr(e, t) {
 	let n = Date.now();
 	if (/webm/.test(t) && /opus/.test(t)) try {
-		let t = Ar(new Uint8Array(await new Blob(e).arrayBuffer()));
+		let t = jr(new Uint8Array(await new Blob(e).arrayBuffer()));
 		if (t) return new File([t], `voice-${n}.ogg`, { type: "audio/ogg" });
 	} catch {}
-	return new File(e, `voice-${n}.${Nr(t)}`, { type: t.split(";")[0] });
+	return new File(e, `voice-${n}.${Pr(t)}`, { type: t.split(";")[0] });
 }
-var Nr = (e) => /mp4/.test(e) ? "m4a" : /ogg/.test(e) ? "ogg" : "webm", Pr = (e) => `${Math.floor(e / 6e4)}:${String(Math.floor(e % 6e4 / 1e3)).padStart(2, "0")}`;
-function Fr({ onSend: e, onTyping: t, onFile: n, disabled: r, disabledText: o, focusKey: l }) {
+var Pr = (e) => /mp4/.test(e) ? "m4a" : /ogg/.test(e) ? "ogg" : "webm", Fr = (e) => `${Math.floor(e / 6e4)}:${String(Math.floor(e % 6e4 / 1e3)).padStart(2, "0")}`;
+function Ir({ onSend: e, onTyping: t, onFile: n, disabled: r, disabledText: o, focusKey: l }) {
 	let [u, p] = c(""), [m, h] = c(!1), g = s(null), _ = s(null), v = s(null), y = s(), b = s(!1), [x, S] = c(null), [C, w] = c(0), T = s(!1), E = s(!1), D = s(!1), O = s({});
 	i(() => v.current?.focus(), []), i(() => () => {
 		D.current = !0, T.current = !0, window.clearTimeout(y.current);
@@ -4296,9 +4304,9 @@ function Fr({ onSend: e, onTyping: t, onFile: n, disabled: r, disabledText: o, f
 				t.getTracks().forEach((e) => e.stop());
 				return;
 			}
-			let r = jr.find((e) => MediaRecorder.isTypeSupported(e)), i = new MediaRecorder(e, r ? { mimeType: r } : void 0), a = [];
+			let r = Mr.find((e) => MediaRecorder.isTypeSupported(e)), i = new MediaRecorder(e, r ? { mimeType: r } : void 0), a = [];
 			i.ondataavailable = (e) => e.data.size && a.push(e.data), i.onstop = () => {
-				t.getTracks().forEach((e) => e.stop()), O.current = {}, S(null), !T.current && a.length && Mr(a, i.mimeType || r || "").then(n);
+				t.getTracks().forEach((e) => e.stop()), O.current = {}, S(null), !T.current && a.length && Nr(a, i.mimeType || r || "").then(n);
 			}, T.current = !1, i.start(), O.current = {
 				r: i,
 				stream: t
@@ -4327,7 +4335,7 @@ function Fr({ onSend: e, onTyping: t, onFile: n, disabled: r, disabledText: o, f
 			}),
 			/* @__PURE__ */ f("div", {
 				className: "ci-flex-1 ci-flex ci-items-center ci-gap-2 ci-px-4 ci-py-2.5 ci-rounded-3xl ci-bg-elevationL2 dark:ci-bg-elevationL2Dark ci-text-sm",
-				children: [/* @__PURE__ */ d("span", { className: "ci-w-2.5 ci-h-2.5 ci-rounded-full ci-bg-phoneIslandClose dark:ci-bg-phoneIslandCloseDark ci-animate-pulse" }), /* @__PURE__ */ f("span", { children: ["Recording ", Pr(C)] })]
+				children: [/* @__PURE__ */ d("span", { className: "ci-w-2.5 ci-h-2.5 ci-rounded-full ci-bg-phoneIslandClose dark:ci-bg-phoneIslandCloseDark ci-animate-pulse" }), /* @__PURE__ */ f("span", { children: ["Recording ", Fr(C)] })]
 			}),
 			/* @__PURE__ */ d(Z, {
 				variant: "green",
@@ -4341,7 +4349,7 @@ function Fr({ onSend: e, onTyping: t, onFile: n, disabled: r, disabledText: o, f
 	}) : /* @__PURE__ */ f("div", {
 		className: "ci-relative ci-flex ci-items-center ci-gap-2 ci-px-3 ci-py-3",
 		children: [
-			m && /* @__PURE__ */ d(ir, {
+			m && /* @__PURE__ */ d(ar, {
 				className: "ci-absolute ci-bottom-full ci-left-3 ci-mb-1",
 				onPick: ee,
 				onClose: () => h(!1)
@@ -4407,14 +4415,14 @@ function Fr({ onSend: e, onTyping: t, onFile: n, disabled: r, disabledText: o, f
 }
 //#endregion
 //#region src/components/ChatWindow.tsx
-var Ir = (e) => !!e && ![
+var Lr = (e) => !!e && ![
 	"offline",
 	"dnd",
 	"busy",
 	"ringing",
 	"onhold"
 ].includes(e);
-function Lr({ peer: e, actions: t, onDragStart: n }) {
+function Rr({ peer: e, actions: t, onDragStart: n }) {
 	let { c: r, contacts: a, online: o, mobile: s, inactive: l, status: p, closeChat: m, openChat: h, markRead: g, order: _, me: v } = J(w((t) => ({
 		c: t.conversations[e],
 		contacts: t.contacts,
@@ -4463,17 +4471,17 @@ function Lr({ peer: e, actions: t, onDragStart: n }) {
 				className: `ci-flex ci-items-center ci-gap-3 ci-px-4 ci-py-3 ci-rounded-t-3xl ${n ? "ci-cursor-grab active:ci-cursor-grabbing ci-touch-none" : ""}`,
 				onPointerDown: n,
 				children: [
-					r.kind === "group" ? /* @__PURE__ */ d(Jn, {
+					r.kind === "group" ? /* @__PURE__ */ d(Yn, {
 						name: r.name ?? e,
 						size: 36,
 						avatar: r.avatar
 					}) : /* @__PURE__ */ f("span", {
 						className: "ci-relative",
-						children: [/* @__PURE__ */ d(Kn, {
+						children: [/* @__PURE__ */ d(qn, {
 							contact: b,
 							username: e,
 							size: 36
-						}), /* @__PURE__ */ d(qn, {
+						}), /* @__PURE__ */ d(Jn, {
 							online: o[e],
 							presence: b?.presence,
 							mobile: s[e]
@@ -4496,7 +4504,7 @@ function Lr({ peer: e, actions: t, onDragStart: n }) {
 							children: j ? "No longer active" : p === "online" ? r.kind === "group" ? k.map(O).join(", ") : r.typing ? "typing…" : o[e] ? "online" : s[e] ? "Mobile" : "offline" : p
 						})]
 					}),
-					!j && r.kind !== "group" && b?.number && Ir(b.presence) && /* @__PURE__ */ d(Z, {
+					!j && r.kind !== "group" && b?.number && Lr(b.presence) && /* @__PURE__ */ d(Z, {
 						variant: "call",
 						title: `Call ${b.number}`,
 						"aria-label": "Call",
@@ -4523,11 +4531,11 @@ function Lr({ peer: e, actions: t, onDragStart: n }) {
 					children: [
 						/* @__PURE__ */ f("span", {
 							className: "ci-relative",
-							children: [/* @__PURE__ */ d(Kn, {
+							children: [/* @__PURE__ */ d(qn, {
 								contact: a[e],
 								username: e,
 								size: 28
-							}), e !== v && /* @__PURE__ */ d(qn, {
+							}), e !== v && /* @__PURE__ */ d(Jn, {
 								online: o[e],
 								presence: a[e]?.presence,
 								mobile: s[e]
@@ -4543,7 +4551,7 @@ function Lr({ peer: e, actions: t, onDragStart: n }) {
 							"aria-label": "Chat",
 							onClick: () => h(e),
 							children: Q.chat
-						}), a[e]?.number && Ir(a[e]?.presence) && /* @__PURE__ */ d(Z, {
+						}), a[e]?.number && Lr(a[e]?.presence) && /* @__PURE__ */ d(Z, {
 							variant: "call",
 							title: `Call ${a[e]?.number}`,
 							"aria-label": "Call",
@@ -4559,7 +4567,7 @@ function Lr({ peer: e, actions: t, onDragStart: n }) {
 			/* @__PURE__ */ f("div", {
 				className: "ci-flex-1 ci-min-h-0 ci-flex ci-flex-col ci-overflow-hidden ci-rounded-b-3xl",
 				children: [
-					/* @__PURE__ */ d(br, {
+					/* @__PURE__ */ d(xr, {
 						messages: r.messages,
 						typing: r.typing,
 						group: r.kind === "group",
@@ -4589,7 +4597,7 @@ function Lr({ peer: e, actions: t, onDragStart: n }) {
 							children: Q.close
 						})]
 					}),
-					/* @__PURE__ */ d(Fr, {
+					/* @__PURE__ */ d(Ir, {
 						focusKey: E,
 						disabled: p !== "online" || j,
 						disabledText: j ? "No longer active" : void 0,
@@ -4604,75 +4612,76 @@ function Lr({ peer: e, actions: t, onDragStart: n }) {
 }
 //#endregion
 //#region src/components/NewChat.tsx
-async function Rr(e) {
+async function zr(e) {
 	let t = await createImageBitmap(e), n = Math.min(t.width, t.height), r = document.createElement("canvas");
 	return r.width = r.height = 128, r.getContext("2d")?.drawImage(t, (t.width - n) / 2, (t.height - n) / 2, n, n, 0, 0, 128, 128), r.toDataURL("image/jpeg", .8);
 }
-function zr({ onOpen: e, onCreateGroup: t }) {
-	let { contacts: n, online: r, mobile: i, setPicker: a } = J(), [l, p] = c(""), [m, h] = c([]), [g, _] = c(""), [v, y] = c(!1), [b, x] = c(), S = s(null), C = o(() => {
-		let e = Object.values(n), t = l.trim().toLowerCase();
+function Br({ onOpen: e, onCreateGroup: t, onDragStart: n }) {
+	let { contacts: r, online: i, mobile: a, setPicker: l } = J(), [p, m] = c(""), [h, g] = c([]), [_, v] = c(""), [y, b] = c(!1), [x, S] = c(), C = s(null), w = o(() => {
+		let e = Object.values(r), t = p.trim().toLowerCase();
 		return t ? e.filter((e) => (e.name ?? "").toLowerCase().includes(t) || e.username.includes(t)) : e;
-	}, [n, l]), w = (e) => h((t) => t.includes(e) ? t.filter((t) => t !== e) : [...t, e]), T = async () => {
-		y(!0);
+	}, [r, p]), T = (e) => g((t) => t.includes(e) ? t.filter((t) => t !== e) : [...t, e]), E = async () => {
+		b(!0);
 		try {
-			await t(g.trim(), m, b);
+			await t(_.trim(), h, x);
 		} finally {
-			y(!1);
+			b(!1);
 		}
 	};
 	return /* @__PURE__ */ f("div", {
 		className: "ci-w-[22rem] ci-max-h-[30rem] ci-flex ci-flex-col ci-rounded-3xl ci-shadow-2xl ci-overflow-hidden ci-bg-gray-50 dark:ci-bg-gray-950 ci-text-gray-900 dark:ci-text-white",
 		children: [
 			/* @__PURE__ */ f("div", {
-				className: "ci-px-4 ci-py-3 ci-flex ci-items-center ci-gap-2",
+				className: `ci-px-4 ci-py-3 ci-flex ci-items-center ci-gap-2 ${n ? "ci-cursor-grab active:ci-cursor-grabbing ci-touch-none" : ""}`,
+				onPointerDown: (e) => !e.target.closest("input, button") && n?.(e),
 				children: [/* @__PURE__ */ f("div", {
 					className: "ci-flex-1 ci-flex ci-items-center ci-gap-2 ci-px-4 ci-py-2 ci-rounded-3xl ci-bg-elevationL2 dark:ci-bg-elevationL2Dark ci-text-gray-500 dark:ci-text-gray-400",
 					children: [Q.search, /* @__PURE__ */ d("input", {
 						autoFocus: !0,
-						value: l,
-						onChange: (e) => p(e.target.value),
+						value: p,
+						onChange: (e) => m(e.target.value),
 						placeholder: "Search operators",
 						className: "ci-flex-1 ci-bg-transparent ci-border-0 ci-outline-none ci-text-sm ci-text-gray-900 dark:ci-text-white placeholder:ci-text-gray-500 dark:placeholder:ci-text-gray-400"
 					})]
 				}), /* @__PURE__ */ d(Z, {
 					variant: "small",
-					onClick: () => a(!1),
+					onClick: () => l(!1),
 					"aria-label": "Close",
 					children: Q.close
 				})]
 			}),
-			m.length > 0 && /* @__PURE__ */ d("div", {
+			h.length > 0 && /* @__PURE__ */ d("div", {
 				className: "ci-px-4 ci-pb-2 ci-flex ci-flex-wrap ci-gap-1.5",
-				children: m.map((e) => /* @__PURE__ */ f("button", {
+				children: h.map((e) => /* @__PURE__ */ f("button", {
 					type: "button",
-					onClick: () => w(e),
+					onClick: () => T(e),
 					className: "ci-flex ci-items-center ci-gap-1 ci-pl-2.5 ci-pr-1.5 ci-py-1 ci-rounded-full ci-text-xs ci-bg-gray-700 ci-text-gray-50 dark:ci-bg-gray-300 dark:ci-text-gray-900 ci-border-0",
-					children: [n[e]?.name ?? e, Q.close]
+					children: [r[e]?.name ?? e, Q.close]
 				}, e))
 			}),
 			/* @__PURE__ */ d("div", { className: "ci-border-t ci-border-gray-300 dark:ci-border-gray-700" }),
 			/* @__PURE__ */ f("ul", {
 				className: "ci-overflow-y-auto ci-py-1 ci-m-0 ci-p-0 ci-list-none ci-flex-1",
-				children: [C.length === 0 && /* @__PURE__ */ d("li", {
+				children: [w.length === 0 && /* @__PURE__ */ d("li", {
 					className: "ci-px-4 ci-py-6 ci-text-center ci-text-sm ci-text-gray-500 dark:ci-text-gray-400",
 					children: "No operators found"
-				}), C.map((e) => {
-					let t = m.includes(e.username);
+				}), w.map((e) => {
+					let t = h.includes(e.username);
 					return /* @__PURE__ */ d("li", { children: /* @__PURE__ */ f("button", {
 						type: "button",
-						onClick: () => w(e.username),
+						onClick: () => T(e.username),
 						className: "ci-w-full ci-flex ci-items-center ci-gap-3 ci-px-4 ci-py-2 ci-bg-transparent ci-border-0 ci-text-left hover:ci-bg-gray-300/70 dark:hover:ci-bg-gray-700/30 ci-text-inherit",
 						children: [
 							/* @__PURE__ */ f("span", {
 								className: "ci-relative",
-								children: [/* @__PURE__ */ d(Kn, {
+								children: [/* @__PURE__ */ d(qn, {
 									contact: e,
 									username: e.username,
 									size: 36
-								}), /* @__PURE__ */ d(qn, {
-									online: r[e.username],
+								}), /* @__PURE__ */ d(Jn, {
+									online: i[e.username],
 									presence: e.presence,
-									mobile: i[e.username]
+									mobile: a[e.username]
 								})]
 							}),
 							/* @__PURE__ */ f("span", {
@@ -4703,46 +4712,46 @@ function zr({ onOpen: e, onCreateGroup: t }) {
 					}) }, e.username);
 				})]
 			}),
-			m.length > 0 && /* @__PURE__ */ d("div", {
+			h.length > 0 && /* @__PURE__ */ d("div", {
 				className: "ci-border-t ci-border-gray-300 dark:ci-border-gray-700 ci-px-4 ci-py-3 ci-flex ci-items-center ci-gap-2",
-				children: m.length === 1 ? /* @__PURE__ */ d(Z, {
+				children: h.length === 1 ? /* @__PURE__ */ d(Z, {
 					variant: "default",
 					className: "ci-w-auto ci-h-10 ci-px-5",
-					onClick: () => e(m[0]),
+					onClick: () => e(h[0]),
 					children: "Open chat"
 				}) : /* @__PURE__ */ f(u, { children: [
 					/* @__PURE__ */ d("input", {
-						ref: S,
+						ref: C,
 						type: "file",
 						accept: "image/*",
 						hidden: !0,
-						onChange: (e) => e.target.files?.[0] && Rr(e.target.files[0]).then(x).catch(() => {})
+						onChange: (e) => e.target.files?.[0] && zr(e.target.files[0]).then(S).catch(() => {})
 					}),
 					/* @__PURE__ */ d("button", {
 						type: "button",
 						title: "Group picture",
-						onClick: () => S.current?.click(),
+						onClick: () => C.current?.click(),
 						className: "ci-w-10 ci-h-10 ci-shrink-0 ci-rounded-full ci-border-0 ci-p-0 ci-overflow-hidden ci-bg-elevationL2 dark:ci-bg-elevationL2Dark ci-text-gray-500 dark:ci-text-gray-400 ci-flex ci-items-center ci-justify-center",
-						children: b ? /* @__PURE__ */ d("img", {
-							src: b,
+						children: x ? /* @__PURE__ */ d("img", {
+							src: x,
 							alt: "",
 							draggable: !1,
 							className: "ci-w-full ci-h-full ci-object-cover"
 						}) : Q.camera
 					}),
 					/* @__PURE__ */ d("input", {
-						value: g,
-						onChange: (e) => _(e.target.value),
+						value: _,
+						onChange: (e) => v(e.target.value),
 						placeholder: "Group name",
-						onKeyDown: (e) => e.key === "Enter" && g.trim() && !v && T(),
+						onKeyDown: (e) => e.key === "Enter" && _.trim() && !y && E(),
 						className: "ci-flex-1 ci-min-w-0 ci-w-0 ci-px-4 ci-py-2 ci-rounded-3xl ci-border-0 ci-bg-elevationL2 dark:ci-bg-elevationL2Dark ci-text-sm ci-text-gray-900 dark:ci-text-white placeholder:ci-text-gray-500 dark:placeholder:ci-text-gray-400 ci-outline-none focus:ci-ring-2 focus:ci-ring-gray-400 dark:focus:ci-ring-gray-500"
 					}),
 					/* @__PURE__ */ d(Z, {
 						variant: "green",
 						className: "ci-w-auto ci-h-10 ci-px-4 ci-shrink-0 ci-whitespace-nowrap",
-						disabled: !g.trim() || v,
-						onClick: T,
-						children: v ? "…" : "Create group"
+						disabled: !_.trim() || y,
+						onClick: E,
+						children: y ? "…" : "Create group"
 					})
 				] })
 			})
@@ -4751,22 +4760,22 @@ function zr({ onOpen: e, onCreateGroup: t }) {
 }
 //#endregion
 //#region src/theme.ts
-var Br = "chat-island-theme", Vr = () => {
+var Vr = "chat-island-theme", Hr = () => {
 	try {
-		let e = localStorage.getItem(Br);
+		let e = localStorage.getItem(Vr);
 		return e === "light" || e === "dark" || e === "system" ? e : void 0;
 	} catch {
 		return;
 	}
 };
-function Hr(e) {
-	let [t, n] = c(() => e ?? Vr()), [r, a] = c(!1);
-	return i(() => n(e ?? Vr()), [e]), i(() => {
+function Ur(e) {
+	let [t, n] = c(() => e ?? Hr()), [r, a] = c(!1);
+	return i(() => n(e ?? Hr()), [e]), i(() => {
 		let e = (e) => {
 			let t = e.detail?.theme;
 			if (t === "light" || t === "dark" || t === "system") {
 				try {
-					localStorage.setItem(Br, t);
+					localStorage.setItem(Vr, t);
 				} catch {}
 				n(t);
 			}
@@ -4792,7 +4801,7 @@ function Hr(e) {
 }
 //#endregion
 //#region src/ChatIsland.tsx
-function Ur() {
+function Wr() {
 	let e = J.getState();
 	return Object.values(e.conversations).map((t) => {
 		let n = t.messages[t.messages.length - 1], r = e.contacts[t.peer];
@@ -4808,7 +4817,7 @@ function Ur() {
 			unread: t.unread,
 			members: t.members,
 			last: n ? {
-				body: Kr(n.body),
+				body: qr(n.body),
 				ts: n.ts,
 				mine: n.mine,
 				oob: n.oob,
@@ -4817,7 +4826,7 @@ function Ur() {
 		};
 	}).filter((e) => e.last || e.kind === "group").sort((e, t) => (t.last?.ts ?? 0) - (e.last?.ts ?? 0));
 }
-var Wr = class extends t {
+var Gr = class extends t {
 	state = { failed: !1 };
 	failures = [];
 	static getDerivedStateFromError() {
@@ -4835,7 +4844,7 @@ var Wr = class extends t {
 		return this.state.failed ? null : this.props.children;
 	}
 };
-function Gr(e) {
+function Kr(e) {
 	try {
 		let [t, n, r] = atob(e).split(":");
 		return t && n && r ? {
@@ -4847,9 +4856,9 @@ function Gr(e) {
 		return null;
 	}
 }
-var Kr = (e) => (fr(e) ? "Attachment" : $(e)).replace(/```[^\n]*\n?/g, "").replace(/(\*\*|__|~~|`)/g, "").replace(/(^|\s)[*_](\S[^*_]*)[*_]/g, "$1$2").replace(/\s+/g, " ").trim();
-function qr({ dataConfig: e, position: t = "bottom-right", theme: n, serviceWorker: r, maxHeads: a = 5, newChatButton: l = !0, notifications: u = "click", sound: p = !0, drag: m = !0, onDragStart: h }) {
-	let g = o(() => Gr(e), [e]), _ = Hr(n), v = s(g), y = s(p), b = s(u);
+var qr = (e) => (pr(e) ? "Attachment" : $(e)).replace(/```[^\n]*\n?/g, "").replace(/(\*\*|__|~~|`)/g, "").replace(/(^|\s)[*_](\S[^*_]*)[*_]/g, "$1$2").replace(/\s+/g, " ").trim();
+function Jr({ dataConfig: e, position: t = "bottom-right", theme: n, serviceWorker: r, maxHeads: a = 5, newChatButton: l = !0, notifications: u = "click", sound: p = !0, drag: m = !0, onDragStart: h }) {
+	let g = o(() => Kr(e), [e]), _ = Ur(n), v = s(g), y = s(p), b = s(u);
 	i(() => {
 		v.current = g, y.current = p, b.current = u;
 	}, [
@@ -4912,7 +4921,7 @@ function qr({ dataConfig: e, position: t = "bottom-right", theme: n, serviceWork
 			if (!t || !n) return;
 			let r = J.getState().conversations[e];
 			try {
-				r?.kind === "group" && await t.leaveGroup(e, !!r.owner).catch(() => {}), await Bn(n.host, n.token, e), J.getState().removeConversation(e);
+				r?.kind === "group" && await t.leaveGroup(e, !!r.owner).catch(() => {}), await Vn(n.host, n.token, e), J.getState().removeConversation(e);
 			} catch (e) {
 				Y("chat-island-error", {
 					scope: "delete",
@@ -4961,11 +4970,11 @@ function qr({ dataConfig: e, position: t = "bottom-right", theme: n, serviceWork
 		let e = J.getState();
 		e.reset(), J.setState({
 			me: g.username,
-			mucHost: `conference.${g.host}`,
+			mucHost: `conference.${gn}`,
 			maxHeads: a,
 			newChatButton: l
 		});
-		let t = new _n(g, {
+		let t = new vn(g, {
 			status: (n, a) => {
 				if (e.setStatus(n, a), Y("chat-island-status", {
 					status: n,
@@ -4990,7 +4999,7 @@ function qr({ dataConfig: e, position: t = "bottom-right", theme: n, serviceWork
 				}).catch(() => {});
 			},
 			message: (r) => {
-				let i = Mn(r);
+				let i = Nn(r);
 				r.room && !J.getState().conversations[r.room]?.name && t.groupInfo(r.room).then((t) => e.setGroup(t.peer, t.name, t.members, t.avatar, t.owner)).catch(() => {}), e.addMessage(i, r, { live: !0 }), Y("chat-island-message", {
 					...r,
 					peer: i
@@ -5000,7 +5009,7 @@ function qr({ dataConfig: e, position: t = "bottom-right", theme: n, serviceWork
 			let n = J.getState(), r = document.visibilityState === "visible";
 			if (r && n.open === e) return;
 			let i = n.conversations[e], a = i?.kind === "group" ? i.name ?? e : n.contacts[e]?.name ?? n.inactive[e] ?? e, o = t.oob ? "Attachment" : $(t.body), s = i?.kind === "group", c = s && t.nick ? n.contacts[t.nick]?.name ?? t.nick : a, l = s && t.nick ? `${c}: ${o}` : o;
-			y.current && Cn();
+			y.current && wn();
 			let u = s ? i?.avatar : n.contacts[e]?.avatar;
 			if (Y("chat-island-notify", {
 				peer: e,
@@ -5024,7 +5033,7 @@ function qr({ dataConfig: e, position: t = "bottom-right", theme: n, serviceWork
 		};
 		C.current = t;
 		let i = () => {
-			r && !D.current && (D.current = !0, Wn(g, r).then((e) => {
+			r && !D.current && (D.current = !0, Gn(g, r).then((e) => {
 				if (!e) {
 					D.current = !1, J.setState({ push: Notification.permission === "denied" ? "denied" : "ask" });
 					return;
@@ -5046,15 +5055,15 @@ function qr({ dataConfig: e, position: t = "bottom-right", theme: n, serviceWork
 		let s = () => t.stop();
 		window.addEventListener("pagehide", s), t.start();
 		let c = () => {
-			Rn(g.host, g.token).then(e.setMobile).catch(() => {}), zn(g.host, g.token).then(e.setInactive).catch(() => {});
+			zn(g.host, g.token).then(e.setMobile).catch(() => {}), Bn(g.host, g.token).then(e.setInactive).catch(() => {});
 		};
 		c();
 		let u = window.setInterval(c, 12e4);
-		Ln(g.host, g.token, g.username, (e) => J.setState({ myName: e })).then(e.setContacts).catch((e) => Y("chat-island-error", {
+		Rn(g.host, g.token, g.username, (e) => J.setState({ myName: e })).then(e.setContacts).catch((e) => Y("chat-island-error", {
 			scope: "contacts",
 			message: e.message
 		}));
-		let d = X("chat-island-open", ({ username: t }) => t && e.openChat(t)), f = X("chat-island-close", () => e.closeChat()), p = X("chat-island-new", () => e.setPicker(!0)), m = X("chat-island-delete", ({ username: e }) => e && N.remove(e)), h = X("chat-island-contacts", ({ contacts: t }) => t && e.setContacts(t)), _ = X("chat-island-conversations-request", () => Y("chat-island-conversations", { conversations: Ur() }));
+		let d = X("chat-island-open", ({ username: t }) => t && e.openChat(t)), f = X("chat-island-close", () => e.closeChat()), p = X("chat-island-new", () => e.setPicker(!0)), m = X("chat-island-delete", ({ username: e }) => e && N.remove(e)), h = X("chat-island-contacts", ({ contacts: t }) => t && e.setContacts(t)), _ = X("chat-island-conversations-request", () => Y("chat-island-conversations", { conversations: Wr() }));
 		return () => {
 			window.removeEventListener("pagehide", s), window.clearInterval(u), _(), p(), m(), d(), f(), h(), O.current && t.disablePush(O.current.service, O.current.node).catch(() => {}), O.current = null, t.stop(), C.current = null, D.current = !1;
 		};
@@ -5068,7 +5077,7 @@ function qr({ dataConfig: e, position: t = "bottom-right", theme: n, serviceWork
 		M === "online" && P && C.current?.announce(P.split(","));
 	}, [M, P]);
 	let te = J((e) => Object.values(e.conversations).map((e) => `${e.peer}:${e.kind}:${e.name ?? ""}:${(e.members ?? []).length}:${e.unread}:${e.messages[e.messages.length - 1]?.id ?? ""}`).join("|") + "#" + Object.keys(e.contacts).length + "#" + Object.values(e.online).filter(Boolean).length + "#" + Object.keys(e.inactive).length);
-	i(() => Y("chat-island-conversations", { conversations: Ur() }), [te]);
+	i(() => Y("chat-island-conversations", { conversations: Wr() }), [te]);
 	let ne = J((e) => Object.values(e.conversations).reduce((e, t) => e + t.unread, 0));
 	if (i(() => Y("chat-island-unread", { total: ne }), [ne]), !g) return null;
 	let re = m && !h && A.anchor ? {
@@ -5081,17 +5090,18 @@ function qr({ dataConfig: e, position: t = "bottom-right", theme: n, serviceWork
 		onClickCapture: A.onClickCapture,
 		className: `chat-island-root ${_ ? "ci-dark" : ""} ci-fixed ${ie} ci-z-[9999] ci-flex ci-items-end ci-gap-3 ci-font-sans ci-select-none`,
 		"data-status": M,
-		children: /* @__PURE__ */ f(Wr, { children: [
-			ee && /* @__PURE__ */ d(Lr, {
+		children: /* @__PURE__ */ f(Gr, { children: [
+			ee && /* @__PURE__ */ d(Rr, {
 				peer: ee,
 				actions: N,
 				onDragStart: h ?? (m ? A.start : void 0)
 			}),
-			j && /* @__PURE__ */ d(zr, {
+			j && /* @__PURE__ */ d(Br, {
 				onOpen: (e) => J.getState().openChat(e),
-				onCreateGroup: N.createGroup
+				onCreateGroup: N.createGroup,
+				onDragStart: h ?? (m ? A.start : void 0)
 			}),
-			/* @__PURE__ */ d(Zn, {
+			/* @__PURE__ */ d(Qn, {
 				onDragStart: h ?? (m ? A.start : void 0),
 				pushButton: u !== "auto"
 			})
@@ -5099,4 +5109,4 @@ function qr({ dataConfig: e, position: t = "bottom-right", theme: n, serviceWork
 	});
 }
 //#endregion
-export { qr as ChatIsland, Fn as contactsFromOperators };
+export { Jr as ChatIsland, In as contactsFromOperators };