@nethesis/chat-island 0.1.9 → 0.1.11

package/dist/index.js

@@ -43,7 +43,7 @@ function w(e) {
 //#endregion
 //#region src/drag.ts
 var T = 8;
-function ee(e, t) {
+function E(e, t) {
 	let [n, a] = c(() => {
 		try {
 			let e = localStorage.getItem(t);
@@ -103,7 +103,7 @@ function ee(e, t) {
 }
 //#endregion
 //#region node_modules/ltx/lib/escape.js
-var E = /* @__PURE__ */ y(((e) => {
+var D = /* @__PURE__ */ y(((e) => {
 	var t = {
 		"&": "&",
 		"<": "&lt;",
@@ -145,8 +145,8 @@ var E = /* @__PURE__ */ y(((e) => {
 		return e.replace(/&(amp|#38|lt|#60|gt|#62);/g, i);
 	}
 	e.escapeXML = a, e.escapeXMLText = s, e.unescapeXML = o, e.unescapeXMLText = c;
-})), D = /* @__PURE__ */ y(((e, t) => {
-	var n = E(), r = class e {
+})), O = /* @__PURE__ */ y(((e, t) => {
+	var n = D(), r = class e {
 		constructor(e, t) {
 			this.name = e, this.parent = null, this.children = [], this.attrs = {}, this.setAttrs(t);
 		}
@@ -277,8 +277,8 @@ var E = /* @__PURE__ */ y(((e) => {
 		}
 	};
 	r.prototype.tree = r.prototype.root, t.exports = r;
-})), O = /* @__PURE__ */ y(((e, t) => {
-	var n = D();
+})), k = /* @__PURE__ */ y(((e, t) => {
+	var n = O();
 	function r(e, t) {
 		if (Array.isArray(t)) {
 			for (let n of t) r(e, n);
@@ -296,7 +296,7 @@ var E = /* @__PURE__ */ y(((e) => {
 		return a;
 	}
 	t.exports = i;
-})), k = /* @__PURE__ */ y(((e, t) => {
+})), A = /* @__PURE__ */ y(((e, t) => {
 	var n = typeof Reflect == "object" ? Reflect : null, r = n && typeof n.apply == "function" ? n.apply : function(e, t, n) {
 		return Function.prototype.apply.call(e, t, n);
 	}, i = n && typeof n.ownKeys == "function" ? n.ownKeys : Object.getOwnPropertySymbols ? function(e) {
@@ -471,8 +471,8 @@ var E = /* @__PURE__ */ y(((e) => {
 		});
 		else throw TypeError("The \"emitter\" argument must be of type EventEmitter. Received type " + typeof e);
 	}
-})), te = /* @__PURE__ */ y(((e, t) => {
-	var n = k(), r = E(), i = 0, a = 1, o = 2, s = 3, c = 4, l = 5, u = 6, d = 7, f = 8, p = 9, m = 10;
+})), ee = /* @__PURE__ */ y(((e, t) => {
+	var n = A(), r = D(), i = 0, a = 1, o = 2, s = 3, c = 4, l = 5, u = 6, d = 7, f = 8, p = 9, m = 10;
 	t.exports = class extends n.EventEmitter {
 		constructor() {
 			super();
@@ -565,14 +565,14 @@ var E = /* @__PURE__ */ y(((e) => {
 			e && this.write(e), this.write = function() {};
 		}
 	};
-})), A = E(), j = /* @__PURE__ */ x(D(), 1), M = /* @__PURE__ */ x(O(), 1), N = k(), ne = /* @__PURE__ */ x(te(), 1), re = class extends Error {
+})), j = D(), M = /* @__PURE__ */ x(O(), 1), N = /* @__PURE__ */ x(k(), 1), P = A(), te = /* @__PURE__ */ x(ee(), 1), ne = class extends Error {
 	constructor(e) {
 		super(e), this.name = "TimeoutError";
 	}
 };
 //#endregion
 //#region node_modules/@xmpp/events/lib/delay.js
-function ie(e) {
+function re(e) {
 	let t, n = new Promise((n) => {
 		t = setTimeout(n, e);
 	});
@@ -580,32 +580,32 @@ function ie(e) {
 }
 //#endregion
 //#region node_modules/@xmpp/events/lib/timeout.js
-function ae(e, t) {
-	let n = ie(t);
+function ie(e, t) {
+	let n = re(t);
 	function r() {
 		clearTimeout(n.timeout);
 	}
-	let i = new re();
+	let i = new ne();
 	return Promise.race([e.finally(r), n.then(() => {
 		throw i;
 	})]);
 }
 //#endregion
 //#region node_modules/@xmpp/events/lib/onoff.js
-var oe = /* @__PURE__ */ new WeakMap();
-function se(e) {
-	let t = oe.get(e);
+var ae = /* @__PURE__ */ new WeakMap();
+function oe(e) {
+	let t = ae.get(e);
 	return t || (t = {
 		on: (e.addEventListener ?? e.addListener).bind(e),
 		off: (e.removeEventListener ?? e.removeListener).bind(e),
 		once: (e.once ?? ((t, n) => e.addEventListener(t, n, { once: !0 }))).bind(e)
-	}, oe.set(e, t)), t;
+	}, ae.set(e, t)), t;
 }
 //#endregion
 //#region node_modules/@xmpp/events/lib/promise.js
-function P(e, t, n = "error", r) {
+function F(e, t, n = "error", r) {
 	return new Promise((i, a) => {
-		let o, { off: s, once: c } = se(e), l = () => {
+		let o, { off: s, once: c } = oe(e), l = () => {
 			clearTimeout(o), s(t, d), s(n, u);
 		};
 		function u(e) {
@@ -615,7 +615,7 @@ function P(e, t, n = "error", r) {
 			i(e), l();
 		}
 		if (c(t, d), n && c(n, u), r) {
-			let e = new re();
+			let e = new ne();
 			o = setTimeout(() => {
 				l(), a(e);
 			}, r);
@@ -624,14 +624,14 @@ function P(e, t, n = "error", r) {
 }
 //#endregion
 //#region node_modules/@xmpp/events/lib/Deferred.js
-function ce() {
+function se() {
 	this.promise = new Promise((e, t) => {
 		this.resolve = e, this.reject = t;
 	});
 }
 //#endregion
 //#region node_modules/@xmpp/events/lib/procedure.js
-function le(e, t = null, n) {
+function ce(e, t = null, n) {
 	return new Promise((r, i) => {
 		function a(t) {
 			e.removeListener("nonza", s), i(t);
@@ -651,38 +651,38 @@ function le(e, t = null, n) {
 }
 //#endregion
 //#region node_modules/@xmpp/events/lib/listeners.js
-function ue(e) {
+function le(e) {
 	return {
 		subscribe(t) {
-			let { on: n } = se(t);
+			let { on: n } = oe(t);
 			for (let [t, r] of Object.entries(e)) n(t, r);
 		},
 		unsubscribe(t) {
-			let { off: n } = se(t);
+			let { off: n } = oe(t);
 			for (let [t, r] of Object.entries(e)) n(t, r);
 		}
 	};
 }
 //#endregion
 //#region node_modules/@xmpp/xml/lib/XMLError.js
-var F = class extends Error {
+var ue = class extends Error {
 	constructor(...e) {
 		super(...e), this.name = "XMLError";
 	}
-}, de = class extends N.EventEmitter {
+}, de = class extends P.EventEmitter {
 	constructor() {
 		super();
-		let e = new ne.default();
+		let e = new te.default();
 		this.root = null, this.cursor = null, e.on("startElement", this.onStartElement.bind(this)), e.on("endElement", this.onEndElement.bind(this)), e.on("text", this.onText.bind(this)), this.parser = e;
 	}
 	onStartElement(e, t) {
-		let n = new j.default(e, t), { root: r, cursor: i } = this;
+		let n = new M.default(e, t), { root: r, cursor: i } = this;
 		r ? i !== r && i.append(n) : (this.root = n, this.emit("start", n)), this.cursor = n;
 	}
 	onEndElement(e) {
 		let { root: t, cursor: n } = this;
 		if (e !== n.name) {
-			this.emit("error", new F(`${n.name} must be closed.`));
+			this.emit("error", new ue(`${n.name} must be closed.`));
 			return;
 		}
 		if (n === t) {
@@ -698,7 +698,7 @@ var F = class extends Error {
 	onText(e) {
 		let { cursor: t } = this;
 		if (!t) {
-			this.emit("error", new F(`${e} must be a child.`));
+			this.emit("error", new ue(`${e} must be a child.`));
 			return;
 		}
 		t.t(e);
@@ -710,21 +710,21 @@ var F = class extends Error {
 		e && this.parser.write(e);
 	}
 };
-de.XMLError = F;
+de.XMLError = ue;
 //#endregion
 //#region node_modules/@xmpp/xml/index.js
 function I(...e) {
-	return (0, M.default)(...e);
+	return (0, N.default)(...e);
 }
 Object.assign(I, {
-	Element: j.default,
-	createElement: M.default,
+	Element: M.default,
+	createElement: N.default,
 	Parser: de,
-	escapeXML: A.escapeXML,
-	unescapeXML: A.unescapeXML,
-	escapeXMLText: A.escapeXMLText,
-	unescapeXMLText: A.unescapeXMLText,
-	XMLError: F,
+	escapeXML: j.escapeXML,
+	unescapeXML: j.unescapeXML,
+	escapeXMLText: j.escapeXMLText,
+	unescapeXMLText: j.unescapeXMLText,
+	XMLError: ue,
 	xml: I
 });
 //#endregion
@@ -845,7 +845,7 @@ function Se(e) {
 }
 //#endregion
 //#region node_modules/@xmpp/connection/index.js
-var Ce = "urn:ietf:params:xml:ns:xmpp-streams", we = "http://etherx.jabber.org/streams", Te = class extends N.EventEmitter {
+var Ce = "urn:ietf:params:xml:ns:xmpp-streams", we = "http://etherx.jabber.org/streams", Te = class extends P.EventEmitter {
 	#e = null;
 	#t = null;
 	constructor(e = {}) {
@@ -880,7 +880,7 @@ var Ce = "urn:ietf:params:xml:ns:xmpp-streams", we = "http://etherx.jabber.org/s
 		});
 	}
 	_attachSocket(e) {
-		this.socket = e, this.#e ??= ue({
+		this.socket = e, this.#e ??= le({
 			data: this._onData.bind(this),
 			close: this.#r.bind(this),
 			connect: () => this._status("connect"),
@@ -903,7 +903,7 @@ var Ce = "urn:ietf:params:xml:ns:xmpp-streams", we = "http://etherx.jabber.org/s
 		let { protocol: t } = Se(this.options.service), n = e.element.getChildText("see-other-host"), { port: r } = xe(n), i;
 		i = r ? `${t || "xmpp:"}//${n}` : (t ? `${t}//` : "") + n;
 		try {
-			await P(this, "disconnect");
+			await F(this, "disconnect");
 			let { domain: e, lang: t } = this.options;
 			await this.connect(i), await this.open({
 				domain: e,
@@ -914,7 +914,7 @@ var Ce = "urn:ietf:params:xml:ns:xmpp-streams", we = "http://etherx.jabber.org/s
 		}
 	}
 	_attachParser(e) {
-		this.parser = e, this.#t ??= ue({
+		this.parser = e, this.#t ??= le({
 			element: this._onElement.bind(this),
 			error: this.#n.bind(this),
 			end: this.#i.bind(this),
@@ -951,7 +951,7 @@ var Ce = "urn:ietf:params:xml:ns:xmpp-streams", we = "http://etherx.jabber.org/s
 		if (this.status !== "offline") throw Error("Connection is not offline");
 		let { service: e, domain: t, lang: n } = this.options;
 		await this.connect(e);
-		let r = P(this, "online");
+		let r = F(this, "online");
 		return await this.open({
 			domain: t,
 			lang: n
@@ -960,15 +960,15 @@ var Ce = "urn:ietf:params:xml:ns:xmpp-streams", we = "http://etherx.jabber.org/s
 	async connect(e) {
 		this._status("connecting", e);
 		let t = new this.Socket();
-		return this._attachSocket(t), t.connect(this.socketParameters(e)), P(t, "connect");
+		return this._attachSocket(t), t.connect(this.socketParameters(e)), F(t, "connect");
 	}
 	async _closeSocket(e = this.timeout) {
-		this._status("disconnecting"), this.socket.end(), await P(this.socket, "close", "error", e);
+		this._status("disconnecting"), this.socket.end(), await F(this.socket, "close", "error", e);
 	}
 	async open(e) {
 		this._status("opening");
 		let { domain: t, lang: n } = e, r = this.headerElement();
-		return r.attrs.to = t, r.attrs["xml:lang"] = n, this.root = r, this._attachParser(new this.Parser()), await this.write(this.header(r)), P(this, "open", "error", this.timeout);
+		return r.attrs.to = t, r.attrs["xml:lang"] = n, this.root = r, this._attachParser(new this.Parser()), await this.write(this.header(r)), F(this, "open", "error", this.timeout);
 	}
 	async stop() {
 		let e = await this.disconnect();
@@ -977,7 +977,7 @@ var Ce = "urn:ietf:params:xml:ns:xmpp-streams", we = "http://etherx.jabber.org/s
 	async _closeStream(e = this.timeout) {
 		await this.#c("close");
 		let t = this.footer(this.footerElement());
-		return await this.write(t), this._status("closing"), P(this.parser, "end", "error", e);
+		return await this.write(t), this._status("closing"), F(this.parser, "end", "error", e);
 	}
 	async restart() {
 		this._detachParser();
@@ -991,7 +991,7 @@ var Ce = "urn:ietf:params:xml:ns:xmpp-streams", we = "http://etherx.jabber.org/s
 		e.parent = this.root, await this.write(e.toString()), this.emit("send", e);
 	}
 	sendReceive(e, t = this.timeout) {
-		return Promise.all([this.send(e), P(this, "element", "error", t)]).then(([, e]) => e);
+		return Promise.all([this.send(e), F(this, "element", "error", t)]).then(([, e]) => e);
 	}
 	async write(e) {
 		if (this.status === "closing") throw Error("Connection is closing");
@@ -1092,7 +1092,7 @@ var Ee = class extends Te {
 Ee.prototype.NS = "jabber:client";
 //#endregion
 //#region node_modules/@xmpp/reconnect/index.js
-var De = class extends N.EventEmitter {
+var De = class extends P.EventEmitter {
 	constructor(e) {
 		super(), this.delay = 1e3, this.entity = e, this._timeout = null;
 	}
@@ -1140,7 +1140,7 @@ function Ae(e) {
 		"::1"
 	].includes(t.hostname));
 }
-var je = class extends N.EventEmitter {
+var je = class extends P.EventEmitter {
 	#e = null;
 	socket = null;
 	url = null;
@@ -1149,7 +1149,7 @@ var je = class extends N.EventEmitter {
 		this.url = e, this.secure = Ae(e), this._attachSocket(new WebSocket(e, ["xmpp"]));
 	}
 	_attachSocket(e) {
-		this.socket = e, this.#e ??= ue({
+		this.socket = e, this.#e ??= le({
 			open: () => this.emit("connect"),
 			message: ({ data: e }) => this.emit("data", e),
 			error: (e) => {
@@ -1181,13 +1181,13 @@ var je = class extends N.EventEmitter {
 	}
 }, Me = class extends de {
 	onStartElement(e, t) {
-		let n = new j.default(e, t), { cursor: r } = this;
+		let n = new M.default(e, t), { cursor: r } = this;
 		r && r.append(n), this.cursor = n;
 	}
 	onEndElement(e) {
 		let { cursor: t } = this;
 		if (e !== t.name) {
-			this.emit("error", new F(`${t.name} must be closed.`));
+			this.emit("error", new ue(`${t.name} must be closed.`));
 			return;
 		}
 		if (t.parent) {
@@ -1342,10 +1342,10 @@ var Ye = class {
 	}
 	async request(e, t = 3e4) {
 		e.attrs.id || (e.attrs.id = Ke());
-		let n = new ce();
+		let n = new se();
 		this.handlers.set(e.attrs.id, n);
 		try {
-			await this.entity.send(e), await ae(n.promise, t);
+			await this.entity.send(e), await ie(n.promise, t);
 		} catch (t) {
 			throw this.handlers.delete(e.attrs.id), t;
 		}
@@ -1594,7 +1594,7 @@ async function bt(e, t) {
 	e._status("connecting", n);
 	let i = r.prototype.socketParameters(n), a = new r.prototype.Socket();
 	try {
-		a.connect(i), await P(a, "connect");
+		a.connect(i), await F(a, "connect");
 	} catch {
 		return bt(e, t);
 	}
@@ -1645,7 +1645,7 @@ async function Dt({ saslFactory: e, entity: t, mechanism: n, credentials: r }) {
 		serviceName: a,
 		...r
 	};
-	await le(t, i.clientFirst && I("auth", {
+	await ce(t, i.clientFirst && I("auth", {
 		xmlns: Tt,
 		mechanism: i.name
 	}, St(await i.response(o))), async (e, n) => {
@@ -1695,7 +1695,7 @@ async function At({ saslFactory: e, entity: t, mechanism: n, credentials: r, use
 		serviceName: c,
 		...r
 	};
-	await le(t, I("authenticate", {
+	await ce(t, I("authenticate", {
 		xmlns: kt,
 		mechanism: s.name
 	}, [
@@ -1832,13 +1832,13 @@ function Vt({ streamFeatures: e, sm: t, entity: n, resumed: r, failed: i, enable
 	});
 }
 function Ht(e, t) {
-	return le(e, Wt({ sm: t }), (e, t) => {
+	return ce(e, Wt({ sm: t }), (e, t) => {
 		if (e.is("enabled", "urn:xmpp:sm:3")) return t(e);
 		if (e.is("failed", "urn:xmpp:sm:3")) throw ve.fromElement(e);
 	});
 }
 async function Ut(e, t) {
-	return le(e, Gt({ sm: t }), (e, t) => {
+	return ce(e, Gt({ sm: t }), (e, t) => {
 		if (e.is("resumed", "urn:xmpp:sm:3")) return t(e);
 		if (e.is("failed", "urn:xmpp:sm:3")) throw ve.fromElement(e);
 	});
@@ -1861,7 +1861,7 @@ function Gt({ sm: e }) {
 	});
 }
 function Kt({ streamFeatures: e, entity: t, middleware: n, bind2: r, sasl2: i }) {
-	let a = null, o = null, s = null, c = new N.EventEmitter();
+	let a = null, o = null, s = null, c = new P.EventEmitter();
 	Object.assign(c, {
 		preferredMaximum: null,
 		enabled: !1,
@@ -2034,7 +2034,7 @@ var Zt = /* @__PURE__ */ y(((e, t) => {
 	});
 })))(), 1), V = "urn:xmpp:fast:0";
 function $t({ sasl2: e, entity: t }) {
-	let n = new Qt.default(), r, i = new N.EventEmitter();
+	let n = new Qt.default(), r, i = new P.EventEmitter();
 	Object.assign(i, {
 		mechanism: null,
 		mechanisms: [],
@@ -2256,13 +2256,13 @@ function mn(e = {}) {
 	}, dn(n ?? {
 		username: r,
 		password: i
-	}, a)), ee = Kt({
+	}, a)), E = Kt({
 		streamFeatures: h,
 		entity: l,
 		middleware: m,
 		bind2: w,
 		sasl2: S
-	}), E = Lt({
+	}), D = Lt({
 		iqCaller: g,
 		streamFeatures: h
 	}, t);
@@ -2281,8 +2281,8 @@ function mn(e = {}) {
 		saslFactory: y,
 		sasl2: S,
 		sasl: T,
-		resourceBinding: E,
-		streamManagement: ee,
+		resourceBinding: D,
+		streamManagement: E,
 		mechanisms: b,
 		bind2: w,
 		fast: C
@@ -2559,14 +2559,14 @@ var U = {
 			xmlns: U.data,
 			type: "submit"
 		}, o("FORM_TYPE", "http://jabber.org/protocol/muc#roomconfig"), o("muc#roomconfig_roomname", e), o("muc#roomconfig_persistentroom", "1"), o("muc#roomconfig_membersonly", "1"), o("muc#roomconfig_publicroom", "0"), o("muc#roomconfig_whois", "anyone"), o("allow_subscription", "1"), o("mam", "1")))), 15e3), n && await this.setGroupAvatar(r, n).catch(() => {});
-		let s = t.filter((e) => e && e !== this.cfg.username);
+		let s = t.filter((e) => e && e !== this.cfg.username), c = Date.now();
 		await this.xmpp.iqCaller.request(I("iq", {
 			type: "set",
 			to: r
-		}, I("query", { xmlns: U.mucAdmin }, ...s.map((e) => I("item", {
+		}, I("query", { xmlns: U.mucAdmin }, ...s.map((e, t) => I("item", {
 			affiliation: "member",
 			jid: `${e}@${this.domain}`
-		})))), 15e3);
+		}, I("reason", {}, String(c + t)))))), 15e3);
 		for (let e of s) await this.xmpp.iqCaller.request(I("iq", {
 			type: "set",
 			to: r
@@ -2964,6 +2964,7 @@ var An = (e) => {
 	contacts: {},
 	online: {},
 	mobile: {},
+	inactive: {},
 	conversations: {},
 	order: [],
 	open: null,
@@ -2982,6 +2983,7 @@ var An = (e) => {
 		contacts: {},
 		online: {},
 		mobile: {},
+		inactive: {},
 		conversations: {},
 		order: [],
 		open: null,
@@ -2992,6 +2994,7 @@ var An = (e) => {
 		name: e.name || e.username
 	}])) }),
 	setMobile: (t) => e({ mobile: Object.fromEntries(t.map((e) => [e, !0])) }),
+	setInactive: (t) => e({ inactive: t }),
 	setOnline: (t, n) => e((e) => e.online[t] === n ? {} : { online: {
 		...e.online,
 		[t]: n
@@ -3154,7 +3157,13 @@ async function Ln(e, t) {
 	if (!n.ok) throw Error(`push/mobile: HTTP ${n.status}`);
 	return (await n.json()).users;
 }
-async function Rn(e, t, n) {
+async function Rn(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 zn(e, t, n) {
 	let r = await fetch(`https://${e}/chat-gw/conversations/${encodeURIComponent(n)}`, {
 		method: "DELETE",
 		headers: { Authorization: `Bearer ${t}` }
@@ -3163,16 +3172,16 @@ async function Rn(e, t, n) {
 }
 //#endregion
 //#region src/push.ts
-var zn = (e) => {
+var Bn = (e) => {
 	let t = atob((e + "=".repeat((4 - e.length % 4) % 4)).replace(/-/g, "+").replace(/_/g, "/"));
 	return Uint8Array.from(t, (e) => e.charCodeAt(0));
-}, Bn = !1;
-function Vn() {
-	Bn || (Bn = !0, navigator.serviceWorker.addEventListener("message", (e) => {
+}, Vn = !1;
+function Hn() {
+	Vn || (Vn = !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 Hn(e, t) {
+async function Un(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`);
@@ -3181,7 +3190,7 @@ async function Hn(e, t) {
 	await navigator.serviceWorker.ready;
 	let o = await a.pushManager.getSubscription() ?? await a.pushManager.subscribe({
 		userVisibleOnly: !0,
-		applicationServerKey: zn(i.publicKey)
+		applicationServerKey: Bn(i.publicKey)
 	}), s = await fetch(`${n}/push/web`, {
 		method: "POST",
 		headers: {
@@ -3192,7 +3201,7 @@ async function Hn(e, t) {
 	});
 	if (!s.ok) throw Error(`push/web: HTTP ${s.status} ${(await s.text()).slice(0, 120)}`);
 	let c = await s.json();
-	return Vn(), {
+	return Hn(), {
 		node: c.node,
 		service: c.service
 	};
@@ -3208,8 +3217,8 @@ function X(e, t) {
 }
 //#endregion
 //#region src/components/Avatar.tsx
-var Un = (e) => e.split(/\s+/).slice(0, 2).map((e) => e[0]?.toUpperCase() ?? "").join("");
-function Wn({ contact: e, username: t, size: n = 40 }) {
+var Wn = (e) => e.split(/\s+/).slice(0, 2).map((e) => e[0]?.toUpperCase() ?? "").join("");
+function Gn({ contact: e, username: t, size: n = 40 }) {
 	let r = e?.name || t, i = {
 		width: n,
 		height: n,
@@ -3224,13 +3233,13 @@ function Wn({ 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: Un(r)
+		children: Wn(r)
 	});
 }
-function Gn({ online: e, presence: t, mobile: n }) {
+function Kn({ 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 Kn({ name: e, size: t = 40, avatar: n }) {
+function qn({ name: e, size: t = 40, avatar: n }) {
 	let r = {
 		width: t,
 		height: t,
@@ -3245,12 +3254,12 @@ function Kn({ 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: Un(e || "G")
+		children: Wn(e || "G")
 	});
 }
 //#endregion
 //#region src/components/Button.tsx
-var qn = "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", Jn = {
+var Jn = "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", Yn = {
 	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",
@@ -3263,7 +3272,7 @@ function Z({ variant: e, className: t = "", children: n, ...r }) {
 	return /* @__PURE__ */ d("button", {
 		type: "button",
 		"aria-label": r["aria-label"] ?? r.title,
-		className: `${qn} ${Jn[e]} ${t}`,
+		className: `${Jn} ${Yn[e]} ${t}`,
 		...r,
 		children: n
 	});
@@ -3431,12 +3440,13 @@ var Q = {
 };
 //#endregion
 //#region src/components/Dock.tsx
-function Yn({ onDragStart: e, pushButton: t = !0 }) {
-	let { order: n, open: r, conversations: i, contacts: a, online: o, mobile: s, openChat: c, removeHead: l, picker: p, setPicker: m, status: h, push: g, enablePush: _, newChatButton: v } = J(w((e) => ({
+function Xn({ 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,
 		conversations: e.conversations,
 		contacts: e.contacts,
+		inactive: e.inactive,
 		online: e.online,
 		mobile: e.mobile,
 		openChat: e.openChat,
@@ -3458,45 +3468,45 @@ function Yn({ onDragStart: e, pushButton: t = !0 }) {
 					className: "ci-relative ci-group",
 					children: [/* @__PURE__ */ f("button", {
 						type: "button",
-						title: t?.kind === "group" ? t.name ?? e : a[e]?.name ?? e,
-						onClick: () => n ? J.getState().closeChat() : c(e),
+						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(Kn, {
+						children: [t?.kind === "group" ? /* @__PURE__ */ d(qn, {
 							name: t.name ?? e,
 							size: 48,
 							avatar: t.avatar
-						}) : /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d(Wn, {
+						}) : /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d(Gn, {
 							contact: a[e],
 							username: e,
 							size: 48
-						}), /* @__PURE__ */ d(Gn, {
-							online: o[e],
+						}), /* @__PURE__ */ d(Kn, {
+							online: s[e],
 							presence: a[e]?.presence,
-							mobile: s[e]
+							mobile: c[e]
 						})] }), t?.unread > 0 && /* @__PURE__ */ d("span", {
 							className: "ci-absolute ci--top-1 ci--right-1 ci-min-w-5 ci-h-5 ci-px-1 ci-rounded-full ci-bg-phoneIslandClose dark:ci-bg-phoneIslandCloseDark ci-text-white dark:ci-text-gray-950 ci-text-xs ci-font-medium ci-flex ci-items-center ci-justify-center",
 							children: t.unread > 99 ? "99+" : t.unread
 						})]
 					}), /* @__PURE__ */ d("button", {
 						type: "button",
-						"aria-label": `Remove ${t?.kind === "group" ? t.name ?? e : a[e]?.name ?? e} from the dock`,
-						onClick: () => l(e),
+						"aria-label": `Remove ${t?.kind === "group" ? t.name ?? e : a[e]?.name ?? o[e] ?? e} from the dock`,
+						onClick: () => p(e),
 						className: "ci-absolute ci--top-1 ci--left-1 ci-hidden group-hover:ci-flex group-focus-within:ci-flex ci-w-5 ci-h-5 ci-rounded-full ci-border-0 ci-p-0 ci-bg-gray-700 dark:ci-bg-gray-300 ci-text-gray-50 dark:ci-text-gray-900 ci-items-center ci-justify-center",
 						children: Q.close
 					})]
 				}, e);
 			}),
-			v && /* @__PURE__ */ f(Z, {
+			y && /* @__PURE__ */ f(Z, {
 				variant: "default",
-				title: h === "online" ? "New chat" : `Chat ${h}`,
-				onClick: () => m(!p),
+				title: g === "online" ? "New chat" : `Chat ${g}`,
+				onClick: () => h(!m),
 				className: "ci-relative ci-shadow-lg",
-				children: [Q.chat, h !== "online" && /* @__PURE__ */ d("span", { className: "ci-absolute ci-bottom-0 ci-right-0 ci-w-3 ci-h-3 ci-rounded-full ci-bg-phoneIslandClose dark:ci-bg-phoneIslandCloseDark ci-ring-2 ci-ring-gray-50 dark:ci-ring-gray-950" })]
+				children: [Q.chat, g !== "online" && /* @__PURE__ */ d("span", { className: "ci-absolute ci-bottom-0 ci-right-0 ci-w-3 ci-h-3 ci-rounded-full ci-bg-phoneIslandClose dark:ci-bg-phoneIslandCloseDark ci-ring-2 ci-ring-gray-50 dark:ci-ring-gray-950" })]
 			}),
-			t && g === "ask" && h === "online" && /* @__PURE__ */ d(Z, {
+			t && _ === "ask" && g === "online" && /* @__PURE__ */ d(Z, {
 				variant: "neutral",
 				title: "Enable notifications when the tab is closed",
-				onClick: _,
+				onClick: v,
 				className: "ci-shadow-lg ci-bg-gray-50 dark:ci-bg-gray-950",
 				children: Q.bell
 			})
@@ -3505,7 +3515,7 @@ function Yn({ onDragStart: e, pushButton: t = !0 }) {
 }
 //#endregion
 //#region src/shortcodes.ts
-var Xn = {
+var Zn = {
 	"+1": "👍",
 	thumbsup: "👍",
 	"-1": "👎",
@@ -3699,13 +3709,13 @@ var Xn = {
 	zzz: "💤",
 	sweat_drops: "💦",
 	dash: "💨"
-}, Zn = /(```[\s\S]*?(?:```|$)|`[^`\n]*`?)/g, Qn = /:([a-z0-9_+-]+):/g, $n = (e) => e.replace(Qn, (e, t) => Xn[t] ?? e);
+}, Qn = /(```[\s\S]*?(?:```|$)|`[^`\n]*`?)/g, $n = /:([a-z0-9_+-]+):/g, er = (e) => e.replace($n, (e, t) => Zn[t] ?? e);
 function $(e) {
-	return e.includes(":") ? e.split(Zn).map((e, t) => t % 2 ? e : $n(e)).join("") : e;
+	return e.includes(":") ? e.split(Qn).map((e, t) => t % 2 ? e : er(e)).join("") : e;
 }
 //#endregion
 //#region src/components/EmojiPicker.tsx
-var er = [
+var tr = [
 	{
 		label: "Smileys",
 		icon: "😀",
@@ -3736,7 +3746,7 @@ var er = [
 		icon: "☕",
 		emojis: "☕ 🍵 🥤 🍕 🍔 🍟 🌭 🥪 🌮 🍝 🍣 🍩 🍪 🍫 🍎 🍌 🍓 🥐 🚗 🚕 🚌 🚆 ✈️ 🚀 🏠 🏢 🏖️ 🌍 ☀️ 🌤️ 🌧️ ⛈️ ❄️ ⚡ 🌈 🌙"
 	}
-], tr = [
+], nr = [
 	"👍",
 	"❤️",
 	"😂",
@@ -3744,7 +3754,7 @@ var er = [
 	"😢",
 	"🙏"
 ];
-function nr({ onPick: e, onClose: t, className: n = "" }) {
+function rr({ 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) => {
@@ -3760,7 +3770,7 @@ function nr({ 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: er.map((e, t) => /* @__PURE__ */ d("button", {
+			children: tr.map((e, t) => /* @__PURE__ */ d("button", {
 				type: "button",
 				title: e.label,
 				"aria-label": e.label,
@@ -3774,7 +3784,7 @@ function nr({ 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: er[r].emojis.split(" ").map((t) => /* @__PURE__ */ d("button", {
+			children: tr[r].emojis.split(" ").map((t) => /* @__PURE__ */ d("button", {
 				type: "button",
 				onClick: () => e(t),
 				style: {
@@ -3789,27 +3799,27 @@ function nr({ onPick: e, onClose: t, className: n = "" }) {
 }
 //#endregion
 //#region src/components/MessageList.tsx
-var rr = (e) => /\.(png|jpe?g|gif|webp|avif|svg)(\?|$)/i.test(e), ir = (e) => /\.(webm|ogg|oga|opus|mp3|m4a|wav)(\?|$)/i.test(e), ar = (e) => {
+var ir = (e) => /\.(png|jpe?g|gif|webp|avif|svg)(\?|$)/i.test(e), ar = (e) => /\.(webm|ogg|oga|opus|mp3|m4a|wav)(\?|$)/i.test(e), or = (e) => {
 	let t = e.split("/").pop() || "file";
 	try {
 		return decodeURIComponent(t);
 	} catch {
 		return t;
 	}
-}, or = (e) => {
+}, sr = (e) => {
 	try {
 		return new URL(e).protocol === "https:";
 	} catch {
 		return !1;
 	}
-}, sr = (e) => new Date(e).toLocaleTimeString([], {
+}, cr = (e) => new Date(e).toLocaleTimeString([], {
 	hour: "2-digit",
 	minute: "2-digit"
-}), cr = (e) => new Date(e).toLocaleDateString([], {
+}), lr = (e) => new Date(e).toLocaleDateString([], {
 	weekday: "short",
 	day: "numeric",
 	month: "short"
-}), lr = (e, t) => new Date(e).toDateString() === new Date(t).toDateString(), ur = (e) => {
+}), ur = (e, t) => new Date(e).toDateString() === new Date(t).toDateString(), dr = (e) => {
 	if (!e.startsWith("{\"")) return null;
 	try {
 		let t = JSON.parse(e);
@@ -3820,17 +3830,17 @@ var rr = (e) => /\.(png|jpe?g|gif|webp|avif|svg)(\?|$)/i.test(e), ir = (e) => /\
 	} catch {
 		return null;
 	}
-}, dr = n(function({ url: e }) {
-	return or(e) ? rr(e) ? /* @__PURE__ */ d("a", {
+}, fr = n(function({ url: e }) {
+	return sr(e) ? ir(e) ? /* @__PURE__ */ d("a", {
 		href: e,
 		target: "_blank",
 		rel: "noreferrer",
 		children: /* @__PURE__ */ d("img", {
 			src: e,
-			alt: ar(e),
+			alt: or(e),
 			className: "ci-max-w-full ci-max-h-60 ci-rounded-2xl ci-block"
 		})
-	}) : ir(e) ? /* @__PURE__ */ d("audio", {
+	}) : ar(e) ? /* @__PURE__ */ d("audio", {
 		controls: !0,
 		src: e,
 		className: "ci-max-w-full"
@@ -3847,15 +3857,15 @@ var rr = (e) => /\.(png|jpe?g|gif|webp|avif|svg)(\?|$)/i.test(e), ir = (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" })
-		}), ar(e)]
+		}), or(e)]
 	}) : /* @__PURE__ */ d("span", {
 		className: "ci-break-all",
 		children: e
 	});
-}), fr = /(`[^`\n]+`)|(\*\*[^*\n]+\*\*|__[^_\n]+__)|(~~[^~\n]+~~)|(\*[^*\s][^*\n]*\*|_[^_\s][^_\n]*_)|\[([^\]\n]+)\]\((https?:\/\/[^\s)]+)\)|(https?:\/\/[^\s<]+)/g;
-function pr({ text: e }) {
+}), pr = /(`[^`\n]+`)|(\*\*[^*\n]+\*\*|__[^_\n]+__)|(~~[^~\n]+~~)|(\*[^*\s][^*\n]*\*|_[^_\s][^_\n]*_)|\[([^\]\n]+)\]\((https?:\/\/[^\s)]+)\)|(https?:\/\/[^\s<]+)/g;
+function mr({ text: e }) {
 	let t = [], n = 0;
-	for (let r of e.matchAll(fr)) {
+	for (let r of e.matchAll(pr)) {
 		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]",
@@ -3876,17 +3886,17 @@ function pr({ text: e }) {
 	}
 	return n < e.length && t.push($(e.slice(n))), /* @__PURE__ */ d(u, { children: t });
 }
-var mr = n(function({ text: e }) {
+var hr = 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(pr, { text: e.replace(/^(\s*)[-*] (?=\S)/gm, "$1• ") }, t))
+		}, t) : /* @__PURE__ */ d(mr, { text: e.replace(/^(\s*)[-*] (?=\S)/gm, "$1• ") }, t))
 	});
 });
-function hr({ text: e, count: t }) {
+function gr({ text: e, count: t }) {
 	return /* @__PURE__ */ f("span", {
 		className: "ci-italic ci-opacity-80",
 		children: [
@@ -3899,7 +3909,7 @@ function hr({ text: e, count: t }) {
 		]
 	});
 }
-function gr({ forMsg: e, me: t, onReact: n, nameOf: r, mine: i }) {
+function _r({ 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]);
@@ -3924,7 +3934,7 @@ function gr({ forMsg: e, me: t, onReact: n, nameOf: r, mine: i }) {
 		})
 	}) : null;
 }
-function _r({ reply: e, messages: t, mine: n, name: r }) {
+function vr({ 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)}"]`);
@@ -3948,7 +3958,7 @@ function _r({ reply: e, messages: t, mine: n, name: r }) {
 		})]
 	});
 }
-function vr({ messages: e, typing: t, onLoadOlder: n, hasOlder: r, group: a, reactions: o, me: l = "", onReact: u, onReply: p }) {
+function yr({ 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;
@@ -3982,7 +3992,7 @@ function vr({ 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 || !lr(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 || !ur(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",
@@ -4005,14 +4015,14 @@ function vr({ 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: cr(t.ts)
+							children: lr(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(Wn, {
+									children: !s && /* @__PURE__ */ d(Gn, {
 										contact: m[t.nick],
 										username: t.nick,
 										size: 28
@@ -4027,7 +4037,7 @@ function vr({ 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: [tr.map((e) => /* @__PURE__ */ d("button", {
+											children: [nr.map((e) => /* @__PURE__ */ d("button", {
 												type: "button",
 												role: "menuitem",
 												"aria-label": e,
@@ -4051,28 +4061,28 @@ function vr({ messages: e, typing: t, onLoadOlder: n, hasOlder: r, group: a, rea
 											})]
 										}),
 										/* @__PURE__ */ f("div", {
-											title: sr(t.ts),
-											onDoubleClick: () => g && C(h, tr[0]),
+											title: cr(t.ts),
+											onDoubleClick: () => g && C(h, nr[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(_r, {
+												t.reply && /* @__PURE__ */ d(vr, {
 													reply: t.reply,
 													messages: e,
 													mine: t.mine,
 													name: (e) => e === l ? "You" : x(e)
 												}),
-												t.oob ? /* @__PURE__ */ d(dr, { url: t.oob }) : ur(t.body) ? /* @__PURE__ */ d(hr, { ...ur(t.body) }) : /* @__PURE__ */ d(mr, { text: t.body }),
-												t.oob && t.body && t.body !== t.oob && t.body !== ar(t.oob) && /* @__PURE__ */ d("div", {
+												t.oob ? /* @__PURE__ */ d(fr, { url: t.oob }) : dr(t.body) ? /* @__PURE__ */ d(gr, { ...dr(t.body) }) : /* @__PURE__ */ d(hr, { text: t.body }),
+												t.oob && t.body && t.body !== t.oob && t.body !== or(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: sr(t.ts)
+													children: cr(t.ts)
 												})
 											]
 										}),
-										h && /* @__PURE__ */ d(gr, {
+										h && /* @__PURE__ */ d(_r, {
 											forMsg: o?.[h],
 											me: l,
 											mine: t.mine,
@@ -4095,7 +4105,7 @@ function vr({ messages: e, typing: t, onLoadOlder: n, hasOlder: r, group: a, rea
 					})
 				})
 			]
-		}), y && /* @__PURE__ */ d(nr, {
+		}), y && /* @__PURE__ */ d(rr, {
 			className: "ci-absolute ci-bottom-2 ci-left-1/2 ci--translate-x-1/2",
 			onPick: (e) => C(y, e),
 			onClose: () => b(null)
@@ -4104,7 +4114,7 @@ function vr({ messages: e, typing: t, onLoadOlder: n, hasOlder: r, group: a, rea
 }
 //#endregion
 //#region src/ogg.ts
-function yr(e, t, n) {
+function br(e, t, n) {
 	let r = e[t];
 	if (r === void 0) return null;
 	let i = 1;
@@ -4118,7 +4128,7 @@ function yr(e, t, n) {
 		unknown: !n && o
 	};
 }
-var br = /* @__PURE__ */ new Set([
+var xr = /* @__PURE__ */ new Set([
 	408125543,
 	524531317,
 	374648427,
@@ -4126,18 +4136,18 @@ var br = /* @__PURE__ */ new Set([
 	225,
 	160
 ]);
-function xr(e) {
+function Sr(e) {
 	let t = {
 		channels: 1,
 		packets: []
 	}, n = 0;
 	for (; n < e.length;) {
-		let r = yr(e, n, !0);
+		let r = br(e, n, !0);
 		if (!r) break;
-		let i = yr(e, n + r.len, !1);
+		let i = br(e, n + r.len, !1);
 		if (!i) break;
 		let a = n + r.len + i.len;
-		if (br.has(r.value)) {
+		if (xr.has(r.value)) {
 			n = a;
 			continue;
 		}
@@ -4146,14 +4156,14 @@ function xr(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 = yr(e, a, !1);
+			let n = br(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 Sr(e) {
+function Cr(e) {
 	if (!e.length) return 0;
 	let t = e[0], n = t >> 3, r;
 	r = n < 12 ? [
@@ -4170,7 +4180,7 @@ function Sr(e) {
 	let i = t & 3, a = i === 0 ? 1 : i === 3 ? (e[1] ?? 0) & 63 : 2;
 	return Math.round(a * r * 48);
 }
-var Cr = (() => {
+var wr = (() => {
 	let e = /* @__PURE__ */ new Uint32Array(256);
 	for (let t = 0; t < 256; t++) {
 		let n = t << 24;
@@ -4179,12 +4189,12 @@ var Cr = (() => {
 	}
 	return e;
 })();
-function wr(e) {
+function Tr(e) {
 	let t = 0;
-	for (let n = 0; n < e.length; n++) t = (t << 8 ^ Cr[(t >>> 24 ^ e[n]) & 255]) >>> 0;
+	for (let n = 0; n < e.length; n++) t = (t << 8 ^ wr[(t >>> 24 ^ e[n]) & 255]) >>> 0;
 	return t;
 }
-function Tr(e, t, n, r, i) {
+function Er(e, t, n, r, i) {
 	let a = [];
 	for (let t of e) {
 		let e = t.length;
@@ -4200,29 +4210,29 @@ function Tr(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, wr(s), !0), s;
+	return c.setUint32(22, Tr(s), !0), s;
 }
-function Er(e) {
+function Dr(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 Dr() {
+function Or() {
 	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 Or(e) {
-	let { head: t, channels: n, packets: r } = xr(e);
+function kr(e) {
+	let { head: t, channels: n, packets: r } = Sr(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 = [Tr([i ? t : Er(n)], 0, a, 0, 2), Tr([Dr()], 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 = [Er([i ? t : Dr(n)], 0, a, 0, 2), Er([Or()], 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 += Sr(r[e]), e++;
+			t.push(r[e]), n += i, s += Cr(r[e]), e++;
 		}
 		if (!t.length) return null;
-		o.push(Tr(t, s, a, c++, e >= r.length ? 4 : 0));
+		o.push(Er(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;
@@ -4230,100 +4240,100 @@ function Or(e) {
 }
 //#endregion
 //#region src/components/Composer.tsx
-var kr = [
+var Ar = [
 	"audio/ogg;codecs=opus",
 	"audio/webm;codecs=opus",
 	"audio/mp4",
 	"audio/webm"
 ];
-async function Ar(e, t) {
+async function jr(e, t) {
 	let n = Date.now();
 	if (/webm/.test(t) && /opus/.test(t)) try {
-		let t = Or(new Uint8Array(await new Blob(e).arrayBuffer()));
+		let t = kr(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}.${jr(t)}`, { type: t.split(";")[0] });
-}
-var jr = (e) => /mp4/.test(e) ? "m4a" : /ogg/.test(e) ? "ogg" : "webm", Mr = (e) => `${Math.floor(e / 6e4)}:${String(Math.floor(e % 6e4 / 1e3)).padStart(2, "0")}`;
-function Nr({ onSend: e, onTyping: t, onFile: n, disabled: r, focusKey: o }) {
-	let [l, u] = c(""), [p, m] = c(!1), h = s(null), g = s(null), _ = s(null), v = s(), y = s(!1), [b, x] = c(null), [S, C] = c(0), w = s(!1), T = s(!1), ee = s(!1), E = s({});
-	i(() => _.current?.focus(), []), i(() => () => {
-		ee.current = !0, w.current = !0, window.clearTimeout(v.current);
-		let { r: e, stream: t } = E.current;
-		e && e.state !== "inactive" && e.stop(), t?.getTracks().forEach((e) => e.stop()), E.current = {};
+	return new File(e, `voice-${n}.${Mr(t)}`, { type: t.split(";")[0] });
+}
+var Mr = (e) => /mp4/.test(e) ? "m4a" : /ogg/.test(e) ? "ogg" : "webm", Nr = (e) => `${Math.floor(e / 6e4)}:${String(Math.floor(e % 6e4 / 1e3)).padStart(2, "0")}`;
+function Pr({ 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);
+		let { r: e, stream: t } = O.current;
+		e && e.state !== "inactive" && e.stop(), t?.getTracks().forEach((e) => e.stop()), O.current = {};
 	}, []), i(() => {
-		if (!b) return;
-		let e = window.setInterval(() => C(Date.now() - b.since), 250);
+		if (!x) return;
+		let e = window.setInterval(() => w(Date.now() - x.since), 250);
 		return () => window.clearInterval(e);
-	}, [b]), i(() => {
-		o && _.current?.focus();
-	}, [o]);
-	let D = (e) => {
-		y.current !== e && (y.current = e, t(e));
-	}, O = (e) => {
+	}, [x]), i(() => {
+		l && v.current?.focus();
+	}, [l]);
+	let k = (e) => {
+		b.current !== e && (b.current = e, t(e));
+	}, A = (e) => {
 		let t = e.includes(":") ? $(e) : e;
-		t !== e && (h.current = Math.max(0, (_.current?.selectionStart ?? e.length) - (e.length - t.length))), u(t), t ? (D(!0), window.clearTimeout(v.current), v.current = window.setTimeout(() => D(!1), 4e3)) : D(!1);
+		t !== e && (g.current = Math.max(0, (v.current?.selectionStart ?? e.length) - (e.length - t.length))), p(t), t ? (k(!0), window.clearTimeout(y.current), y.current = window.setTimeout(() => k(!1), 4e3)) : k(!1);
 	};
 	a(() => {
-		h.current !== null && (_.current?.setSelectionRange(h.current, h.current), h.current = null);
-	}, [l]);
-	let k = (e) => {
-		let t = _.current, n = t?.selectionStart ?? l.length, r = t?.selectionEnd ?? n;
-		O(l.slice(0, n) + e + l.slice(r)), requestAnimationFrame(() => {
+		g.current !== null && (v.current?.setSelectionRange(g.current, g.current), g.current = null);
+	}, [u]);
+	let ee = (e) => {
+		let t = v.current, n = t?.selectionStart ?? u.length, r = t?.selectionEnd ?? n;
+		A(u.slice(0, n) + e + u.slice(r)), requestAnimationFrame(() => {
 			t?.focus(), t?.setSelectionRange(n + e.length, n + e.length);
 		});
-	}, te = () => {
-		let t = l.trim();
-		t && (u(""), Promise.resolve(e(t)).catch(() => u((e) => e || t)), window.clearTimeout(v.current), y.current = !1);
-	}, A = async () => {
-		if (T.current || b) return;
-		T.current = !0;
+	}, j = () => {
+		let t = u.trim();
+		t && (p(""), Promise.resolve(e(t)).catch(() => p((e) => e || t)), window.clearTimeout(y.current), b.current = !1);
+	}, M = async () => {
+		if (E.current || x) return;
+		E.current = !0;
 		let e;
 		try {
 			e = await navigator.mediaDevices.getUserMedia({ audio: !0 });
 			let t = e;
-			if (ee.current) {
+			if (D.current) {
 				t.getTracks().forEach((e) => e.stop());
 				return;
 			}
-			let r = kr.find((e) => MediaRecorder.isTypeSupported(e)), i = new MediaRecorder(e, r ? { mimeType: r } : void 0), a = [];
+			let r = Ar.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()), E.current = {}, x(null), !w.current && a.length && Ar(a, i.mimeType || r || "").then(n);
-			}, w.current = !1, i.start(), E.current = {
+				t.getTracks().forEach((e) => e.stop()), O.current = {}, S(null), !T.current && a.length && jr(a, i.mimeType || r || "").then(n);
+			}, T.current = !1, i.start(), O.current = {
 				r: i,
 				stream: t
-			}, C(0), x({
+			}, w(0), S({
 				r: i,
 				since: Date.now()
 			});
 		} catch {
 			e?.getTracks().forEach((e) => e.stop());
 		} finally {
-			T.current = !1;
+			E.current = !1;
 		}
-	}, j = (e) => {
-		w.current = e, b?.r.stop();
+	}, N = (e) => {
+		T.current = e, x?.r.stop();
 	};
-	return b ? /* @__PURE__ */ f("div", {
+	return x ? /* @__PURE__ */ f("div", {
 		className: "ci-flex ci-items-center ci-gap-2 ci-px-3 ci-py-3",
 		children: [
 			/* @__PURE__ */ d(Z, {
 				variant: "transparent",
 				title: "Discard",
 				"aria-label": "Discard",
-				onClick: () => j(!0),
+				onClick: () => N(!0),
 				className: "ci-h-10 ci-w-10",
 				children: Q.close
 			}),
 			/* @__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 ", Mr(S)] })]
+				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 ", Nr(C)] })]
 			}),
 			/* @__PURE__ */ d(Z, {
 				variant: "green",
 				title: "Send voice note",
 				"aria-label": "Send voice note",
-				onClick: () => j(!1),
+				onClick: () => N(!1),
 				className: "ci-h-10 ci-w-10",
 				children: Q.send
 			})
@@ -4331,13 +4341,13 @@ function Nr({ onSend: e, onTyping: t, onFile: n, disabled: r, focusKey: o }) {
 	}) : /* @__PURE__ */ f("div", {
 		className: "ci-relative ci-flex ci-items-center ci-gap-2 ci-px-3 ci-py-3",
 		children: [
-			p && /* @__PURE__ */ d(nr, {
+			m && /* @__PURE__ */ d(rr, {
 				className: "ci-absolute ci-bottom-full ci-left-3 ci-mb-1",
-				onPick: k,
-				onClose: () => m(!1)
+				onPick: ee,
+				onClose: () => h(!1)
 			}),
 			/* @__PURE__ */ d("input", {
-				ref: g,
+				ref: _,
 				type: "file",
 				hidden: !0,
 				onChange: (e) => e.target.files?.[0] && (n(e.target.files[0]), e.target.value = "")
@@ -4346,7 +4356,7 @@ function Nr({ onSend: e, onTyping: t, onFile: n, disabled: r, focusKey: o }) {
 				variant: "transparent",
 				disabled: r,
 				title: "Attach a file",
-				onClick: () => g.current?.click(),
+				onClick: () => _.current?.click(),
 				className: "ci-h-10 ci-w-10",
 				children: Q.clip
 			}),
@@ -4357,36 +4367,36 @@ function Nr({ onSend: e, onTyping: t, onFile: n, disabled: r, focusKey: o }) {
 					disabled: r,
 					title: "Emoji",
 					"aria-label": "Emoji",
-					"aria-expanded": p,
-					onClick: () => m((e) => !e),
+					"aria-expanded": m,
+					onClick: () => h((e) => !e),
 					className: "ci-absolute ci-left-2 ci-bottom-1 ci-z-10 ci-h-8 ci-w-8 ci-flex ci-items-center ci-justify-center ci-rounded-full ci-border-0 ci-bg-transparent ci-text-secondaryNeutral dark:ci-text-secondaryNeutralDark hover:ci-bg-gray-300/70 dark:hover:ci-bg-gray-700/30 disabled:ci-opacity-40",
 					children: Q.smile
 				}), /* @__PURE__ */ d("textarea", {
-					ref: _,
-					value: l,
+					ref: v,
+					value: u,
 					disabled: r,
 					rows: 1,
-					placeholder: r ? "Connecting…" : "Write a message",
-					onChange: (e) => O(e.target.value),
+					placeholder: r ? o ?? "Connecting…" : "Write a message",
+					onChange: (e) => A(e.target.value),
 					onKeyDown: (e) => {
-						let t = (l.match(/```/g) ?? []).length % 2 == 1;
-						e.key === "Enter" && !e.shiftKey && !t && (e.preventDefault(), te());
+						let t = (u.match(/```/g) ?? []).length % 2 == 1;
+						e.key === "Enter" && !e.shiftKey && !t && (e.preventDefault(), j());
 					},
 					className: "ci-block ci-w-full ci-resize-none ci-max-h-32 ci-pl-11 ci-pr-4 ci-py-2.5 ci-rounded-3xl ci-border-0 ci-bg-elevationL2 dark:ci-bg-elevationL2Dark 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 ci-text-sm",
-					style: { height: Math.min(128, 40 + 20 * (l.split("\n").length - 1)) }
+					style: { height: Math.min(128, 40 + 20 * (u.split("\n").length - 1)) }
 				})]
 			}),
-			l.trim() ? /* @__PURE__ */ d(Z, {
+			u.trim() ? /* @__PURE__ */ d(Z, {
 				variant: "default",
 				disabled: r,
-				onClick: te,
+				onClick: j,
 				title: "Send",
 				className: "ci-h-10 ci-w-10",
 				children: Q.send
 			}) : /* @__PURE__ */ d(Z, {
 				variant: "default",
 				disabled: r || typeof MediaRecorder > "u",
-				onClick: A,
+				onClick: M,
 				title: "Record a voice note",
 				"aria-label": "Record a voice note",
 				className: "ci-h-10 ci-w-10",
@@ -4397,72 +4407,75 @@ function Nr({ onSend: e, onTyping: t, onFile: n, disabled: r, focusKey: o }) {
 }
 //#endregion
 //#region src/components/ChatWindow.tsx
-var Pr = (e) => !!e && ![
+var Fr = (e) => !!e && ![
 	"offline",
 	"dnd",
 	"busy",
 	"ringing",
 	"onhold"
 ].includes(e);
-function Fr({ peer: e, actions: t, onDragStart: n }) {
-	let { c: r, contacts: a, online: o, mobile: s, status: l, closeChat: p, openChat: m, markRead: h, order: g, me: _ } = J(w((t) => ({
+function Ir({ 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,
 		online: t.online,
 		mobile: t.mobile,
+		inactive: t.inactive,
 		status: t.status,
 		closeChat: t.closeChat,
 		openChat: t.openChat,
 		markRead: t.markRead,
 		order: t.order,
 		me: t.me
-	}))), v = Math.max(0, g.indexOf(e)), y = a[e], [b, x] = c(!1), [S, C] = c(null), [T, ee] = c(0), E = (e) => e === _ ? "You" : a[e]?.name ?? e, D = [...r?.members ?? []].sort((e, t) => Number(e === _) - Number(t === _));
+	}))), y = Math.max(0, _.indexOf(e)), b = a[e], [x, S] = c(!1), [C, T] = c(null), [E, D] = c(0), O = (e) => e === v ? "You" : a[e]?.name ?? e, k = [...r?.members ?? []].sort((e, t) => Number(e === v) - Number(t === v));
 	i(() => {
 		r && !r.loaded && t.loadOlder(e);
 	}, [e, r?.loaded]), i(() => {
-		h(e);
+		g(e);
 	}, [e, r?.messages.length]), i(() => {
-		x(!1), C(null);
+		S(!1), T(null);
 	}, [e]);
-	let O = (t) => {
+	let A = (t) => {
 		if (!t.oid) return;
-		let n = r?.kind === "group" ? t.nick ?? "" : t.mine ? _ : e, i = t.oob ? "Attachment" : t.body.replace(/```/g, "").replace(/\s+/g, " ").trim().slice(0, 100), o = n === _ ? J.getState().myName || _ : a[n]?.name ?? n;
-		C({
+		let n = r?.kind === "group" ? t.nick ?? "" : t.mine ? v : e, i = t.oob ? "Attachment" : t.body.replace(/```/g, "").replace(/\s+/g, " ").trim().slice(0, 100), o = n === v ? J.getState().myName || v : a[n]?.name ?? n;
+		T({
 			id: t.oid,
 			author: n,
 			quote: `${o}: ${i}`
-		}), ee((e) => e + 1);
+		}), D((e) => e + 1);
+	}, ee = (e) => {
+		e.key === "Escape" && (e.stopPropagation(), C ? T(null) : x ? S(!1) : m());
 	};
-	return r ? /* @__PURE__ */ f("div", {
+	if (!r) return null;
+	let j = r.kind !== "group" && !!l[e];
+	return /* @__PURE__ */ f("div", {
 		role: "dialog",
-		"aria-label": r.kind === "group" ? r.name ?? e : y?.name ?? e,
-		onKeyDown: (e) => {
-			e.key === "Escape" && (e.stopPropagation(), S ? C(null) : b ? x(!1) : p());
-		},
+		"aria-label": r.kind === "group" ? r.name ?? e : b?.name ?? l[e] ?? e,
+		onKeyDown: ee,
 		className: "ci-relative ci-w-[22rem] ci-h-[30rem] ci-flex ci-flex-col ci-rounded-3xl ci-shadow-2xl ci-bg-gray-50 dark:ci-bg-gray-950 ci-text-gray-900 dark:ci-text-white",
 		children: [
 			/* @__PURE__ */ d("span", {
 				className: "ci-absolute ci--right-1.5 ci-w-3 ci-h-3 ci-rotate-45 ci-bg-gray-50 dark:ci-bg-gray-950 ci-shadow-2xl ci-transition-all ci-duration-200",
-				style: { bottom: `calc(1.875rem + ${v} * 3.75rem)` },
+				style: { bottom: `calc(1.875rem + ${y} * 3.75rem)` },
 				"aria-hidden": "true"
 			}),
 			/* @__PURE__ */ f("div", {
 				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(Kn, {
+					r.kind === "group" ? /* @__PURE__ */ d(qn, {
 						name: r.name ?? e,
 						size: 36,
 						avatar: r.avatar
 					}) : /* @__PURE__ */ f("span", {
 						className: "ci-relative",
-						children: [/* @__PURE__ */ d(Wn, {
-							contact: y,
+						children: [/* @__PURE__ */ d(Gn, {
+							contact: b,
 							username: e,
 							size: 36
-						}), /* @__PURE__ */ d(Gn, {
+						}), /* @__PURE__ */ d(Kn, {
 							online: o[e],
-							presence: y?.presence,
+							presence: b?.presence,
 							mobile: s[e]
 						})]
 					}),
@@ -4471,31 +4484,31 @@ function Fr({ peer: e, actions: t, onDragStart: n }) {
 						...r.kind === "group" ? {
 							role: "button",
 							tabIndex: 0,
-							"aria-expanded": b,
-							onKeyDown: (e) => (e.key === "Enter" || e.key === " ") && (e.preventDefault(), x((e) => !e))
+							"aria-expanded": x,
+							onKeyDown: (e) => (e.key === "Enter" || e.key === " ") && (e.preventDefault(), S((e) => !e))
 						} : {},
-						onClick: () => r.kind === "group" && x((e) => !e),
+						onClick: () => r.kind === "group" && S((e) => !e),
 						children: [/* @__PURE__ */ d("div", {
 							className: "ci-font-medium ci-truncate ci-text-sm",
-							children: r.kind === "group" ? r.name ?? e : y?.name ?? e
+							children: r.kind === "group" ? r.name ?? e : b?.name ?? l[e] ?? e
 						}), /* @__PURE__ */ d("div", {
 							className: "ci-text-xs ci-text-gray-500 dark:ci-text-gray-400 ci-truncate",
-							children: l === "online" ? r.kind === "group" ? D.map(E).join(", ") : r.typing ? "typing…" : o[e] ? "online" : s[e] ? "Mobile" : "offline" : l
+							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
 						})]
 					}),
-					r.kind !== "group" && y?.number && Pr(y.presence) && /* @__PURE__ */ d(Z, {
+					!j && r.kind !== "group" && b?.number && Fr(b.presence) && /* @__PURE__ */ d(Z, {
 						variant: "call",
-						title: `Call ${y.number}`,
+						title: `Call ${b.number}`,
 						"aria-label": "Call",
 						onClick: () => Y("chat-island-call", {
 							username: e,
-							number: y.number
+							number: b.number
 						}),
 						children: Q.phone
 					}),
 					/* @__PURE__ */ d(Z, {
 						variant: "small",
-						onClick: () => p(),
+						onClick: () => m(),
 						"aria-label": "Minimize",
 						title: "Minimize",
 						children: Q.minus
@@ -4503,18 +4516,18 @@ function Fr({ peer: e, actions: t, onDragStart: n }) {
 				]
 			}),
 			/* @__PURE__ */ d("div", { className: "ci-border-t ci-border-gray-300 dark:ci-border-gray-700" }),
-			b && r.kind === "group" && /* @__PURE__ */ d("div", {
+			x && r.kind === "group" && /* @__PURE__ */ d("div", {
 				className: "ci-absolute ci-left-3 ci-right-3 ci-top-16 ci-z-10 ci-max-h-64 ci-overflow-y-auto 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-p-2",
-				children: D.map((e) => /* @__PURE__ */ f("div", {
+				children: k.map((e) => /* @__PURE__ */ f("div", {
 					className: "ci-flex ci-items-center ci-gap-3 ci-px-2 ci-py-1.5 ci-text-sm",
 					children: [
 						/* @__PURE__ */ f("span", {
 							className: "ci-relative",
-							children: [/* @__PURE__ */ d(Wn, {
+							children: [/* @__PURE__ */ d(Gn, {
 								contact: a[e],
 								username: e,
 								size: 28
-							}), e !== _ && /* @__PURE__ */ d(Gn, {
+							}), e !== v && /* @__PURE__ */ d(Kn, {
 								online: o[e],
 								presence: a[e]?.presence,
 								mobile: s[e]
@@ -4522,15 +4535,15 @@ function Fr({ peer: e, actions: t, onDragStart: n }) {
 						}),
 						/* @__PURE__ */ d("span", {
 							className: "ci-truncate ci-flex-1",
-							children: E(e)
+							children: O(e)
 						}),
-						e !== _ && /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d(Z, {
+						e !== v && /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d(Z, {
 							variant: "small",
 							title: "Chat",
 							"aria-label": "Chat",
-							onClick: () => m(e),
+							onClick: () => h(e),
 							children: Q.chat
-						}), a[e]?.number && Pr(a[e]?.presence) && /* @__PURE__ */ d(Z, {
+						}), a[e]?.number && Fr(a[e]?.presence) && /* @__PURE__ */ d(Z, {
 							variant: "call",
 							title: `Call ${a[e]?.number}`,
 							"aria-label": "Call",
@@ -4546,55 +4559,56 @@ function Fr({ 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(vr, {
+					/* @__PURE__ */ d(yr, {
 						messages: r.messages,
 						typing: r.typing,
 						group: r.kind === "group",
 						hasOlder: r.loaded && !r.complete,
 						onLoadOlder: () => t.loadOlder(e),
 						reactions: r.reactions,
-						me: _,
+						me: v,
 						onReact: (n, r) => t.react(e, n, r),
-						onReply: O
+						onReply: A
 					}),
-					S && /* @__PURE__ */ f("div", {
+					C && /* @__PURE__ */ f("div", {
 						className: "ci-mx-3 ci-mt-1 ci-flex ci-items-center ci-gap-2 ci-pl-3 ci-pr-1 ci-py-1.5 ci-rounded-2xl ci-bg-elevationL2 dark:ci-bg-elevationL2Dark ci-border-0 ci-border-l-4 ci-border-solid ci-border-iconSecondary dark:ci-border-iconSecondaryDark",
 						children: [/* @__PURE__ */ f("div", {
 							className: "ci-flex-1 ci-min-w-0 ci-text-xs",
 							children: [/* @__PURE__ */ d("div", {
 								className: "ci-font-medium ci-text-gray-900 dark:ci-text-white",
-								children: S.author === _ ? "You" : a[S.author]?.name ?? S.author
+								children: C.author === v ? "You" : a[C.author]?.name ?? C.author
 							}), /* @__PURE__ */ d("div", {
 								className: "ci-truncate ci-text-gray-500 dark:ci-text-gray-400",
-								children: S.quote?.replace(/^[^:]*: /, "")
+								children: C.quote?.replace(/^[^:]*: /, "")
 							})]
 						}), /* @__PURE__ */ d(Z, {
 							variant: "small",
-							onClick: () => C(null),
+							onClick: () => T(null),
 							"aria-label": "Cancel reply",
 							title: "Cancel reply",
 							children: Q.close
 						})]
 					}),
-					/* @__PURE__ */ d(Nr, {
-						focusKey: T,
-						disabled: l !== "online",
-						onSend: (n) => t.send(e, n, S ?? void 0).then(() => C(null)),
+					/* @__PURE__ */ d(Pr, {
+						focusKey: E,
+						disabled: p !== "online" || j,
+						disabledText: j ? "This operator is no longer active" : void 0,
+						onSend: (n) => t.send(e, n, C ?? void 0).then(() => T(null)),
 						onTyping: (n) => t.typing(e, n),
 						onFile: (n) => t.upload(e, n)
 					}, e)
 				]
 			})
 		]
-	}) : null;
+	});
 }
 //#endregion
 //#region src/components/NewChat.tsx
-async function Ir(e) {
+async function Lr(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 Lr({ onOpen: e, onCreateGroup: t }) {
+function Rr({ 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();
 		return t ? e.filter((e) => (e.name ?? "").toLowerCase().includes(t) || e.username.includes(t)) : e;
@@ -4617,7 +4631,7 @@ function Lr({ onOpen: e, onCreateGroup: t }) {
 						autoFocus: !0,
 						value: l,
 						onChange: (e) => p(e.target.value),
-						placeholder: "Search colleagues",
+						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, {
@@ -4641,7 +4655,7 @@ function Lr({ onOpen: e, onCreateGroup: t }) {
 				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", {
 					className: "ci-px-4 ci-py-6 ci-text-center ci-text-sm ci-text-gray-500 dark:ci-text-gray-400",
-					children: "No colleagues found"
+					children: "No operators found"
 				}), C.map((e) => {
 					let t = m.includes(e.username);
 					return /* @__PURE__ */ d("li", { children: /* @__PURE__ */ f("button", {
@@ -4651,11 +4665,11 @@ function Lr({ onOpen: e, onCreateGroup: t }) {
 						children: [
 							/* @__PURE__ */ f("span", {
 								className: "ci-relative",
-								children: [/* @__PURE__ */ d(Wn, {
+								children: [/* @__PURE__ */ d(Gn, {
 									contact: e,
 									username: e.username,
 									size: 36
-								}), /* @__PURE__ */ d(Gn, {
+								}), /* @__PURE__ */ d(Kn, {
 									online: r[e.username],
 									presence: e.presence,
 									mobile: i[e.username]
@@ -4702,7 +4716,7 @@ function Lr({ onOpen: e, onCreateGroup: t }) {
 						type: "file",
 						accept: "image/*",
 						hidden: !0,
-						onChange: (e) => e.target.files?.[0] && Ir(e.target.files[0]).then(x).catch(() => {})
+						onChange: (e) => e.target.files?.[0] && Lr(e.target.files[0]).then(x).catch(() => {})
 					}),
 					/* @__PURE__ */ d("button", {
 						type: "button",
@@ -4737,22 +4751,22 @@ function Lr({ onOpen: e, onCreateGroup: t }) {
 }
 //#endregion
 //#region src/theme.ts
-var Rr = "chat-island-theme", zr = () => {
+var zr = "chat-island-theme", Br = () => {
 	try {
-		let e = localStorage.getItem(Rr);
+		let e = localStorage.getItem(zr);
 		return e === "light" || e === "dark" || e === "system" ? e : void 0;
 	} catch {
 		return;
 	}
 };
-function Br(e) {
-	let [t, n] = c(() => e ?? zr()), [r, a] = c(!1);
-	return i(() => n(e ?? zr()), [e]), i(() => {
+function Vr(e) {
+	let [t, n] = c(() => e ?? Br()), [r, a] = c(!1);
+	return i(() => n(e ?? Br()), [e]), i(() => {
 		let e = (e) => {
 			let t = e.detail?.theme;
 			if (t === "light" || t === "dark" || t === "system") {
 				try {
-					localStorage.setItem(Rr, t);
+					localStorage.setItem(zr, t);
 				} catch {}
 				n(t);
 			}
@@ -4778,14 +4792,15 @@ function Br(e) {
 }
 //#endregion
 //#region src/ChatIsland.tsx
-function Vr() {
+function Hr() {
 	let e = J.getState();
 	return Object.values(e.conversations).map((t) => {
 		let n = t.messages[t.messages.length - 1], r = e.contacts[t.peer];
 		return {
 			peer: t.peer,
 			kind: t.kind,
-			name: t.kind === "group" ? t.name ?? t.peer.split("@")[0] : r?.name ?? t.peer,
+			name: t.kind === "group" ? t.name ?? t.peer.split("@")[0] : r?.name ?? e.inactive[t.peer] ?? t.peer,
+			inactive: t.kind === "group" ? void 0 : !!e.inactive[t.peer],
 			avatar: t.kind === "group" ? t.avatar : r?.avatar,
 			online: t.kind !== "group" && !!e.online[t.peer],
 			mobile: t.kind !== "group" && !!e.mobile[t.peer],
@@ -4793,7 +4808,7 @@ function Vr() {
 			unread: t.unread,
 			members: t.members,
 			last: n ? {
-				body: Wr(n.body),
+				body: Gr(n.body),
 				ts: n.ts,
 				mine: n.mine,
 				oob: n.oob,
@@ -4802,7 +4817,7 @@ function Vr() {
 		};
 	}).filter((e) => e.last || e.kind === "group").sort((e, t) => (t.last?.ts ?? 0) - (e.last?.ts ?? 0));
 }
-var Hr = class extends t {
+var Ur = class extends t {
 	state = { failed: !1 };
 	failures = [];
 	static getDerivedStateFromError() {
@@ -4820,7 +4835,7 @@ var Hr = class extends t {
 		return this.state.failed ? null : this.props.children;
 	}
 };
-function Ur(e) {
+function Wr(e) {
 	try {
 		let [t, n, r] = atob(e).split(":");
 		return t && n && r ? {
@@ -4832,9 +4847,9 @@ function Ur(e) {
 		return null;
 	}
 }
-var Wr = (e) => (ur(e) ? "Attachment" : $(e)).replace(/```[^\n]*\n?/g, "").replace(/(\*\*|__|~~|`)/g, "").replace(/(^|\s)[*_](\S[^*_]*)[*_]/g, "$1$2").replace(/\s+/g, " ").trim();
-function Gr({ 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(() => Ur(e), [e]), _ = Br(n), v = s(g), y = s(p), b = s(u);
+var Gr = (e) => (dr(e) ? "Attachment" : $(e)).replace(/```[^\n]*\n?/g, "").replace(/(\*\*|__|~~|`)/g, "").replace(/(^|\s)[*_](\S[^*_]*)[*_]/g, "$1$2").replace(/\s+/g, " ").trim();
+function Kr({ 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(() => Wr(e), [e]), _ = Vr(n), v = s(g), y = s(p), b = s(u);
 	i(() => {
 		v.current = g, y.current = p, b.current = u;
 	}, [
@@ -4850,11 +4865,11 @@ function Gr({ dataConfig: e, position: t = "bottom-right", theme: n, serviceWork
 		let e = (e) => e.persisted && S((e) => e + 1);
 		return window.addEventListener("pageshow", e), () => window.removeEventListener("pageshow", e);
 	}, []);
-	let C = s(null), T = s(/* @__PURE__ */ new Set()), E = s(!1), D = s(null), O = s(null), k = ee(O, `chat-island-pos:${g?.host ?? ""}:${g?.username ?? ""}`), { open: te, picker: A, status: j } = J(w((e) => ({
+	let C = s(null), T = s(/* @__PURE__ */ new Set()), D = s(!1), O = s(null), k = s(null), A = E(k, `chat-island-pos:${g?.host ?? ""}:${g?.username ?? ""}`), { open: ee, picker: j, status: M } = J(w((e) => ({
 		open: e.open,
 		picker: e.picker,
 		status: e.status
-	}))), M = o(() => ({
+	}))), N = o(() => ({
 		send: async (e, t, n) => {
 			let r = C.current;
 			if (!r) throw Error("not connected");
@@ -4897,7 +4912,7 @@ function Gr({ 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 Rn(n.host, n.token, e), J.getState().removeConversation(e);
+				r?.kind === "group" && await t.leaveGroup(e, !!r.owner).catch(() => {}), await zn(n.host, n.token, e), J.getState().removeConversation(e);
 			} catch (e) {
 				Y("chat-island-error", {
 					scope: "delete",
@@ -4955,7 +4970,7 @@ function Gr({ dataConfig: e, position: t = "bottom-right", theme: n, serviceWork
 				if (e.setStatus(n, a), Y("chat-island-status", {
 					status: n,
 					error: a
-				}), n === "online" && r && !E.current && typeof Notification < "u") {
+				}), n === "online" && r && !D.current && typeof Notification < "u") {
 					let e = Notification.permission;
 					(e === "granted" || b.current === "auto" && e === "default") && i();
 				}
@@ -4984,7 +4999,7 @@ function Gr({ dataConfig: e, position: t = "bottom-right", theme: n, serviceWork
 		}), n = (e, t) => {
 			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 ?? 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;
+			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();
 			let u = s ? i?.avatar : n.contacts[e]?.avatar;
 			if (Y("chat-island-notify", {
@@ -5009,16 +5024,16 @@ function Gr({ dataConfig: e, position: t = "bottom-right", theme: n, serviceWork
 		};
 		C.current = t;
 		let i = () => {
-			r && !E.current && (E.current = !0, Hn(g, r).then((e) => {
+			r && !D.current && (D.current = !0, Un(g, r).then((e) => {
 				if (!e) {
-					E.current = !1, J.setState({ push: Notification.permission === "denied" ? "denied" : "ask" });
+					D.current = !1, J.setState({ push: Notification.permission === "denied" ? "denied" : "ask" });
 					return;
 				}
 				return t.enablePush(e.service, e.node).then(() => {
-					D.current = e, J.setState({ push: "enabled" }), Y("chat-island-push", { enabled: !0 });
+					O.current = e, J.setState({ push: "enabled" }), Y("chat-island-push", { enabled: !0 });
 				});
 			}).catch((e) => {
-				E.current = !1, Y("chat-island-error", {
+				D.current = !1, Y("chat-island-error", {
 					scope: "push",
 					message: e.message
 				});
@@ -5030,56 +5045,58 @@ function Gr({ dataConfig: e, position: t = "bottom-right", theme: n, serviceWork
 		});
 		let s = () => t.stop();
 		window.addEventListener("pagehide", s), t.start();
-		let c = () => Ln(g.host, g.token).then(e.setMobile).catch(() => {});
+		let c = () => {
+			Ln(g.host, g.token).then(e.setMobile).catch(() => {}), Rn(g.host, g.token).then(e.setInactive).catch(() => {});
+		};
 		c();
 		let u = window.setInterval(c, 12e4);
 		In(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 && M.remove(e)), h = X("chat-island-contacts", ({ contacts: t }) => t && e.setContacts(t)), _ = X("chat-island-conversations-request", () => Y("chat-island-conversations", { conversations: Vr() }));
+		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: Hr() }));
 		return () => {
-			window.removeEventListener("pagehide", s), window.clearInterval(u), _(), p(), m(), d(), f(), h(), D.current && t.disablePush(D.current.service, D.current.node).catch(() => {}), D.current = null, t.stop(), C.current = null, E.current = !1;
+			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;
 		};
 	}, [
 		g,
 		r,
 		x
 	]);
-	let N = J((e) => Object.keys(e.contacts).join(","));
+	let P = J((e) => Object.keys(e.contacts).join(","));
 	i(() => {
-		j === "online" && N && C.current?.announce(N.split(","));
-	}, [j, N]);
-	let ne = 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);
-	i(() => Y("chat-island-conversations", { conversations: Vr() }), [ne]);
-	let re = J((e) => Object.values(e.conversations).reduce((e, t) => e + t.unread, 0));
-	if (i(() => Y("chat-island-unread", { total: re }), [re]), !g) return null;
-	let ie = m && !h && k.anchor ? {
-		right: k.anchor.right,
-		bottom: k.anchor.bottom
-	} : void 0, ae = ie ? "" : t === "bottom-left" ? "ci-left-4 ci-bottom-5" : "ci-right-4 ci-bottom-5";
+		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: Hr() }), [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 ? {
+		right: A.anchor.right,
+		bottom: A.anchor.bottom
+	} : void 0, ie = re ? "" : t === "bottom-left" ? "ci-left-4 ci-bottom-5" : "ci-right-4 ci-bottom-5";
 	return /* @__PURE__ */ d("div", {
-		ref: O,
-		style: ie,
-		onClickCapture: k.onClickCapture,
-		className: `chat-island-root ${_ ? "ci-dark" : ""} ci-fixed ${ae} ci-z-[9999] ci-flex ci-items-end ci-gap-3 ci-font-sans ci-select-none`,
-		"data-status": j,
-		children: /* @__PURE__ */ f(Hr, { children: [
-			te && /* @__PURE__ */ d(Fr, {
-				peer: te,
-				actions: M,
-				onDragStart: h ?? (m ? k.start : void 0)
+		ref: k,
+		style: re,
+		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(Ur, { children: [
+			ee && /* @__PURE__ */ d(Ir, {
+				peer: ee,
+				actions: N,
+				onDragStart: h ?? (m ? A.start : void 0)
 			}),
-			A && /* @__PURE__ */ d(Lr, {
+			j && /* @__PURE__ */ d(Rr, {
 				onOpen: (e) => J.getState().openChat(e),
-				onCreateGroup: M.createGroup
+				onCreateGroup: N.createGroup
 			}),
-			/* @__PURE__ */ d(Yn, {
-				onDragStart: h ?? (m ? k.start : void 0),
+			/* @__PURE__ */ d(Xn, {
+				onDragStart: h ?? (m ? A.start : void 0),
 				pushButton: u !== "auto"
 			})
 		] })
 	});
 }
 //#endregion
-export { Gr as ChatIsland, Pn as contactsFromOperators };
+export { Kr as ChatIsland, Pn as contactsFromOperators };