@nethesis/chat-island 0.1.7 → 0.1.8

package/dist/index.js

@@ -43,7 +43,7 @@ function w(e) {
 //#endregion
 //#region src/drag.ts
 var T = 8;
-function E(e, t) {
+function ee(e, t) {
 	let [n, a] = c(() => {
 		try {
 			let e = localStorage.getItem(t);
@@ -103,7 +103,7 @@ function E(e, t) {
 }
 //#endregion
 //#region node_modules/ltx/lib/escape.js
-var D = /* @__PURE__ */ y(((e) => {
+var E = /* @__PURE__ */ y(((e) => {
 	var t = {
 		"&": "&",
 		"<": "&lt;",
@@ -145,8 +145,8 @@ var D = /* @__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;
-})), O = /* @__PURE__ */ y(((e, t) => {
-	var n = D(), r = class e {
+})), D = /* @__PURE__ */ y(((e, t) => {
+	var n = E(), r = class e {
 		constructor(e, t) {
 			this.name = e, this.parent = null, this.children = [], this.attrs = {}, this.setAttrs(t);
 		}
@@ -277,8 +277,8 @@ var D = /* @__PURE__ */ y(((e) => {
 		}
 	};
 	r.prototype.tree = r.prototype.root, t.exports = r;
-})), ee = /* @__PURE__ */ y(((e, t) => {
-	var n = O();
+})), O = /* @__PURE__ */ y(((e, t) => {
+	var n = D();
 	function r(e, t) {
 		if (Array.isArray(t)) {
 			for (let n of t) r(e, n);
@@ -472,7 +472,7 @@ var D = /* @__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 = D(), i = 0, a = 1, o = 2, s = 3, c = 4, l = 5, u = 6, d = 7, f = 8, p = 9, m = 10;
+	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;
 	t.exports = class extends n.EventEmitter {
 		constructor() {
 			super();
@@ -565,14 +565,14 @@ var D = /* @__PURE__ */ y(((e) => {
 			e && this.write(e), this.write = function() {};
 		}
 	};
-})), A = D(), j = /* @__PURE__ */ x(O(), 1), ne = /* @__PURE__ */ x(ee(), 1), M = k(), re = /* @__PURE__ */ x(te(), 1), ie = class extends Error {
+})), A = E(), j = /* @__PURE__ */ x(D(), 1), M = /* @__PURE__ */ x(O(), 1), N = k(), ne = /* @__PURE__ */ x(te(), 1), re = class extends Error {
 	constructor(e) {
 		super(e), this.name = "TimeoutError";
 	}
 };
 //#endregion
 //#region node_modules/@xmpp/events/lib/delay.js
-function ae(e) {
+function ie(e) {
 	let t, n = new Promise((n) => {
 		t = setTimeout(n, e);
 	});
@@ -580,32 +580,32 @@ function ae(e) {
 }
 //#endregion
 //#region node_modules/@xmpp/events/lib/timeout.js
-function oe(e, t) {
-	let n = ae(t);
+function ae(e, t) {
+	let n = ie(t);
 	function r() {
 		clearTimeout(n.timeout);
 	}
-	let i = new ie();
+	let i = new re();
 	return Promise.race([e.finally(r), n.then(() => {
 		throw i;
 	})]);
 }
 //#endregion
 //#region node_modules/@xmpp/events/lib/onoff.js
-var se = /* @__PURE__ */ new WeakMap();
-function ce(e) {
-	let t = se.get(e);
+var oe = /* @__PURE__ */ new WeakMap();
+function se(e) {
+	let t = oe.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)
-	}, se.set(e, t)), t;
+	}, oe.set(e, t)), t;
 }
 //#endregion
 //#region node_modules/@xmpp/events/lib/promise.js
-function N(e, t, n = "error", r) {
+function P(e, t, n = "error", r) {
 	return new Promise((i, a) => {
-		let o, { off: s, once: c } = ce(e), l = () => {
+		let o, { off: s, once: c } = se(e), l = () => {
 			clearTimeout(o), s(t, d), s(n, u);
 		};
 		function u(e) {
@@ -615,7 +615,7 @@ function N(e, t, n = "error", r) {
 			i(e), l();
 		}
 		if (c(t, d), n && c(n, u), r) {
-			let e = new ie();
+			let e = new re();
 			o = setTimeout(() => {
 				l(), a(e);
 			}, r);
@@ -624,14 +624,14 @@ function N(e, t, n = "error", r) {
 }
 //#endregion
 //#region node_modules/@xmpp/events/lib/Deferred.js
-function le() {
+function ce() {
 	this.promise = new Promise((e, t) => {
 		this.resolve = e, this.reject = t;
 	});
 }
 //#endregion
 //#region node_modules/@xmpp/events/lib/procedure.js
-function ue(e, t = null, n) {
+function le(e, t = null, n) {
 	return new Promise((r, i) => {
 		function a(t) {
 			e.removeListener("nonza", s), i(t);
@@ -651,28 +651,28 @@ function ue(e, t = null, n) {
 }
 //#endregion
 //#region node_modules/@xmpp/events/lib/listeners.js
-function de(e) {
+function ue(e) {
 	return {
 		subscribe(t) {
-			let { on: n } = ce(t);
+			let { on: n } = se(t);
 			for (let [t, r] of Object.entries(e)) n(t, r);
 		},
 		unsubscribe(t) {
-			let { off: n } = ce(t);
+			let { off: n } = se(t);
 			for (let [t, r] of Object.entries(e)) n(t, r);
 		}
 	};
 }
 //#endregion
 //#region node_modules/@xmpp/xml/lib/XMLError.js
-var fe = class extends Error {
+var F = class extends Error {
 	constructor(...e) {
 		super(...e), this.name = "XMLError";
 	}
-}, pe = class extends M.EventEmitter {
+}, de = class extends N.EventEmitter {
 	constructor() {
 		super();
-		let e = new re.default();
+		let e = new ne.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) {
@@ -682,7 +682,7 @@ var fe = class extends Error {
 	onEndElement(e) {
 		let { root: t, cursor: n } = this;
 		if (e !== n.name) {
-			this.emit("error", new fe(`${n.name} must be closed.`));
+			this.emit("error", new F(`${n.name} must be closed.`));
 			return;
 		}
 		if (n === t) {
@@ -698,7 +698,7 @@ var fe = class extends Error {
 	onText(e) {
 		let { cursor: t } = this;
 		if (!t) {
-			this.emit("error", new fe(`${e} must be a child.`));
+			this.emit("error", new F(`${e} must be a child.`));
 			return;
 		}
 		t.t(e);
@@ -710,37 +710,37 @@ var fe = class extends Error {
 		e && this.parser.write(e);
 	}
 };
-pe.XMLError = fe;
+de.XMLError = F;
 //#endregion
 //#region node_modules/@xmpp/xml/index.js
-function P(...e) {
-	return (0, ne.default)(...e);
+function I(...e) {
+	return (0, M.default)(...e);
 }
-Object.assign(P, {
+Object.assign(I, {
 	Element: j.default,
-	createElement: ne.default,
-	Parser: pe,
+	createElement: M.default,
+	Parser: de,
 	escapeXML: A.escapeXML,
 	unescapeXML: A.unescapeXML,
 	escapeXMLText: A.escapeXMLText,
 	unescapeXMLText: A.unescapeXMLText,
-	XMLError: fe,
-	xml: P
+	XMLError: F,
+	xml: I
 });
 //#endregion
 //#region node_modules/@xmpp/jid/lib/escaping.js
-function me(e) {
+function fe(e) {
 	return !(!e || e.replaceAll(String.raw`\20`, "").replaceAll(String.raw`\22`, "").replaceAll(String.raw`\26`, "").replaceAll(String.raw`\27`, "").replaceAll(String.raw`\2f`, "").replaceAll(String.raw`\3a`, "").replaceAll(String.raw`\3c`, "").replaceAll(String.raw`\3e`, "").replaceAll(String.raw`\40`, "").replaceAll(String.raw`\5c`, "").search(/[ "&'/:<>@\\]/g) === -1);
 }
-function he(e) {
+function pe(e) {
 	return e === null ? null : e.replaceAll(/^\s+|\s+$/g, "").replaceAll("\\", String.raw`\5c`).replaceAll(" ", String.raw`\20`).replaceAll("\"", String.raw`\22`).replaceAll("&", String.raw`\26`).replaceAll("'", String.raw`\27`).replaceAll("/", String.raw`\2f`).replaceAll(":", String.raw`\3a`).replaceAll("<", String.raw`\3c`).replaceAll(">", String.raw`\3e`).replaceAll("@", String.raw`\40`);
 }
-function ge(e) {
+function me(e) {
 	return e === null ? null : e.replaceAll(String.raw`\20`, " ").replaceAll(String.raw`\22`, "\"").replaceAll(String.raw`\26`, "&").replaceAll(String.raw`\27`, "'").replaceAll(String.raw`\2f`, "/").replaceAll(String.raw`\3a`, ":").replaceAll(String.raw`\3c`, "<").replaceAll(String.raw`\3e`, ">").replaceAll(String.raw`\40`, "@").replaceAll(String.raw`\5c`, "\\");
 }
 //#endregion
 //#region node_modules/@xmpp/jid/lib/JID.js
-var F = class e {
+var L = class e {
 	constructor(e, t, n) {
 		if (typeof t != "string" || !t) throw TypeError("Invalid domain.");
 		this.setDomain(t), this.setLocal(typeof e == "string" ? e : ""), this.setResource(typeof n == "string" ? n : "");
@@ -759,11 +759,11 @@ var F = class e {
 		return this._local === e._local && this._domain === e._domain && this._resource === e._resource;
 	}
 	setLocal(e, t) {
-		return t ||= me(e), t && (e = he(e)), this._local = e && e.toLowerCase(), this;
+		return t ||= fe(e), t && (e = pe(e)), this._local = e && e.toLowerCase(), this;
 	}
 	getLocal(e = !1) {
 		let t = null;
-		return t = e ? ge(this._local) : this._local, t;
+		return t = e ? me(this._local) : this._local, t;
 	}
 	setDomain(e) {
 		return this._domain = e.toLowerCase(), this;
@@ -778,37 +778,37 @@ var F = class e {
 		return this._resource;
 	}
 };
-Object.defineProperty(F.prototype, "local", {
-	get: F.prototype.getLocal,
-	set: F.prototype.setLocal
-}), Object.defineProperty(F.prototype, "domain", {
-	get: F.prototype.getDomain,
-	set: F.prototype.setDomain
-}), Object.defineProperty(F.prototype, "resource", {
-	get: F.prototype.getResource,
-	set: F.prototype.setResource
+Object.defineProperty(L.prototype, "local", {
+	get: L.prototype.getLocal,
+	set: L.prototype.setLocal
+}), Object.defineProperty(L.prototype, "domain", {
+	get: L.prototype.getDomain,
+	set: L.prototype.setDomain
+}), Object.defineProperty(L.prototype, "resource", {
+	get: L.prototype.getResource,
+	set: L.prototype.setResource
 });
 //#endregion
 //#region node_modules/@xmpp/jid/lib/parse.js
-function _e(e) {
+function he(e) {
 	let t, n, r = e.indexOf("/");
 	r !== -1 && (n = e.slice(r + 1), e = e.slice(0, r));
 	let i = e.indexOf("@");
-	return i !== -1 && (t = e.slice(0, i), e = e.slice(i + 1)), new F(t, e, n);
+	return i !== -1 && (t = e.slice(0, i), e = e.slice(i + 1)), new L(t, e, n);
 }
 //#endregion
 //#region node_modules/@xmpp/jid/index.js
-function ve(e, t) {
+function ge(e, t) {
 	return e.equals(t);
 }
-function ye(...e) {
-	return !e[1] && !e[2] ? _e(...e) : new F(...e);
+function _e(...e) {
+	return !e[1] && !e[2] ? he(...e) : new L(...e);
 }
-var I = ye.bind();
-I.jid = ye, I.JID = F, I.parse = _e, I.equal = ve, I.detectEscape = me, I.escapeLocal = he, I.unescapeLocal = ge;
+var R = _e.bind();
+R.jid = _e, R.JID = L, R.parse = he, R.equal = ge, R.detectEscape = fe, R.escapeLocal = pe, R.unescapeLocal = me;
 //#endregion
 //#region node_modules/@xmpp/error/index.js
-var L = class extends Error {
+var ve = class extends Error {
 	constructor(e, t, n) {
 		super(e + (t ? ` - ${t}` : "")), this.name = "XMPPError", this.condition = e, this.text = t, this.application = n;
 	}
@@ -818,14 +818,14 @@ var L = class extends Error {
 		let o = new this(t.name, i ? i.text() : "", a);
 		return o.element = e, o;
 	}
-}, be = class extends L {
+}, ye = class extends ve {
 	constructor(...e) {
 		super(...e), this.name = "StreamError";
 	}
 };
 //#endregion
 //#region node_modules/@xmpp/connection/lib/util.js
-function xe(e) {
+function be(e) {
 	let { port: t, hostname: n, protocol: r } = new URL(e);
 	return n === "[::1]" && (n = "::1"), {
 		port: t,
@@ -833,19 +833,19 @@ function xe(e) {
 		protocol: r
 	};
 }
-function Se(e) {
-	let { port: t, hostname: n } = xe(`http://${e}`);
+function xe(e) {
+	let { port: t, hostname: n } = be(`http://${e}`);
 	return {
 		port: t,
 		hostname: n
 	};
 }
-function Ce(e) {
-	return e.includes("://") ? xe(e) : Se(e);
+function Se(e) {
+	return e.includes("://") ? be(e) : xe(e);
 }
 //#endregion
 //#region node_modules/@xmpp/connection/index.js
-var we = "urn:ietf:params:xml:ns:xmpp-streams", Te = "http://etherx.jabber.org/streams", R = class extends M.EventEmitter {
+var Ce = "urn:ietf:params:xml:ns:xmpp-streams", we = "http://etherx.jabber.org/streams", Te = class extends N.EventEmitter {
 	#e = null;
 	#t = null;
 	constructor(e = {}) {
@@ -856,7 +856,7 @@ var we = "urn:ietf:params:xml:ns:xmpp-streams", Te = "http://etherx.jabber.org/s
 	}
 	async _streamError(e, t) {
 		try {
-			await this.send(P("stream:error", {}, [P(e, { xmlns: we }, t)]));
+			await this.send(I("stream:error", {}, [I(e, { xmlns: Ce }, t)]));
 		} catch {}
 		return this.disconnect();
 	}
@@ -880,7 +880,7 @@ var we = "urn:ietf:params:xml:ns:xmpp-streams", Te = "http://etherx.jabber.org/s
 		});
 	}
 	_attachSocket(e) {
-		this.socket = e, this.#e ??= de({
+		this.socket = e, this.#e ??= ue({
 			data: this._onData.bind(this),
 			close: this.#r.bind(this),
 			connect: () => this._status("connect"),
@@ -891,19 +891,19 @@ var we = "urn:ietf:params:xml:ns:xmpp-streams", Te = "http://etherx.jabber.org/s
 		this.socket && this.#e?.unsubscribe(this.socket), this.socket = null;
 	}
 	_onElement(e) {
-		let t = e.is("error", Te);
+		let t = e.is("error", we);
 		t && this._onStreamError(e), this.emit("element", e), this.emit(this.isStanza(e) ? "stanza" : "nonza", e), t && this.disconnect();
 	}
 	_onStreamError(e) {
-		let t = be.fromElement(e);
+		let t = ye.fromElement(e);
 		if (t.condition === "see-other-host") return this._onSeeOtherHost(t);
 		this.emit("error", t);
 	}
 	async _onSeeOtherHost(e) {
-		let { protocol: t } = Ce(this.options.service), n = e.element.getChildText("see-other-host"), { port: r } = Se(n), i;
+		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 N(this, "disconnect");
+			await P(this, "disconnect");
 			let { domain: e, lang: t } = this.options;
 			await this.connect(i), await this.open({
 				domain: e,
@@ -914,7 +914,7 @@ var we = "urn:ietf:params:xml:ns:xmpp-streams", Te = "http://etherx.jabber.org/s
 		}
 	}
 	_attachParser(e) {
-		this.parser = e, this.#t ??= de({
+		this.parser = e, this.#t ??= ue({
 			element: this._onElement.bind(this),
 			error: this.#n.bind(this),
 			end: this.#i.bind(this),
@@ -925,7 +925,7 @@ var we = "urn:ietf:params:xml:ns:xmpp-streams", Te = "http://etherx.jabber.org/s
 		this.parser && this.#t?.unsubscribe(this.parser), this.parser = null, this.root = null;
 	}
 	_jid(e) {
-		return this.jid = I(e), this.jid;
+		return this.jid = R(e), this.jid;
 	}
 	_status(e, ...t) {
 		this.status !== e && (this.status = e, this.emit("status", e, ...t), this.emit(e, ...t));
@@ -951,7 +951,7 @@ var we = "urn:ietf:params:xml:ns:xmpp-streams", Te = "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 = N(this, "online");
+		let r = P(this, "online");
 		return await this.open({
 			domain: t,
 			lang: n
@@ -960,15 +960,15 @@ var we = "urn:ietf:params:xml:ns:xmpp-streams", Te = "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)), N(t, "connect");
+		return this._attachSocket(t), t.connect(this.socketParameters(e)), P(t, "connect");
 	}
 	async _closeSocket(e = this.timeout) {
-		this._status("disconnecting"), this.socket.end(), await N(this.socket, "close", "error", e);
+		this._status("disconnecting"), this.socket.end(), await P(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)), N(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)), P(this, "open", "error", this.timeout);
 	}
 	async stop() {
 		let e = await this.disconnect();
@@ -977,7 +977,7 @@ var we = "urn:ietf:params:xml:ns:xmpp-streams", Te = "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"), N(this.parser, "end", "error", e);
+		return await this.write(t), this._status("closing"), P(this.parser, "end", "error", e);
 	}
 	async restart() {
 		this._detachParser();
@@ -991,7 +991,7 @@ var we = "urn:ietf:params:xml:ns:xmpp-streams", Te = "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), N(this, "element", "error", t)]).then(([, e]) => e);
+		return Promise.all([this.send(e), P(this, "element", "error", t)]).then(([, e]) => e);
 	}
 	async write(e) {
 		if (this.status === "closing") throw Error("Connection is closing");
@@ -1010,7 +1010,7 @@ var we = "urn:ietf:params:xml:ns:xmpp-streams", Te = "http://etherx.jabber.org/s
 		return e.toString();
 	}
 	headerElement() {
-		return new P.Element("", {
+		return new I.Element("", {
 			version: "1.0",
 			xmlns: this.NS
 		});
@@ -1045,10 +1045,10 @@ var we = "urn:ietf:params:xml:ns:xmpp-streams", Te = "http://etherx.jabber.org/s
 		}));
 	}
 };
-R.prototype.NS = "", R.prototype.Socket = null, R.prototype.Parser = null;
+Te.prototype.NS = "", Te.prototype.Socket = null, Te.prototype.Parser = null;
 //#endregion
 //#region node_modules/@xmpp/client-core/lib/Client.js
-var Ee = class extends R {
+var Ee = class extends Te {
 	constructor(e) {
 		super(e), this.transports = [];
 	}
@@ -1092,7 +1092,7 @@ var Ee = class extends R {
 Ee.prototype.NS = "jabber:client";
 //#endregion
 //#region node_modules/@xmpp/reconnect/index.js
-var De = class extends M.EventEmitter {
+var De = class extends N.EventEmitter {
 	constructor(e) {
 		super(), this.delay = 1e3, this.entity = e, this._timeout = null;
 	}
@@ -1133,14 +1133,14 @@ function Oe({ entity: e }) {
 //#region node_modules/@xmpp/websocket/lib/Socket.js
 var ke = "ECONNERROR";
 function Ae(e) {
-	let t = xe(e);
+	let t = be(e);
 	return !!(t.protocol === "wss:" || [
 		"localhost",
 		"127.0.0.1",
 		"::1"
 	].includes(t.hostname));
 }
-var je = class extends M.EventEmitter {
+var je = class extends N.EventEmitter {
 	#e = null;
 	socket = null;
 	url = null;
@@ -1149,7 +1149,7 @@ var je = class extends M.EventEmitter {
 		this.url = e, this.secure = Ae(e), this._attachSocket(new WebSocket(e, ["xmpp"]));
 	}
 	_attachSocket(e) {
-		this.socket = e, this.#e ??= de({
+		this.socket = e, this.#e ??= ue({
 			open: () => this.emit("connect"),
 			message: ({ data: e }) => this.emit("data", e),
 			error: (e) => {
@@ -1179,7 +1179,7 @@ var je = class extends M.EventEmitter {
 		}
 		n();
 	}
-}, Me = class extends pe {
+}, Me = class extends de {
 	onStartElement(e, t) {
 		let n = new j.default(e, t), { cursor: r } = this;
 		r && r.append(n), this.cursor = n;
@@ -1187,7 +1187,7 @@ var je = class extends M.EventEmitter {
 	onEndElement(e) {
 		let { cursor: t } = this;
 		if (e !== t.name) {
-			this.emit("error", new fe(`${t.name} must be closed.`));
+			this.emit("error", new F(`${t.name} must be closed.`));
 			return;
 		}
 		if (t.parent) {
@@ -1196,7 +1196,7 @@ var je = class extends M.EventEmitter {
 		}
 		t.is("open", "urn:ietf:params:xml:ns:xmpp-framing") ? this.emit("start", t) : t.is("close", "urn:ietf:params:xml:ns:xmpp-framing") ? this.emit("end", t) : this.emit("element", t), this.cursor = null;
 	}
-}, Ne = "urn:ietf:params:xml:ns:xmpp-framing", Pe = class extends R {
+}, Ne = "urn:ietf:params:xml:ns:xmpp-framing", Pe = class extends Te {
 	send(e, ...t) {
 		return e.attrs.xmlns ??= this.NS, super.send(e, ...t);
 	}
@@ -1204,7 +1204,7 @@ var je = class extends M.EventEmitter {
 		for (let t of e) t.attrs.xmlns ??= this.NS, t.parent = this.root, this.socket.write(t.toString()), this.emit("send", t);
 	}
 	footerElement() {
-		return new P.Element("close", { xmlns: Ne });
+		return new I.Element("close", { xmlns: Ne });
 	}
 	headerElement() {
 		let e = super.headerElement();
@@ -1255,13 +1255,13 @@ var Ie = /* @__PURE__ */ y(((e, t) => {
 	constructor(e, t) {
 		super(e, t);
 		let { jid: n } = e, { domain: r } = e.options ?? {}, i = t.attrs.to || n?.toString(), a = t.attrs.from || r;
-		i && (this.to = new I(i)), a && (this.from = new I(a), this.local = this.from.local, this.domain = this.from.domain, this.resource = this.from.resource);
+		i && (this.to = new R(i)), a && (this.from = new R(a), this.local = this.from.local, this.domain = this.from.domain, this.resource = this.from.resource);
 	}
 }, Ve = class extends ze {
 	constructor(e, t) {
 		super(e, t);
 		let { jid: n } = e, { domain: r } = e.options ?? {}, i = t.attrs.from || n?.toString(), a = t.attrs.to || r;
-		i && (this.from = new I(i)), a && (this.to = new I(a), this.local = this.to.local, this.domain = this.to.domain, this.resource = this.to.resource);
+		i && (this.from = new R(i)), a && (this.to = new R(a), this.local = this.to.local, this.domain = this.to.domain, this.resource = this.to.resource);
 	}
 };
 //#endregion
@@ -1310,7 +1310,7 @@ function Ke() {
 }
 //#endregion
 //#region node_modules/@xmpp/middleware/lib/StanzaError.js
-var qe = class extends L {
+var qe = class extends ve {
 	constructor(e, t, n, r) {
 		super(e, t, n), this.type = r, this.name = "StanzaError";
 	}
@@ -1342,10 +1342,10 @@ var Ye = class {
 	}
 	async request(e, t = 3e4) {
 		e.attrs.id || (e.attrs.id = Ke());
-		let n = new le();
+		let n = new ce();
 		this.handlers.set(e.attrs.id, n);
 		try {
-			await this.entity.send(e), await oe(n.promise, t);
+			await this.entity.send(e), await ae(n.promise, t);
 		} catch (t) {
 			throw this.handlers.delete(e.attrs.id), t;
 		}
@@ -1353,7 +1353,7 @@ var Ye = class {
 	}
 	_childRequest(e, t, n, ...r) {
 		let { name: i, attrs: { xmlns: a } } = t;
-		return this.request(P("iq", {
+		return this.request(I("iq", {
 			type: e,
 			to: n
 		}, t), ...r).then((e) => e.getChild(i, a));
@@ -1379,7 +1379,7 @@ function $e({ type: e }, t, n) {
 	return !(e !== "get" && e !== "set" || t.length !== 1 || !n);
 }
 function et({ stanza: e }) {
-	return P("iq", {
+	return I("iq", {
 		to: e.attrs.from,
 		from: e.attrs.to,
 		id: e.attrs.id
@@ -1394,7 +1394,7 @@ function nt(e, t, n) {
 	return r.attrs.type = "error", n && r.append(n), r.append(t), r;
 }
 function rt(e, t) {
-	return P("error", { type: e }, P(t, Ze));
+	return I("error", { type: e }, I(t, Ze));
 }
 function it(e) {
 	return async function(t, n) {
@@ -1408,7 +1408,7 @@ function it(e) {
 		} catch (t) {
 			e.emit("error", t), o = rt("cancel", "internal-server-error");
 		}
-		return o ||= rt("cancel", "service-unavailable"), o instanceof P.Element && o.is("error") ? nt(t, o, a) : tt(t, o instanceof P.Element ? o : void 0);
+		return o ||= rt("cancel", "service-unavailable"), o instanceof I.Element && o.is("error") ? nt(t, o, a) : tt(t, o instanceof I.Element ? o : void 0);
 	};
 }
 function at(e, t, n, r) {
@@ -1532,7 +1532,7 @@ function ft(e, t = {}) {
 //#endregion
 //#region node_modules/@xmpp/xml/lib/parse.js
 function pt(e) {
-	let t = new pe(), n = null, r = null;
+	let t = new de(), n = null, r = null;
 	if (t.on("start", (e) => {
 		n = e;
 	}), t.on("element", (e) => {
@@ -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 N(a, "connect");
+		a.connect(i), await P(a, "connect");
 	} catch {
 		return bt(e, t);
 	}
@@ -1623,7 +1623,7 @@ function Ct(e) {
 }
 //#endregion
 //#region node_modules/@xmpp/sasl/lib/SASLError.js
-var wt = class extends L {
+var wt = class extends ve {
 	constructor(...e) {
 		super(...e), this.name = "SASLError";
 	}
@@ -1645,7 +1645,7 @@ async function Dt({ saslFactory: e, entity: t, mechanism: n, credentials: r }) {
 		serviceName: a,
 		...r
 	};
-	await ue(t, i.clientFirst && P("auth", {
+	await le(t, i.clientFirst && I("auth", {
 		xmlns: Tt,
 		mechanism: i.name
 	}, St(await i.response(o))), async (e, n) => {
@@ -1653,7 +1653,7 @@ async function Dt({ saslFactory: e, entity: t, mechanism: n, credentials: r }) {
 			if (e.name === "challenge") {
 				await i.challenge(Ct(e.text()));
 				let n = await i.response(o);
-				await t.send(P("response", {
+				await t.send(I("response", {
 					xmlns: Tt,
 					mechanism: i.name
 				}, typeof n == "string" ? St(n) : ""));
@@ -1695,11 +1695,11 @@ async function At({ saslFactory: e, entity: t, mechanism: n, credentials: r, use
 		serviceName: c,
 		...r
 	};
-	await ue(t, P("authenticate", {
+	await le(t, I("authenticate", {
 		xmlns: kt,
 		mechanism: s.name
 	}, [
-		s.clientFirst && P("initial-response", {}, St(await s.response(l))),
+		s.clientFirst && I("initial-response", {}, St(await s.response(l))),
 		i,
 		...a
 	]), async (e, n) => {
@@ -1707,7 +1707,7 @@ async function At({ saslFactory: e, entity: t, mechanism: n, credentials: r, use
 			if (e.name === "challenge") {
 				await s.challenge(Ct(e.text()));
 				let n = await s.response(l);
-				await t.send(P("response", {
+				await t.send(I("response", {
 					xmlns: kt,
 					mechanism: s.name
 				}, typeof n == "string" ? St(n) : ""));
@@ -1775,7 +1775,7 @@ async function Mt({ element: e, features: t }) {
 //#region node_modules/@xmpp/resource-binding/index.js
 var Nt = "urn:ietf:params:xml:ns:xmpp-bind";
 function Pt(e) {
-	return P("bind", { xmlns: Nt }, e && P("resource", {}, e));
+	return I("bind", { xmlns: Nt }, e && I("resource", {}, e));
 }
 async function Ft(e, t, n) {
 	let r = (await t.set(Pt(n))).getChildText("jid");
@@ -1832,36 +1832,36 @@ function Vt({ streamFeatures: e, sm: t, entity: n, resumed: r, failed: i, enable
 	});
 }
 function Ht(e, t) {
-	return ue(e, Wt({ sm: t }), (e, t) => {
+	return le(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 L.fromElement(e);
+		if (e.is("failed", "urn:xmpp:sm:3")) throw ve.fromElement(e);
 	});
 }
 async function Ut(e, t) {
-	return ue(e, Gt({ sm: t }), (e, t) => {
+	return le(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 L.fromElement(e);
+		if (e.is("failed", "urn:xmpp:sm:3")) throw ve.fromElement(e);
 	});
 }
 //#endregion
 //#region node_modules/@xmpp/stream-management/index.js
 var B = "urn:xmpp:sm:3";
 function Wt({ sm: e }) {
-	return P("enable", {
+	return I("enable", {
 		xmlns: B,
 		max: e.preferredMaximum,
 		resume: "true"
 	});
 }
 function Gt({ sm: e }) {
-	return P("resume", {
+	return I("resume", {
 		xmlns: B,
 		h: e.inbound,
 		previd: e.id
 	});
 }
 function Kt({ streamFeatures: e, entity: t, middleware: n, bind2: r, sasl2: i }) {
-	let a = null, o = null, s = null, c = new M.EventEmitter();
+	let a = null, o = null, s = null, c = new N.EventEmitter();
 	Object.assign(c, {
 		preferredMaximum: null,
 		enabled: !1,
@@ -1877,7 +1877,7 @@ function Kt({ streamFeatures: e, entity: t, middleware: n, bind2: r, sasl2: i })
 	});
 	async function l() {
 		try {
-			await t.send(P("a", {
+			await t.send(I("a", {
 				xmlns: B,
 				h: c.inbound
 			}));
@@ -1940,7 +1940,7 @@ function Kt({ streamFeatures: e, entity: t, middleware: n, bind2: r, sasl2: i })
 	function g() {
 		clearTimeout(o), clearTimeout(s), c.enabled && (c.timeout && !a && (a = setTimeout(() => {
 			clearTimeout(o), t.disconnect().catch(() => {});
-		}, c.timeout)), t.send(P("r", { xmlns: B })).catch(() => {}), h());
+		}, c.timeout)), t.send(I("r", { xmlns: B })).catch(() => {}), h());
 	}
 	return n.filter((e, t) => {
 		let { stanza: n } = e;
@@ -1963,7 +1963,7 @@ function Kt({ streamFeatures: e, entity: t, middleware: n, bind2: r, sasl2: i })
 }
 function qt({ entity: e, item: t }) {
 	let { stanza: n, stamp: r } = t;
-	return n.name === "message" && !n.getChild("delay", "urn:xmpp:delay") && n.append(P("delay", {
+	return n.name === "message" && !n.getChild("delay", "urn:xmpp:delay") && n.append(I("delay", {
 		xmlns: "urn:xmpp:delay",
 		from: e.jid.toString(),
 		stamp: r
@@ -1981,7 +1981,7 @@ function Yt({ sasl2: e, entity: t }, n) {
 			element: e,
 			features: r
 		});
-		return P("bind", { xmlns: "urn:xmpp:bind:0" }, n && P("tag", null, n), ...t);
+		return I("bind", { xmlns: "urn:xmpp:bind:0" }, n && I("tag", null, n), ...t);
 	}, (e) => {
 		if (e.is("bound")) {
 			t._ready(!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 M.EventEmitter();
+	let n = new Qt.default(), r, i = new N.EventEmitter();
 	Object.assign(i, {
 		mechanism: null,
 		mechanisms: [],
@@ -2081,7 +2081,7 @@ function $t({ sasl2: e, entity: t }) {
 						...r,
 						password: c.token
 					},
-					streamFeatures: [...o, P("fast", { xmlns: V })],
+					streamFeatures: [...o, I("fast", { xmlns: V })],
 					entity: t,
 					userAgent: n,
 					features: s
@@ -2095,7 +2095,7 @@ function $t({ sasl2: e, entity: t }) {
 		}
 	});
 	function a(e) {
-		e.push(P("request-token", {
+		e.push(I("request-token", {
 			xmlns: V,
 			mechanism: i.mechanism
 		}));
@@ -2221,7 +2221,7 @@ function mn(e = {}) {
 	let { resource: t, credentials: n, username: r, password: i, userAgent: a, ...o } = e, { domain: s, service: c } = o;
 	!s && c && (o.domain = pn(c));
 	let l = new Ee(o);
-	r && o.domain && (l.jid = I(r, o.domain));
+	r && o.domain && (l.jid = R(r, o.domain));
 	let u = Oe({ entity: l }), d = Fe({ entity: l }), f = hn(z.default, { entity: l }), p = hn(z.default, { entity: l }), m = We({ entity: l }), h = Ge({ middleware: m }), g = Xe({
 		middleware: m,
 		entity: l
@@ -2233,7 +2233,7 @@ function mn(e = {}) {
 		plain: rn,
 		anonymous: sn
 	}).map(([e, t]) => ({ [e]: t(y) }));
-	a ??= P("user-agent", { id: globalThis.crypto.randomUUID() });
+	a ??= I("user-agent", { id: globalThis.crypto.randomUUID() });
 	let x = hn(z.default, { streamFeatures: h }), S = jt({
 		streamFeatures: h,
 		saslFactory: y
@@ -2256,13 +2256,13 @@ function mn(e = {}) {
 	}, dn(n ?? {
 		username: r,
 		password: i
-	}, a)), E = Kt({
+	}, a)), ee = Kt({
 		streamFeatures: h,
 		entity: l,
 		middleware: m,
 		bind2: w,
 		sasl2: S
-	}), D = Lt({
+	}), E = Lt({
 		iqCaller: g,
 		streamFeatures: h
 	}, t);
@@ -2281,8 +2281,8 @@ function mn(e = {}) {
 		saslFactory: y,
 		sasl2: S,
 		sasl: T,
-		resourceBinding: D,
-		streamManagement: E,
+		resourceBinding: E,
+		streamManagement: ee,
 		mechanisms: b,
 		bind2: w,
 		fast: C
@@ -2320,7 +2320,9 @@ var U = {
 	conference: "jabber:x:conference",
 	vcard: "vcard-temp",
 	ping: "urn:xmpp:ping",
-	reactions: "urn:xmpp:reactions:0"
+	reactions: "urn:xmpp:reactions:0",
+	reply: "urn:xmpp:reply:0",
+	fallback: "urn:xmpp:fallback:0"
 }, gn = 3e4, _n = class {
 	xmpp;
 	me;
@@ -2349,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 (vn(e)) {
+				if (yn(e)) {
 					this.unauthorized = !0, window.clearTimeout(this.retryTimer), this.h.status("unauthorized", e.message);
 					return;
 				}
@@ -2362,10 +2364,10 @@ var U = {
 			}
 			this.attempt = 0, this.connected = !0;
 			try {
-				await this.xmpp.send(P("iq", {
+				await this.xmpp.send(I("iq", {
 					type: "set",
 					id: "carbons"
-				}, P("enable", { xmlns: U.carbons }))), await this.xmpp.send(P("presence"));
+				}, I("enable", { xmlns: U.carbons }))), await this.xmpp.send(I("presence"));
 			} catch {
 				return;
 			}
@@ -2391,10 +2393,10 @@ var U = {
 		document.visibilityState === "visible" && this.wake();
 	};
 	ping() {
-		this.connected && this.xmpp.iqCaller.request(P("iq", {
+		this.connected && this.xmpp.iqCaller.request(I("iq", {
 			type: "get",
 			to: this.domain
-		}, P("ping", { xmlns: U.ping })), 1e4).catch((e) => {
+		}, I("ping", { xmlns: U.ping })), 1e4).catch((e) => {
 			!this.stopped && this.connected && e.name !== "StanzaError" && this.xmpp.disconnect().catch(() => {});
 		});
 	}
@@ -2408,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 (vn(e)) {
+				if (yn(e)) {
 					this.unauthorized = !0, this.h.status("unauthorized", e.message);
 					return;
 				}
@@ -2424,22 +2426,32 @@ var U = {
 	isGroup(e) {
 		return e.endsWith("@" + this.mucHost);
 	}
-	async send(e, t, n) {
-		let r = crypto.randomUUID(), i = [
-			P("body", {}, t),
-			P("origin-id", {
+	async send(e, t, n, r) {
+		let i = crypto.randomUUID(), a = this.isGroup(e), o = r ? `> ${r.quote ?? ""}\n` : "", s = [
+			I("body", {}, o + t),
+			I("origin-id", {
 				xmlns: U.sid,
-				id: r
+				id: i
 			}),
-			P("store", { xmlns: U.hints })
+			I("store", { xmlns: U.hints })
 		];
-		return n && i.push(P("x", { xmlns: U.oob }, P("url", {}, n))), this.isGroup(e) ? (await this.xmpp.send(P("message", {
+		return n && s.push(I("x", { xmlns: U.oob }, I("url", {}, n))), r && (s.push(I("reply", {
+			xmlns: U.reply,
+			id: r.id,
+			to: a ? `${e}/${r.author}` : `${r.author}@${this.domain}`
+		})), s.push(I("fallback", {
+			xmlns: U.fallback,
+			for: U.reply
+		}, I("body", {
+			start: "0",
+			end: String([...o].length)
+		})))), a ? (await this.xmpp.send(I("message", {
 			to: e,
 			type: "groupchat",
-			id: r
-		}, ...i)), {
-			id: r,
-			oid: r,
+			id: i
+		}, ...s)), {
+			id: i,
+			oid: i,
 			from: e,
 			to: this.cfg.username,
 			body: t,
@@ -2447,51 +2459,53 @@ var U = {
 			mine: !0,
 			oob: n,
 			room: e,
-			nick: this.cfg.username
-		}) : (i.push(P("active", { xmlns: U.chatstates })), await this.xmpp.send(P("message", {
+			nick: this.cfg.username,
+			reply: r
+		}) : (s.push(I("active", { xmlns: U.chatstates })), await this.xmpp.send(I("message", {
 			to: `${e}@${this.domain}`,
 			type: "chat",
-			id: r
-		}, ...i)), {
-			id: r,
-			oid: r,
+			id: i
+		}, ...s)), {
+			id: i,
+			oid: i,
 			from: this.cfg.username,
 			to: e,
 			body: t,
 			ts: Date.now(),
 			mine: !0,
-			oob: n
+			oob: n,
+			reply: r
 		});
 	}
 	async react(e, t, n) {
-		let r = this.isGroup(e), i = P("reactions", {
+		let r = this.isGroup(e), i = I("reactions", {
 			xmlns: U.reactions,
 			id: t
-		}, ...n.map((e) => P("reaction", {}, e)));
-		await this.xmpp.send(P("message", {
+		}, ...n.map((e) => I("reaction", {}, e)));
+		await this.xmpp.send(I("message", {
 			to: r ? e : `${e}@${this.domain}`,
 			type: r ? "groupchat" : "chat",
 			id: crypto.randomUUID()
-		}, i, P("store", { xmlns: U.hints })));
+		}, i, I("store", { xmlns: U.hints })));
 	}
 	async announce(e) {
-		for (let t of e) await this.xmpp.send(P("presence", { to: `${t}@${this.domain}` }, P("x", { xmlns: U.hello }))).catch(() => {});
+		for (let t of e) await this.xmpp.send(I("presence", { to: `${t}@${this.domain}` }, I("x", { xmlns: U.hello }))).catch(() => {});
 	}
 	typing(e, t) {
-		return this.isGroup(e) ? Promise.resolve() : this.xmpp.send(P("message", {
+		return this.isGroup(e) ? Promise.resolve() : this.xmpp.send(I("message", {
 			to: `${e}@${this.domain}`,
 			type: "chat"
-		}, P(t ? "composing" : "paused", { xmlns: U.chatstates })));
+		}, I(t ? "composing" : "paused", { xmlns: U.chatstates })));
 	}
 	enablePush(e, t) {
-		return this.xmpp.iqCaller.request(P("iq", { type: "set" }, P("enable", {
+		return this.xmpp.iqCaller.request(I("iq", { type: "set" }, I("enable", {
 			xmlns: U.push,
 			jid: e,
 			node: t
 		})), 15e3);
 	}
 	disablePush(e, t) {
-		return this.xmpp.iqCaller.request(P("iq", { type: "set" }, P("disable", {
+		return this.xmpp.iqCaller.request(I("iq", { type: "set" }, I("disable", {
 			xmlns: U.push,
 			jid: e,
 			node: t
@@ -2506,20 +2520,20 @@ var U = {
 	async mam(e, t, n) {
 		let r = crypto.randomUUID();
 		this.mamQueries.set(r, []), this.mamReactions.set(r, []);
-		let i = P("set", { xmlns: U.rsm }, P("max", {}, String(n)), P("before", {}, t ?? "")), a = [P("field", {
+		let i = I("set", { xmlns: U.rsm }, I("max", {}, String(n)), I("before", {}, t ?? "")), a = [I("field", {
 			var: "FORM_TYPE",
 			type: "hidden"
-		}, P("value", {}, U.mam))];
-		e && a.push(P("field", { var: "with" }, P("value", {}, this.isGroup(e) ? e : `${e}@${this.domain}`)));
-		let o = P("x", {
+		}, I("value", {}, U.mam))];
+		e && a.push(I("field", { var: "with" }, I("value", {}, this.isGroup(e) ? e : `${e}@${this.domain}`)));
+		let o = I("x", {
 			xmlns: U.data,
 			type: "submit"
 		}, ...a), s, c, l;
 		try {
-			s = await this.xmpp.iqCaller.request(P("iq", {
+			s = await this.xmpp.iqCaller.request(I("iq", {
 				type: "set",
 				id: r
-			}, P("query", {
+			}, I("query", {
 				xmlns: U.mam,
 				queryid: r
 			}, o, i)), 3e4);
@@ -2536,42 +2550,42 @@ var U = {
 	}
 	async createGroup(e, t, n) {
 		let r = `g-${Math.random().toString(36).slice(2, 10)}@${this.mucHost}`, i = this.cfg.username, a = this.waitFor((e) => e.is("presence") && W(e.attrs.from) === r, 1e4);
-		await this.xmpp.send(P("presence", { to: `${r}/${i}` }, P("x", { xmlns: U.muc }))), await a;
-		let o = (e, t) => P("field", { var: e }, P("value", {}, t));
-		await this.xmpp.iqCaller.request(P("iq", {
+		await this.xmpp.send(I("presence", { to: `${r}/${i}` }, I("x", { xmlns: U.muc }))), await a;
+		let o = (e, t) => I("field", { var: e }, I("value", {}, t));
+		await this.xmpp.iqCaller.request(I("iq", {
 			type: "set",
 			to: r
-		}, P("query", { xmlns: U.mucOwner }, P("x", {
+		}, I("query", { xmlns: U.mucOwner }, I("x", {
 			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);
-		await this.xmpp.iqCaller.request(P("iq", {
+		await this.xmpp.iqCaller.request(I("iq", {
 			type: "set",
 			to: r
-		}, P("query", { xmlns: U.mucAdmin }, ...s.map((e) => P("item", {
+		}, I("query", { xmlns: U.mucAdmin }, ...s.map((e) => I("item", {
 			affiliation: "member",
 			jid: `${e}@${this.domain}`
 		})))), 15e3);
-		for (let e of s) await this.xmpp.iqCaller.request(P("iq", {
+		for (let e of s) await this.xmpp.iqCaller.request(I("iq", {
 			type: "set",
 			to: r
-		}, P("subscribe", {
+		}, I("subscribe", {
 			xmlns: U.mucsub,
 			jid: `${e}@${this.domain}`,
 			nick: e
-		}, P("event", { node: U.mucsubMessages }), P("event", { node: U.mucsubConfig }))), 15e3).catch(() => {});
-		await this.xmpp.iqCaller.request(P("iq", {
+		}, I("event", { node: U.mucsubMessages }), I("event", { node: U.mucsubConfig }))), 15e3).catch(() => {});
+		await this.xmpp.iqCaller.request(I("iq", {
 			type: "set",
 			to: r
-		}, P("subscribe", {
+		}, I("subscribe", {
 			xmlns: U.mucsub,
 			nick: i
-		}, P("event", { node: U.mucsubMessages }), P("event", { node: U.mucsubConfig }))), 15e3), await this.xmpp.send(P("presence", {
+		}, I("event", { node: U.mucsubMessages }), I("event", { node: U.mucsubConfig }))), 15e3), await this.xmpp.send(I("presence", {
 			to: `${r}/${i}`,
 			type: "unavailable"
 		}));
-		for (let t of s) await this.xmpp.send(P("message", { to: `${t}@${this.domain}` }, P("x", {
+		for (let t of s) await this.xmpp.send(I("message", { to: `${t}@${this.domain}` }, I("x", {
 			xmlns: U.conference,
 			jid: r,
 			reason: e
@@ -2579,58 +2593,58 @@ var U = {
 		return r;
 	}
 	async leaveGroup(e, t) {
-		t ? await this.xmpp.iqCaller.request(P("iq", {
+		t ? await this.xmpp.iqCaller.request(I("iq", {
 			type: "set",
 			to: e
-		}, P("query", { xmlns: U.mucOwner }, P("destroy", {}))), 1e4) : await this.xmpp.iqCaller.request(P("iq", {
+		}, I("query", { xmlns: U.mucOwner }, I("destroy", {}))), 1e4) : await this.xmpp.iqCaller.request(I("iq", {
 			type: "set",
 			to: e
-		}, P("unsubscribe", { xmlns: U.mucsub })), 1e4);
+		}, I("unsubscribe", { xmlns: U.mucsub })), 1e4);
 	}
 	async setGroupAvatar(e, t) {
 		let n = /^data:(image\/[a-z+]+);base64,(.+)$/i.exec(t);
-		n && await this.xmpp.iqCaller.request(P("iq", {
+		n && await this.xmpp.iqCaller.request(I("iq", {
 			type: "set",
 			to: e
-		}, P("vCard", { xmlns: U.vcard }, P("PHOTO", {}, P("TYPE", {}, n[1]), P("BINVAL", {}, n[2])))), 15e3);
+		}, I("vCard", { xmlns: U.vcard }, I("PHOTO", {}, I("TYPE", {}, n[1]), I("BINVAL", {}, n[2])))), 15e3);
 	}
 	async groupAvatar(e) {
-		let t = (await this.xmpp.iqCaller.request(P("iq", {
+		let t = (await this.xmpp.iqCaller.request(I("iq", {
 			type: "get",
 			to: e
-		}, P("vCard", { xmlns: U.vcard })), 1e4)).getChild("vCard", U.vcard)?.getChild("PHOTO"), n = t?.getChildText("BINVAL");
+		}, I("vCard", { xmlns: U.vcard })), 1e4)).getChild("vCard", U.vcard)?.getChild("PHOTO"), n = t?.getChildText("BINVAL");
 		return n ? `data:${t?.getChildText("TYPE") || "image/jpeg"};base64,${n.replace(/\s+/g, "")}` : void 0;
 	}
 	async listGroups() {
-		let e = ((await this.xmpp.iqCaller.request(P("iq", {
+		let e = ((await this.xmpp.iqCaller.request(I("iq", {
 			type: "get",
 			to: this.mucHost
-		}, P("subscriptions", { xmlns: U.mucsub })), 15e3)).getChild("subscriptions", U.mucsub)?.getChildren("subscription") ?? []).map((e) => e.attrs.jid);
+		}, I("subscriptions", { xmlns: U.mucsub })), 15e3)).getChild("subscriptions", U.mucsub)?.getChildren("subscription") ?? []).map((e) => e.attrs.jid);
 		return Promise.all(e.map((e) => this.groupInfo(e)));
 	}
 	async subscribed(e) {
-		return ((await this.xmpp.iqCaller.request(P("iq", {
+		return ((await this.xmpp.iqCaller.request(I("iq", {
 			type: "get",
 			to: this.mucHost
-		}, P("subscriptions", { xmlns: U.mucsub })), 15e3)).getChild("subscriptions", U.mucsub)?.getChildren("subscription") ?? []).some((t) => W(t.attrs.jid) === e);
+		}, I("subscriptions", { xmlns: U.mucsub })), 15e3)).getChild("subscriptions", U.mucsub)?.getChildren("subscription") ?? []).some((t) => W(t.attrs.jid) === e);
 	}
 	async groupInfo(e) {
 		let t = e.split("@")[0], n = [], r = !1;
 		try {
-			t = (await this.xmpp.iqCaller.request(P("iq", {
+			t = (await this.xmpp.iqCaller.request(I("iq", {
 				type: "get",
 				to: e
-			}, P("query", { xmlns: U.discoInfo })), 1e4)).getChild("query", U.discoInfo)?.getChild("identity")?.attrs.name || t;
+			}, I("query", { xmlns: U.discoInfo })), 1e4)).getChild("query", U.discoInfo)?.getChild("identity")?.attrs.name || t;
 		} catch {}
 		try {
-			n = ((await this.xmpp.iqCaller.request(P("iq", {
+			n = ((await this.xmpp.iqCaller.request(I("iq", {
 				type: "get",
 				to: e
-			}, P("query", { xmlns: U.mucAdmin }, P("item", { affiliation: "member" }))), 1e4)).getChild("query", U.mucAdmin)?.getChildren("item") ?? []).map((e) => G(e.attrs.jid));
-			let t = await this.xmpp.iqCaller.request(P("iq", {
+			}, I("query", { xmlns: U.mucAdmin }, I("item", { affiliation: "member" }))), 1e4)).getChild("query", U.mucAdmin)?.getChildren("item") ?? []).map((e) => G(e.attrs.jid));
+			let t = await this.xmpp.iqCaller.request(I("iq", {
 				type: "get",
 				to: e
-			}, P("query", { xmlns: U.mucAdmin }, P("item", { affiliation: "owner" }))), 1e4);
+			}, I("query", { xmlns: U.mucAdmin }, I("item", { affiliation: "owner" }))), 1e4);
 			for (let e of t.getChild("query", U.mucAdmin)?.getChildren("item") ?? []) n.push(G(e.attrs.jid)), G(e.attrs.jid) === this.cfg.username && (r = !0);
 		} catch {}
 		let i = await this.groupAvatar(e).catch(() => void 0);
@@ -2643,10 +2657,10 @@ var U = {
 		};
 	}
 	async upload(e) {
-		let t = await this.findUploadService(), n = (await this.xmpp.iqCaller.request(P("iq", {
+		let t = await this.findUploadService(), n = (await this.xmpp.iqCaller.request(I("iq", {
 			type: "get",
 			to: t
-		}, P("request", {
+		}, I("request", {
 			xmlns: U.upload,
 			filename: e.name,
 			size: String(e.size),
@@ -2667,19 +2681,19 @@ var U = {
 		if (this.uploadService) return this.uploadService;
 		let e = async (e) => {
 			try {
-				return (await this.xmpp.iqCaller.request(P("iq", {
+				return (await this.xmpp.iqCaller.request(I("iq", {
 					type: "get",
 					to: e
-				}, P("query", { xmlns: U.discoInfo })), 1e4)).getChild("query", U.discoInfo)?.getChildren("feature").some((e) => e.attrs.var === U.upload) ?? !1;
+				}, I("query", { xmlns: U.discoInfo })), 1e4)).getChild("query", U.discoInfo)?.getChildren("feature").some((e) => e.attrs.var === U.upload) ?? !1;
 			} catch {
 				return !1;
 			}
 		}, t = [`upload.${this.domain}`];
 		try {
-			let e = await this.xmpp.iqCaller.request(P("iq", {
+			let e = await this.xmpp.iqCaller.request(I("iq", {
 				type: "get",
 				to: this.domain
-			}, P("query", { xmlns: U.disco })), 1e4);
+			}, I("query", { xmlns: U.disco })), 1e4);
 			for (let n of e.getChild("query", U.disco)?.getChildren("item") ?? []) t.includes(n.attrs.jid) || t.push(n.attrs.jid);
 		} catch {}
 		for (let n of t) if (await e(n)) return this.uploadService = n, n;
@@ -2706,7 +2720,7 @@ var U = {
 			let r = G(n), i = this.online.get(r) ?? /* @__PURE__ */ new Set();
 			e.attrs.type === "unavailable" ? i.delete(t) : i.add(t), this.online.set(r, i), this.h.presence(r, i.size > 0);
 			let a = e.getChild("x", U.hello);
-			a && !a.attrs.reply && e.attrs.type !== "unavailable" && this.xmpp.send(P("presence", { to: n }, P("x", {
+			a && !a.attrs.reply && e.attrs.type !== "unavailable" && this.xmpp.send(I("presence", { to: n }, I("x", {
 				xmlns: U.hello,
 				reply: "1"
 			}))).catch(() => {});
@@ -2720,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, yn(n.getChild("forwarded", U.forward)));
+				let i = t ? void 0 : this.toMessage(e, n.attrs.id, bn(n.getChild("forwarded", U.forward)));
 				i && r.push(i);
 			}
 			return;
@@ -2735,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) && bn(i, "presence")?.getChild("x", U.mucUser)?.getChild("destroy") && this.h.groupDestroyed(t);
+			this.isGroup(t) && xn(i, "presence")?.getChild("x", U.mucUser)?.getChild("destroy") && this.h.groupDestroyed(t);
 			return;
 		}
 		let a = e.getChild("x", U.conference);
@@ -2752,7 +2766,7 @@ var U = {
 			this.h.reaction(t);
 			return;
 		}
-		let n = this.toMessage(e, e.getChild("stanza-id", U.sid)?.attrs.id, yn(e));
+		let n = this.toMessage(e, e.getChild("stanza-id", U.sid)?.attrs.id, bn(e));
 		if (n) {
 			this.h.message(n);
 			return;
@@ -2765,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 = xn(t);
+			let i = Sn(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;
@@ -2791,11 +2805,15 @@ var U = {
 		} : void 0;
 	}
 	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);
+	}
+	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 = xn(r);
+			let a = Sn(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 : {
@@ -2804,7 +2822,7 @@ var U = {
 				from: i,
 				to: this.cfg.username,
 				body: s,
-				ts: yn(a) !== n && a.getChild("delay", U.delay) ? yn(a) : n,
+				ts: bn(a) !== n && a.getChild("delay", U.delay) ? bn(a) : n,
 				mine: o === this.cfg.username,
 				oob: a.getChild("x", U.oob)?.getChildText("url") ?? void 0,
 				room: i,
@@ -2843,20 +2861,43 @@ var U = {
 			oob: e.getChild("x", U.oob)?.getChildText("url") ?? void 0
 		};
 	}
-}, W = (e = "") => e.split("/")[0], vn = (e) => e.name === "SASLError" || e.condition === "not-authorized", G = (e = "") => e.split("@")[0], yn = (e) => {
+}, W = (e = "") => e.split("/")[0];
+function vn(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);
+	if (!a || !(c > s) || c > o.length) return {
+		...e,
+		reply: {
+			id: n.attrs.id,
+			author: i
+		}
+	};
+	let l = o.slice(s, c).join("").replace(/^> ?/gm, "").trim();
+	return {
+		...e,
+		body: (o.slice(0, s).join("") + o.slice(c).join("")).trim(),
+		reply: {
+			id: n.attrs.id,
+			author: i,
+			quote: l
+		}
+	};
+}
+var yn = (e) => e.name === "SASLError" || e.condition === "not-authorized", G = (e = "") => e.split("@")[0], bn = (e) => {
 	let t = e?.getChild("delay", U.delay)?.attrs.stamp;
 	return t ? Date.parse(t) : Date.now();
 };
-function bn(e, t) {
+function xn(e, t) {
 	for (let n of e.children) {
 		if (typeof n == "string") continue;
 		if (n.name === t) return n;
-		let e = bn(n, t);
+		let e = xn(n, t);
 		if (e) return e;
 	}
 }
-var xn = (e) => bn(e, "message"), K;
-function Sn() {
+var Sn = (e) => xn(e, "message"), K;
+function Cn() {
 	try {
 		K ??= new AudioContext(), K.state === "suspended" && K.resume();
 		let e = K.currentTime;
@@ -2876,7 +2917,7 @@ function Sn() {
 }
 //#endregion
 //#region node_modules/zustand/esm/vanilla.mjs
-var Cn = (e) => {
+var wn = (e) => {
 	let t, n = /* @__PURE__ */ new Set(), r = (e, r) => {
 		let i = typeof e == "function" ? e(t) : e;
 		if (!Object.is(i, t)) {
@@ -2893,15 +2934,15 @@ var Cn = (e) => {
 		}
 	}, o = t = e(r, i, a);
 	return a;
-}, wn = (e) => e ? Cn(e) : Cn, { useDebugValue: Tn } = e, { useSyncExternalStoreWithSelector: En } = l, Dn = (e) => e;
-function On(e, t = Dn, n) {
-	let r = En(e.subscribe, e.getState, e.getServerState || e.getInitialState, t, n);
-	return Tn(r), r;
+}, 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;
 }
-var kn = (e) => {
-	let t = typeof e == "function" ? wn(e) : e, n = (e, n) => On(t, e, n);
+var An = (e) => {
+	let t = typeof e == "function" ? Tn(e) : e, n = (e, n) => kn(t, e, n);
 	return Object.assign(n, t), n;
-}, An = (e) => e ? kn(e) : kn, jn = (e) => e.room ?? (e.mine ? e.to : e.from), q = (e, t) => ({
+}, jn = (e) => e ? An(e) : An, Mn = (e) => e.room ?? (e.mine ? e.to : e.from), q = (e, t) => ({
 	peer: e,
 	kind: t && e.endsWith("@" + t) ? "group" : "chat",
 	messages: [],
@@ -2909,14 +2950,15 @@ var kn = (e) => {
 	typing: !1,
 	loaded: !1,
 	complete: !1
-}), Mn = (e, t, n, r) => {
+}), Nn = (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);
-}, J = An((e, t) => ({
+}, J = jn((e, t) => ({
 	me: "",
+	myName: "",
 	mucHost: "",
 	status: "connecting",
 	contacts: {},
@@ -2980,7 +3022,7 @@ var kn = (e) => {
 	seed: (t, n) => e((e) => {
 		let r = { ...e.conversations };
 		for (let i of t) {
-			let t = jn(i);
+			let t = Mn(i);
 			if (!t || t === n) continue;
 			let a = r[t] ?? q(t, e.mucHost);
 			if (a.messages.some((e) => e.id === i.id)) continue;
@@ -3003,7 +3045,7 @@ var kn = (e) => {
 		let i = e.conversations[t] ?? q(t, e.mucHost), a = i.messages.filter((e) => e.id !== n.id && !(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 = Mn(e.order, t, e.maxHeads, e.open);
+		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);
 		return {
 			conversations: {
 				...e.conversations,
@@ -3054,7 +3096,7 @@ var kn = (e) => {
 			...e.conversations,
 			[t]: q(t, e.mucHost)
 		},
-		order: Mn(e.order, t, e.maxHeads, e.open),
+		order: Nn(e.order, t, e.maxHeads, e.open),
 		open: t,
 		picker: !1
 	})),
@@ -3083,29 +3125,30 @@ var kn = (e) => {
 }));
 //#endregion
 //#region src/api.ts
-async function Nn(e, t, n) {
+async function Pn(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 Pn(e, t, n) {
-	let r = await Nn(e, t, "/user/endpoints/all"), i = {};
+async function Fn(e, t, n, r) {
+	let i = await Pn(e, t, "/user/endpoints/all"), a = {};
 	try {
-		i = await Nn(e, t, "/user/all_avatars");
+		a = await Pn(e, t, "/user/all_avatars");
 	} catch {}
-	return Object.values(r).filter((e) => e.username && e.username !== n).map((e) => ({
+	let o = Object.values(i).find((e) => e.username === n)?.name;
+	return o && r?.(o), Object.values(i).filter((e) => e.username && e.username !== n).map((e) => ({
 		username: e.username,
 		name: e.name || e.username,
-		avatar: i[e.username],
+		avatar: a[e.username],
 		presence: e.mainPresence
 	})).sort((e, t) => e.name.localeCompare(t.name));
 }
-async function Fn(e, t) {
+async function In(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 In(e, t, n) {
+async function Ln(e, t, n) {
 	let r = await fetch(`https://${e}/chat-gw/conversations/${encodeURIComponent(n)}`, {
 		method: "DELETE",
 		headers: { Authorization: `Bearer ${t}` }
@@ -3114,16 +3157,16 @@ async function In(e, t, n) {
 }
 //#endregion
 //#region src/push.ts
-var Ln = (e) => {
+var Rn = (e) => {
 	let t = atob((e + "=".repeat((4 - e.length % 4) % 4)).replace(/-/g, "+").replace(/_/g, "/"));
 	return Uint8Array.from(t, (e) => e.charCodeAt(0));
-}, Rn = !1;
-function zn() {
-	Rn || (Rn = !0, navigator.serviceWorker.addEventListener("message", (e) => {
+}, zn = !1;
+function Bn() {
+	zn || (zn = !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 Bn(e, t) {
+async function Vn(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`);
@@ -3132,7 +3175,7 @@ async function Bn(e, t) {
 	await navigator.serviceWorker.ready;
 	let o = await a.pushManager.getSubscription() ?? await a.pushManager.subscribe({
 		userVisibleOnly: !0,
-		applicationServerKey: Ln(i.publicKey)
+		applicationServerKey: Rn(i.publicKey)
 	}), s = await fetch(`${n}/push/web`, {
 		method: "POST",
 		headers: {
@@ -3143,7 +3186,7 @@ async function Bn(e, t) {
 	});
 	if (!s.ok) throw Error(`push/web: HTTP ${s.status} ${(await s.text()).slice(0, 120)}`);
 	let c = await s.json();
-	return zn(), {
+	return Bn(), {
 		node: c.node,
 		service: c.service
 	};
@@ -3159,8 +3202,8 @@ function X(e, t) {
 }
 //#endregion
 //#region src/components/Avatar.tsx
-var Vn = (e) => e.split(/\s+/).slice(0, 2).map((e) => e[0]?.toUpperCase() ?? "").join("");
-function Hn({ contact: e, username: t, size: n = 40 }) {
+var Hn = (e) => e.split(/\s+/).slice(0, 2).map((e) => e[0]?.toUpperCase() ?? "").join("");
+function Un({ contact: e, username: t, size: n = 40 }) {
 	let r = e?.name || t, i = {
 		width: n,
 		height: n,
@@ -3175,13 +3218,13 @@ function Hn({ 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: Vn(r)
+		children: Hn(r)
 	});
 }
-function Un({ online: e, presence: t, mobile: n }) {
+function Wn({ 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 Wn({ name: e, size: t = 40, avatar: n }) {
+function Gn({ name: e, size: t = 40, avatar: n }) {
 	let r = {
 		width: t,
 		height: t,
@@ -3196,12 +3239,12 @@ function Wn({ 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: Vn(e || "G")
+		children: Hn(e || "G")
 	});
 }
 //#endregion
 //#region src/components/Button.tsx
-var Gn = "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", Kn = {
+var Kn = "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", qn = {
 	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",
@@ -3214,7 +3257,7 @@ function Z({ variant: e, className: t = "", children: n, ...r }) {
 	return /* @__PURE__ */ d("button", {
 		type: "button",
 		"aria-label": r["aria-label"] ?? r.title,
-		className: `${Gn} ${Kn[e]} ${t}`,
+		className: `${Kn} ${qn[e]} ${t}`,
 		...r,
 		children: n
 	});
@@ -3308,6 +3351,17 @@ var Q = {
 		strokeLinejoin: "round",
 		children: /* @__PURE__ */ d("path", { d: "M3 6h18M8 6V4h8v2M19 6l-1 14H6L5 6M10 11v6M14 11v6" })
 	}),
+	reply: /* @__PURE__ */ f("svg", {
+		width: "16",
+		height: "16",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		children: [/* @__PURE__ */ d("path", { d: "M9 17l-5-5 5-5" }), /* @__PURE__ */ d("path", { d: "M20 18v-2a4 4 0 0 0-4-4H4" })]
+	}),
 	minus: /* @__PURE__ */ d("svg", {
 		width: "16",
 		height: "16",
@@ -3371,7 +3425,7 @@ var Q = {
 };
 //#endregion
 //#region src/components/Dock.tsx
-function qn({ onDragStart: e, pushButton: t = !0 }) {
+function Jn({ 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) => ({
 		order: e.order,
 		open: e.open,
@@ -3401,15 +3455,15 @@ function qn({ onDragStart: e, pushButton: t = !0 }) {
 						title: t?.kind === "group" ? t.name ?? e : a[e]?.name ?? e,
 						onClick: () => n ? J.getState().closeChat() : c(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(Wn, {
+						children: [t?.kind === "group" ? /* @__PURE__ */ d(Gn, {
 							name: t.name ?? e,
 							size: 48,
 							avatar: t.avatar
-						}) : /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d(Hn, {
+						}) : /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d(Un, {
 							contact: a[e],
 							username: e,
 							size: 48
-						}), /* @__PURE__ */ d(Un, {
+						}), /* @__PURE__ */ d(Wn, {
 							online: o[e],
 							presence: a[e]?.presence,
 							mobile: s[e]
@@ -3445,7 +3499,7 @@ function qn({ onDragStart: e, pushButton: t = !0 }) {
 }
 //#endregion
 //#region src/shortcodes.ts
-var Jn = {
+var Yn = {
 	"+1": "👍",
 	thumbsup: "👍",
 	"-1": "👎",
@@ -3639,13 +3693,13 @@ var Jn = {
 	zzz: "💤",
 	sweat_drops: "💦",
 	dash: "💨"
-}, Yn = /(```[\s\S]*?(?:```|$)|`[^`\n]*`?)/g, Xn = /:([a-z0-9_+-]+):/g, Zn = (e) => e.replace(Xn, (e, t) => Jn[t] ?? e);
+}, Xn = /(```[\s\S]*?(?:```|$)|`[^`\n]*`?)/g, Zn = /:([a-z0-9_+-]+):/g, Qn = (e) => e.replace(Zn, (e, t) => Yn[t] ?? e);
 function $(e) {
-	return e.includes(":") ? e.split(Yn).map((e, t) => t % 2 ? e : Zn(e)).join("") : e;
+	return e.includes(":") ? e.split(Xn).map((e, t) => t % 2 ? e : Qn(e)).join("") : e;
 }
 //#endregion
 //#region src/components/EmojiPicker.tsx
-var Qn = [
+var $n = [
 	{
 		label: "Smileys",
 		icon: "😀",
@@ -3676,7 +3730,7 @@ var Qn = [
 		icon: "☕",
 		emojis: "☕ 🍵 🥤 🍕 🍔 🍟 🌭 🥪 🌮 🍝 🍣 🍩 🍪 🍫 🍎 🍌 🍓 🥐 🚗 🚕 🚌 🚆 ✈️ 🚀 🏠 🏢 🏖️ 🌍 ☀️ 🌤️ 🌧️ ⛈️ ❄️ ⚡ 🌈 🌙"
 	}
-], $n = [
+], er = [
 	"👍",
 	"❤️",
 	"😂",
@@ -3684,7 +3738,7 @@ var Qn = [
 	"😢",
 	"🙏"
 ];
-function er({ onPick: e, onClose: t, className: n = "" }) {
+function tr({ 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) => {
@@ -3700,7 +3754,7 @@ function er({ 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: Qn.map((e, t) => /* @__PURE__ */ d("button", {
+			children: $n.map((e, t) => /* @__PURE__ */ d("button", {
 				type: "button",
 				title: e.label,
 				"aria-label": e.label,
@@ -3714,7 +3768,7 @@ function er({ 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: Qn[r].emojis.split(" ").map((t) => /* @__PURE__ */ d("button", {
+			children: $n[r].emojis.split(" ").map((t) => /* @__PURE__ */ d("button", {
 				type: "button",
 				onClick: () => e(t),
 				style: {
@@ -3729,27 +3783,27 @@ function er({ onPick: e, onClose: t, className: n = "" }) {
 }
 //#endregion
 //#region src/components/MessageList.tsx
-var tr = (e) => /\.(png|jpe?g|gif|webp|avif|svg)(\?|$)/i.test(e), nr = (e) => /\.(webm|ogg|oga|opus|mp3|m4a|wav)(\?|$)/i.test(e), rr = (e) => {
+var nr = (e) => /\.(png|jpe?g|gif|webp|avif|svg)(\?|$)/i.test(e), rr = (e) => /\.(webm|ogg|oga|opus|mp3|m4a|wav)(\?|$)/i.test(e), ir = (e) => {
 	let t = e.split("/").pop() || "file";
 	try {
 		return decodeURIComponent(t);
 	} catch {
 		return t;
 	}
-}, ir = (e) => {
+}, ar = (e) => {
 	try {
 		return new URL(e).protocol === "https:";
 	} catch {
 		return !1;
 	}
-}, ar = (e) => new Date(e).toLocaleTimeString([], {
+}, or = (e) => new Date(e).toLocaleTimeString([], {
 	hour: "2-digit",
 	minute: "2-digit"
-}), or = (e) => new Date(e).toLocaleDateString([], {
+}), sr = (e) => new Date(e).toLocaleDateString([], {
 	weekday: "short",
 	day: "numeric",
 	month: "short"
-}), sr = (e, t) => new Date(e).toDateString() === new Date(t).toDateString(), cr = (e) => {
+}), cr = (e, t) => new Date(e).toDateString() === new Date(t).toDateString(), lr = (e) => {
 	if (!e.startsWith("{\"")) return null;
 	try {
 		let t = JSON.parse(e);
@@ -3760,17 +3814,17 @@ var tr = (e) => /\.(png|jpe?g|gif|webp|avif|svg)(\?|$)/i.test(e), nr = (e) => /\
 	} catch {
 		return null;
 	}
-}, lr = n(function({ url: e }) {
-	return ir(e) ? tr(e) ? /* @__PURE__ */ d("a", {
+}, ur = n(function({ url: e }) {
+	return ar(e) ? nr(e) ? /* @__PURE__ */ d("a", {
 		href: e,
 		target: "_blank",
 		rel: "noreferrer",
 		children: /* @__PURE__ */ d("img", {
 			src: e,
-			alt: rr(e),
+			alt: ir(e),
 			className: "ci-max-w-full ci-max-h-60 ci-rounded-2xl ci-block"
 		})
-	}) : nr(e) ? /* @__PURE__ */ d("audio", {
+	}) : rr(e) ? /* @__PURE__ */ d("audio", {
 		controls: !0,
 		src: e,
 		className: "ci-max-w-full"
@@ -3787,15 +3841,15 @@ var tr = (e) => /\.(png|jpe?g|gif|webp|avif|svg)(\?|$)/i.test(e), nr = (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" })
-		}), rr(e)]
+		}), ir(e)]
 	}) : /* @__PURE__ */ d("span", {
 		className: "ci-break-all",
 		children: e
 	});
-}), ur = /(`[^`\n]+`)|(\*\*[^*\n]+\*\*|__[^_\n]+__)|(~~[^~\n]+~~)|(\*[^*\s][^*\n]*\*|_[^_\s][^_\n]*_)|\[([^\]\n]+)\]\((https?:\/\/[^\s)]+)\)|(https?:\/\/[^\s<]+)/g;
-function dr({ text: e }) {
+}), dr = /(`[^`\n]+`)|(\*\*[^*\n]+\*\*|__[^_\n]+__)|(~~[^~\n]+~~)|(\*[^*\s][^*\n]*\*|_[^_\s][^_\n]*_)|\[([^\]\n]+)\]\((https?:\/\/[^\s)]+)\)|(https?:\/\/[^\s<]+)/g;
+function fr({ text: e }) {
 	let t = [], n = 0;
-	for (let r of e.matchAll(ur)) {
+	for (let r of e.matchAll(dr)) {
 		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]",
@@ -3816,17 +3870,17 @@ function dr({ text: e }) {
 	}
 	return n < e.length && t.push($(e.slice(n))), /* @__PURE__ */ d(u, { children: t });
 }
-var fr = n(function({ text: e }) {
+var pr = 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(dr, { text: e.replace(/^(\s*)[-*] (?=\S)/gm, "$1• ") }, t))
+		}, t) : /* @__PURE__ */ d(fr, { text: e.replace(/^(\s*)[-*] (?=\S)/gm, "$1• ") }, t))
 	});
 });
-function pr({ text: e, count: t }) {
+function mr({ text: e, count: t }) {
 	return /* @__PURE__ */ f("span", {
 		className: "ci-italic ci-opacity-80",
 		children: [
@@ -3839,7 +3893,7 @@ function pr({ text: e, count: t }) {
 		]
 	});
 }
-function mr({ forMsg: e, me: t, onReact: n, nameOf: r, mine: i }) {
+function hr({ 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]);
@@ -3864,33 +3918,57 @@ function mr({ forMsg: e, me: t, onReact: n, nameOf: r, mine: i }) {
 		})
 	}) : null;
 }
-function hr({ messages: e, typing: t, onLoadOlder: n, hasOlder: r, group: a, reactions: o, me: l = "", onReact: u }) {
-	let p = J((e) => e.contacts), m = s(null), h = s(!0), [g, _] = c(null), [v, y] = c(null), b = (e) => p[e]?.name ?? e;
+function gr({ 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)}"]`);
+		n && (n.scrollIntoView({
+			block: "center",
+			behavior: "smooth"
+		}), n.animate([{ opacity: .4 }, { opacity: 1 }], { duration: 900 }));
+	};
+	return /* @__PURE__ */ f("div", {
+		role: "button",
+		tabIndex: 0,
+		onClick: o,
+		onKeyDown: (e) => e.key === "Enter" && o(e),
+		className: `ci-mb-1.5 ci-px-2.5 ci-py-1 ci-rounded-xl ci-cursor-pointer ci-border-0 ci-border-l-4 ci-border-solid ci-text-xs ${n ? "ci-bg-black/20 dark:ci-bg-black/10 ci-border-gray-400 dark:ci-border-gray-600" : "ci-bg-black/5 dark:ci-bg-white/10 ci-border-iconSecondary dark:ci-border-iconSecondaryDark"}`,
+		children: [/* @__PURE__ */ d("div", {
+			className: "ci-font-medium",
+			children: r(e.author)
+		}), /* @__PURE__ */ d("div", {
+			className: "ci-line-clamp-2 ci-break-words ci-opacity-80",
+			children: a
+		})]
+	});
+}
+function _r({ 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 = m.current;
-		e && h.current && (e.scrollTop = e.scrollHeight);
+		let e = h.current;
+		e && g.current && (e.scrollTop = e.scrollHeight);
 	}, [
 		e.length,
 		t,
 		o
 	]), i(() => {
-		if (!g) return;
-		let e = () => _(null), t = window.setTimeout(() => document.addEventListener("click", e, { once: !0 }), 0);
+		if (!_) return;
+		let e = () => v(null), t = window.setTimeout(() => document.addEventListener("click", e, { once: !0 }), 0);
 		return () => {
 			window.clearTimeout(t), document.removeEventListener("click", e);
 		};
-	}, [g]);
-	let x = () => {
-		let e = m.current;
-		e && (h.current = e.scrollHeight - e.scrollTop - e.clientHeight < 40, e.scrollTop < 30 && r && n());
-	}, S = (e, t) => {
-		_(null), y(null), u?.(e, t);
+	}, [_]);
+	let S = () => {
+		let e = h.current;
+		e && (g.current = e.scrollHeight - e.scrollTop - e.clientHeight < 40, e.scrollTop < 30 && r && n());
+	}, C = (e, t) => {
+		v(null), b(null), u?.(e, t);
 	};
 	return /* @__PURE__ */ f("div", {
 		className: "ci-relative ci-flex-1 ci-min-h-0 ci-flex ci-flex-col",
 		children: [/* @__PURE__ */ f("div", {
-			ref: m,
-			onScroll: x,
+			ref: h,
+			onScroll: S,
 			className: "ci-flex-1 ci-overflow-y-auto ci-px-4 ci-py-2 ci-space-y-1",
 			children: [
 				r && /* @__PURE__ */ d("div", {
@@ -3898,90 +3976,110 @@ function hr({ 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 || !sr(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 ? b(t.nick) : null, m = t.oid, h = !!u && !!m && !t.pending, v = h && /* @__PURE__ */ d("button", {
+					let r = e[n - 1], i = !r || !cr(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",
 						onClick: (e) => {
-							e.stopPropagation(), _(g === m ? null : m);
+							e.stopPropagation(), v(_ === h ? null : h);
 						},
-						className: `ci-self-center ci-h-7 ci-w-7 ci-shrink-0 ci-flex ci-items-center ci-justify-center ci-rounded-full ci-border-0 ci-bg-transparent ci-text-gray-500 dark:ci-text-gray-400 hover:ci-bg-gray-200 dark:hover:ci-bg-gray-800 focus:ci-opacity-100 ${g === m ? "ci-opacity-100" : "ci-opacity-0 group-hover:ci-opacity-100"}`,
+						className: `ci-self-center ci-h-7 ci-w-7 ci-shrink-0 ci-flex ci-items-center ci-justify-center ci-rounded-full ci-border-0 ci-bg-transparent ci-text-gray-500 dark:ci-text-gray-400 hover:ci-bg-gray-200 dark:hover:ci-bg-gray-800 focus:ci-opacity-100 ${_ === h ? "ci-opacity-100" : "ci-opacity-0 group-hover:ci-opacity-100"}`,
 						children: Q.react
+					}), S = !!p && !!h && !t.pending && /* @__PURE__ */ d("button", {
+						type: "button",
+						title: "Reply",
+						"aria-label": "Reply to this message",
+						onClick: (e) => {
+							e.stopPropagation(), p(t);
+						},
+						className: "ci-self-center ci-h-7 ci-w-7 ci-shrink-0 ci-flex ci-items-center ci-justify-center ci-rounded-full ci-border-0 ci-bg-transparent ci-text-gray-500 dark:ci-text-gray-400 hover:ci-bg-gray-200 dark:hover:ci-bg-gray-800 focus:ci-opacity-100 ci-opacity-0 group-hover:ci-opacity-100",
+						children: Q.reply
 					});
-					return /* @__PURE__ */ f("div", { 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: or(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(Hn, {
-									contact: p[t.nick],
-									username: t.nick,
-									size: 28
-								})
-							}),
-							t.mine && v,
-							/* @__PURE__ */ f("div", {
-								className: `ci-relative ci-flex ci-flex-col ci-max-w-[80%] ${t.mine ? "ci-items-end" : "ci-items-start"}`,
-								children: [
-									g === m && m && /* @__PURE__ */ f("div", {
-										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: [$n.map((e) => /* @__PURE__ */ d("button", {
-											type: "button",
-											role: "menuitem",
-											"aria-label": e,
-											onClick: () => S(m, e),
-											style: {
-												fontSize: 22,
-												lineHeight: "32px"
-											},
-											className: `ci-h-9 ci-w-9 ci-flex ci-items-center ci-justify-center ci-rounded-full ci-border-0 hover:ci-scale-125 ci-transition-transform ${o?.[m]?.[l]?.includes(e) ? "ci-bg-gray-200 dark:ci-bg-gray-800" : "ci-bg-transparent"}`,
-											children: e
-										}, e)), /* @__PURE__ */ d("button", {
-											type: "button",
-											role: "menuitem",
-											title: "More emojis",
-											"aria-label": "More emojis",
-											onClick: () => {
-												_(null), y(m);
-											},
-											className: "ci-h-8 ci-w-8 ci-flex ci-items-center ci-justify-center ci-rounded-full ci-border-0 ci-bg-gray-200 dark:ci-bg-gray-800 ci-text-gray-700 dark:ci-text-gray-200 ci-text-lg",
-											children: "+"
-										})]
-									}),
-									/* @__PURE__ */ f("div", {
-										title: ar(t.ts),
-										onDoubleClick: () => h && S(m, $n[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.oob ? /* @__PURE__ */ d(lr, { url: t.oob }) : cr(t.body) ? /* @__PURE__ */ d(pr, { ...cr(t.body) }) : /* @__PURE__ */ d(fr, { text: t.body }),
-											t.oob && t.body && t.body !== t.oob && t.body !== rr(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: ar(t.ts)
-											})
-										]
-									}),
-									m && /* @__PURE__ */ d(mr, {
-										forMsg: o?.[m],
-										me: l,
-										mine: t.mine,
-										nameOf: b,
-										onReact: (e) => h && S(m, e)
+					return /* @__PURE__ */ f("div", {
+						"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: sr(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(Un, {
+										contact: m[t.nick],
+										username: t.nick,
+										size: 28
 									})
-								]
-							}),
-							!t.mine && v
-						]
-					})] }, t.id);
+								}),
+								t.mine && S,
+								t.mine && y,
+								/* @__PURE__ */ f("div", {
+									className: `ci-relative ci-flex ci-flex-col ci-max-w-[80%] ${t.mine ? "ci-items-end" : "ci-items-start"}`,
+									children: [
+										_ === h && h && /* @__PURE__ */ f("div", {
+											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: [er.map((e) => /* @__PURE__ */ d("button", {
+												type: "button",
+												role: "menuitem",
+												"aria-label": e,
+												onClick: () => C(h, e),
+												style: {
+													fontSize: 22,
+													lineHeight: "32px"
+												},
+												className: `ci-h-9 ci-w-9 ci-flex ci-items-center ci-justify-center ci-rounded-full ci-border-0 hover:ci-scale-125 ci-transition-transform ${o?.[h]?.[l]?.includes(e) ? "ci-bg-gray-200 dark:ci-bg-gray-800" : "ci-bg-transparent"}`,
+												children: e
+											}, e)), /* @__PURE__ */ d("button", {
+												type: "button",
+												role: "menuitem",
+												title: "More emojis",
+												"aria-label": "More emojis",
+												onClick: () => {
+													v(null), b(h);
+												},
+												className: "ci-h-8 ci-w-8 ci-flex ci-items-center ci-justify-center ci-rounded-full ci-border-0 ci-bg-gray-200 dark:ci-bg-gray-800 ci-text-gray-700 dark:ci-text-gray-200 ci-text-lg",
+												children: "+"
+											})]
+										}),
+										/* @__PURE__ */ f("div", {
+											title: or(t.ts),
+											onDoubleClick: () => g && C(h, er[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(gr, {
+													reply: t.reply,
+													messages: e,
+													mine: t.mine,
+													name: (e) => e === l ? "You" : x(e)
+												}),
+												t.oob ? /* @__PURE__ */ d(ur, { url: t.oob }) : lr(t.body) ? /* @__PURE__ */ d(mr, { ...lr(t.body) }) : /* @__PURE__ */ d(pr, { text: t.body }),
+												t.oob && t.body && t.body !== t.oob && t.body !== ir(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: or(t.ts)
+												})
+											]
+										}),
+										h && /* @__PURE__ */ d(hr, {
+											forMsg: o?.[h],
+											me: l,
+											mine: t.mine,
+											nameOf: x,
+											onReact: (e) => g && C(h, e)
+										})
+									]
+								}),
+								!t.mine && y,
+								!t.mine && S
+							]
+						})]
+					}, t.id);
 				}),
 				t && /* @__PURE__ */ d("div", {
 					className: "ci-flex ci-justify-start ci-mt-2",
@@ -3991,16 +4089,16 @@ function hr({ messages: e, typing: t, onLoadOlder: n, hasOlder: r, group: a, rea
 					})
 				})
 			]
-		}), v && /* @__PURE__ */ d(er, {
+		}), y && /* @__PURE__ */ d(tr, {
 			className: "ci-absolute ci-bottom-2 ci-left-1/2 ci--translate-x-1/2",
-			onPick: (e) => S(v, e),
-			onClose: () => y(null)
+			onPick: (e) => C(y, e),
+			onClose: () => b(null)
 		})]
 	});
 }
 //#endregion
 //#region src/ogg.ts
-function gr(e, t, n) {
+function vr(e, t, n) {
 	let r = e[t];
 	if (r === void 0) return null;
 	let i = 1;
@@ -4014,7 +4112,7 @@ function gr(e, t, n) {
 		unknown: !n && o
 	};
 }
-var _r = /* @__PURE__ */ new Set([
+var yr = /* @__PURE__ */ new Set([
 	408125543,
 	524531317,
 	374648427,
@@ -4022,18 +4120,18 @@ var _r = /* @__PURE__ */ new Set([
 	225,
 	160
 ]);
-function vr(e) {
+function br(e) {
 	let t = {
 		channels: 1,
 		packets: []
 	}, n = 0;
 	for (; n < e.length;) {
-		let r = gr(e, n, !0);
+		let r = vr(e, n, !0);
 		if (!r) break;
-		let i = gr(e, n + r.len, !1);
+		let i = vr(e, n + r.len, !1);
 		if (!i) break;
 		let a = n + r.len + i.len;
-		if (_r.has(r.value)) {
+		if (yr.has(r.value)) {
 			n = a;
 			continue;
 		}
@@ -4042,14 +4140,14 @@ function vr(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 = gr(e, a, !1);
+			let n = vr(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 yr(e) {
+function xr(e) {
 	if (!e.length) return 0;
 	let t = e[0], n = t >> 3, r;
 	r = n < 12 ? [
@@ -4066,7 +4164,7 @@ function yr(e) {
 	let i = t & 3, a = i === 0 ? 1 : i === 3 ? (e[1] ?? 0) & 63 : 2;
 	return Math.round(a * r * 48);
 }
-var br = (() => {
+var Sr = (() => {
 	let e = /* @__PURE__ */ new Uint32Array(256);
 	for (let t = 0; t < 256; t++) {
 		let n = t << 24;
@@ -4075,12 +4173,12 @@ var br = (() => {
 	}
 	return e;
 })();
-function xr(e) {
+function Cr(e) {
 	let t = 0;
-	for (let n = 0; n < e.length; n++) t = (t << 8 ^ br[(t >>> 24 ^ e[n]) & 255]) >>> 0;
+	for (let n = 0; n < e.length; n++) t = (t << 8 ^ Sr[(t >>> 24 ^ e[n]) & 255]) >>> 0;
 	return t;
 }
-function Sr(e, t, n, r, i) {
+function wr(e, t, n, r, i) {
 	let a = [];
 	for (let t of e) {
 		let e = t.length;
@@ -4096,29 +4194,29 @@ function Sr(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, xr(s), !0), s;
+	return c.setUint32(22, Cr(s), !0), s;
 }
-function Cr(e) {
+function Tr(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 wr() {
+function Er() {
 	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 Tr(e) {
-	let { head: t, channels: n, packets: r } = vr(e);
+function Dr(e) {
+	let { head: t, channels: n, packets: r } = br(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 = [Sr([i ? t : Cr(n)], 0, a, 0, 2), Sr([wr()], 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 = [wr([i ? t : Tr(n)], 0, a, 0, 2), wr([Er()], 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 += yr(r[e]), e++;
+			t.push(r[e]), n += i, s += xr(r[e]), e++;
 		}
 		if (!t.length) return null;
-		o.push(Sr(t, s, a, c++, e >= r.length ? 4 : 0));
+		o.push(wr(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;
@@ -4126,98 +4224,100 @@ function Tr(e) {
 }
 //#endregion
 //#region src/components/Composer.tsx
-var Er = [
+var Or = [
 	"audio/ogg;codecs=opus",
 	"audio/webm;codecs=opus",
 	"audio/mp4",
 	"audio/webm"
 ];
-async function Dr(e, t) {
+async function kr(e, t) {
 	let n = Date.now();
 	if (/webm/.test(t) && /opus/.test(t)) try {
-		let t = Tr(new Uint8Array(await new Blob(e).arrayBuffer()));
+		let t = Dr(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}.${Or(t)}`, { type: t.split(";")[0] });
+	return new File(e, `voice-${n}.${Ar(t)}`, { type: t.split(";")[0] });
 }
-var Or = (e) => /mp4/.test(e) ? "m4a" : /ogg/.test(e) ? "ogg" : "webm", kr = (e) => `${Math.floor(e / 6e4)}:${String(Math.floor(e % 6e4 / 1e3)).padStart(2, "0")}`;
-function Ar({ onSend: e, onTyping: t, onFile: n, disabled: r }) {
-	let [o, l] = c(""), [u, p] = c(!1), m = s(null), h = s(null), g = s(null), _ = s(), v = s(!1), [y, b] = c(null), [x, S] = c(0), C = s(!1), w = s(!1), T = s(!1), E = s({});
-	i(() => g.current?.focus(), []), i(() => () => {
-		T.current = !0, C.current = !0, window.clearTimeout(_.current);
+var Ar = (e) => /mp4/.test(e) ? "m4a" : /ogg/.test(e) ? "ogg" : "webm", jr = (e) => `${Math.floor(e / 6e4)}:${String(Math.floor(e % 6e4 / 1e3)).padStart(2, "0")}`;
+function Mr({ 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 = {};
 	}, []), i(() => {
-		if (!y) return;
-		let e = window.setInterval(() => S(Date.now() - y.since), 250);
+		if (!b) return;
+		let e = window.setInterval(() => C(Date.now() - b.since), 250);
 		return () => window.clearInterval(e);
-	}, [y]);
+	}, [b]), i(() => {
+		o && _.current?.focus();
+	}, [o]);
 	let D = (e) => {
-		v.current !== e && (v.current = e, t(e));
+		y.current !== e && (y.current = e, t(e));
 	}, O = (e) => {
 		let t = e.includes(":") ? $(e) : e;
-		t !== e && (m.current = Math.max(0, (g.current?.selectionStart ?? e.length) - (e.length - t.length))), l(t), t ? (D(!0), window.clearTimeout(_.current), _.current = window.setTimeout(() => D(!1), 4e3)) : D(!1);
+		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);
 	};
 	a(() => {
-		m.current !== null && (g.current?.setSelectionRange(m.current, m.current), m.current = null);
-	}, [o]);
-	let ee = (e) => {
-		let t = g.current, n = t?.selectionStart ?? o.length, r = t?.selectionEnd ?? n;
-		O(o.slice(0, n) + e + o.slice(r)), requestAnimationFrame(() => {
+		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(() => {
 			t?.focus(), t?.setSelectionRange(n + e.length, n + e.length);
 		});
-	}, k = () => {
-		let t = o.trim();
-		t && (l(""), Promise.resolve(e(t)).catch(() => l((e) => e || t)), window.clearTimeout(_.current), v.current = !1);
-	}, te = async () => {
-		if (w.current || y) return;
-		w.current = !0;
+	}, 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;
 		let e;
 		try {
 			e = await navigator.mediaDevices.getUserMedia({ audio: !0 });
 			let t = e;
-			if (T.current) {
+			if (ee.current) {
 				t.getTracks().forEach((e) => e.stop());
 				return;
 			}
-			let r = Er.find((e) => MediaRecorder.isTypeSupported(e)), i = new MediaRecorder(e, r ? { mimeType: r } : void 0), a = [];
+			let r = Or.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 = {}, b(null), !C.current && a.length && Dr(a, i.mimeType || r || "").then(n);
-			}, C.current = !1, i.start(), E.current = {
+				t.getTracks().forEach((e) => e.stop()), E.current = {}, x(null), !w.current && a.length && kr(a, i.mimeType || r || "").then(n);
+			}, w.current = !1, i.start(), E.current = {
 				r: i,
 				stream: t
-			}, S(0), b({
+			}, C(0), x({
 				r: i,
 				since: Date.now()
 			});
 		} catch {
 			e?.getTracks().forEach((e) => e.stop());
 		} finally {
-			w.current = !1;
+			T.current = !1;
 		}
-	}, A = (e) => {
-		C.current = e, y?.r.stop();
+	}, j = (e) => {
+		w.current = e, b?.r.stop();
 	};
-	return y ? /* @__PURE__ */ f("div", {
+	return b ? /* @__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: () => A(!0),
+				onClick: () => j(!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 ", kr(x)] })]
+				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 ", jr(S)] })]
 			}),
 			/* @__PURE__ */ d(Z, {
 				variant: "green",
 				title: "Send voice note",
 				"aria-label": "Send voice note",
-				onClick: () => A(!1),
+				onClick: () => j(!1),
 				className: "ci-h-10 ci-w-10",
 				children: Q.send
 			})
@@ -4225,13 +4325,13 @@ function Ar({ onSend: e, onTyping: t, onFile: n, disabled: r }) {
 	}) : /* @__PURE__ */ f("div", {
 		className: "ci-relative ci-flex ci-items-center ci-gap-2 ci-px-3 ci-py-3",
 		children: [
-			u && /* @__PURE__ */ d(er, {
+			p && /* @__PURE__ */ d(tr, {
 				className: "ci-absolute ci-bottom-full ci-left-3 ci-mb-1",
-				onPick: ee,
-				onClose: () => p(!1)
+				onPick: k,
+				onClose: () => m(!1)
 			}),
 			/* @__PURE__ */ d("input", {
-				ref: h,
+				ref: g,
 				type: "file",
 				hidden: !0,
 				onChange: (e) => e.target.files?.[0] && (n(e.target.files[0]), e.target.value = "")
@@ -4240,7 +4340,7 @@ function Ar({ onSend: e, onTyping: t, onFile: n, disabled: r }) {
 				variant: "transparent",
 				disabled: r,
 				title: "Attach a file",
-				onClick: () => h.current?.click(),
+				onClick: () => g.current?.click(),
 				className: "ci-h-10 ci-w-10",
 				children: Q.clip
 			}),
@@ -4251,36 +4351,36 @@ function Ar({ onSend: e, onTyping: t, onFile: n, disabled: r }) {
 					disabled: r,
 					title: "Emoji",
 					"aria-label": "Emoji",
-					"aria-expanded": u,
-					onClick: () => p((e) => !e),
+					"aria-expanded": p,
+					onClick: () => m((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: g,
-					value: o,
+					ref: _,
+					value: l,
 					disabled: r,
 					rows: 1,
 					placeholder: r ? "Connecting…" : "Write a message",
 					onChange: (e) => O(e.target.value),
 					onKeyDown: (e) => {
-						let t = (o.match(/```/g) ?? []).length % 2 == 1;
-						e.key === "Enter" && !e.shiftKey && !t && (e.preventDefault(), k());
+						let t = (l.match(/```/g) ?? []).length % 2 == 1;
+						e.key === "Enter" && !e.shiftKey && !t && (e.preventDefault(), te());
 					},
 					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 * (o.split("\n").length - 1)) }
+					style: { height: Math.min(128, 40 + 20 * (l.split("\n").length - 1)) }
 				})]
 			}),
-			o.trim() ? /* @__PURE__ */ d(Z, {
+			l.trim() ? /* @__PURE__ */ d(Z, {
 				variant: "default",
 				disabled: r,
-				onClick: k,
+				onClick: te,
 				title: "Send",
 				className: "ci-h-10 ci-w-10",
 				children: Q.send
 			}) : /* @__PURE__ */ d(Z, {
 				variant: "default",
 				disabled: r || typeof MediaRecorder > "u",
-				onClick: te,
+				onClick: A,
 				title: "Record a voice note",
 				"aria-label": "Record a voice note",
 				className: "ci-h-10 ci-w-10",
@@ -4291,14 +4391,14 @@ function Ar({ onSend: e, onTyping: t, onFile: n, disabled: r }) {
 }
 //#endregion
 //#region src/components/ChatWindow.tsx
-var jr = (e) => !!e && ![
+var Nr = (e) => !!e && ![
 	"offline",
 	"dnd",
 	"busy",
 	"ringing",
 	"onhold"
 ].includes(e);
-function Mr({ peer: e, actions: t, onDragStart: n }) {
+function Pr({ 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) => ({
 		c: t.conversations[e],
 		contacts: t.contacts,
@@ -4310,16 +4410,28 @@ function Mr({ peer: e, actions: t, onDragStart: n }) {
 		markRead: t.markRead,
 		order: t.order,
 		me: t.me
-	}))), v = Math.max(0, g.indexOf(e)), y = a[e], [b, x] = c(!1), S = (e) => e === _ ? "You" : a[e]?.name ?? e, C = [...r?.members ?? []].sort((e, t) => Number(e === _) - Number(t === _));
-	return i(() => {
+	}))), 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 === _));
+	i(() => {
 		r && !r.loaded && t.loadOlder(e);
 	}, [e, r?.loaded]), i(() => {
 		h(e);
-	}, [e, r?.messages.length]), i(() => x(!1), [e]), r ? /* @__PURE__ */ f("div", {
+	}, [e, r?.messages.length]), i(() => {
+		x(!1), C(null);
+	}, [e]);
+	let O = (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({
+			id: t.oid,
+			author: n,
+			quote: `${o}: ${i}`
+		}), ee((e) => e + 1);
+	};
+	return r ? /* @__PURE__ */ f("div", {
 		role: "dialog",
 		"aria-label": r.kind === "group" ? r.name ?? e : y?.name ?? e,
 		onKeyDown: (e) => {
-			e.key === "Escape" && (e.stopPropagation(), b ? x(!1) : p());
+			e.key === "Escape" && (e.stopPropagation(), S ? C(null) : b ? x(!1) : p());
 		},
 		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: [
@@ -4332,17 +4444,17 @@ function Mr({ 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(Wn, {
+					r.kind === "group" ? /* @__PURE__ */ d(Gn, {
 						name: r.name ?? e,
 						size: 36,
 						avatar: r.avatar
 					}) : /* @__PURE__ */ f("span", {
 						className: "ci-relative",
-						children: [/* @__PURE__ */ d(Hn, {
+						children: [/* @__PURE__ */ d(Un, {
 							contact: y,
 							username: e,
 							size: 36
-						}), /* @__PURE__ */ d(Un, {
+						}), /* @__PURE__ */ d(Wn, {
 							online: o[e],
 							presence: y?.presence,
 							mobile: s[e]
@@ -4362,10 +4474,10 @@ function Mr({ peer: e, actions: t, onDragStart: n }) {
 							children: r.kind === "group" ? r.name ?? e : y?.name ?? 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" ? C.map(S).join(", ") : r.typing ? "typing…" : o[e] ? "online" : s[e] ? "Mobile" : "offline" : l
+							children: l === "online" ? r.kind === "group" ? D.map(E).join(", ") : r.typing ? "typing…" : o[e] ? "online" : s[e] ? "Mobile" : "offline" : l
 						})]
 					}),
-					r.kind !== "group" && y?.number && jr(y.presence) && /* @__PURE__ */ d(Z, {
+					r.kind !== "group" && y?.number && Nr(y.presence) && /* @__PURE__ */ d(Z, {
 						variant: "call",
 						title: `Call ${y.number}`,
 						"aria-label": "Call",
@@ -4387,16 +4499,16 @@ function Mr({ 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", {
 				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: C.map((e) => /* @__PURE__ */ f("div", {
+				children: D.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(Hn, {
+							children: [/* @__PURE__ */ d(Un, {
 								contact: a[e],
 								username: e,
 								size: 28
-							}), e !== _ && /* @__PURE__ */ d(Un, {
+							}), e !== _ && /* @__PURE__ */ d(Wn, {
 								online: o[e],
 								presence: a[e]?.presence,
 								mobile: s[e]
@@ -4404,7 +4516,7 @@ function Mr({ peer: e, actions: t, onDragStart: n }) {
 						}),
 						/* @__PURE__ */ d("span", {
 							className: "ci-truncate ci-flex-1",
-							children: S(e)
+							children: E(e)
 						}),
 						e !== _ && /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d(Z, {
 							variant: "small",
@@ -4412,7 +4524,7 @@ function Mr({ peer: e, actions: t, onDragStart: n }) {
 							"aria-label": "Chat",
 							onClick: () => m(e),
 							children: Q.chat
-						}), a[e]?.number && jr(a[e]?.presence) && /* @__PURE__ */ d(Z, {
+						}), a[e]?.number && Nr(a[e]?.presence) && /* @__PURE__ */ d(Z, {
 							variant: "call",
 							title: `Call ${a[e]?.number}`,
 							"aria-label": "Call",
@@ -4427,32 +4539,56 @@ function Mr({ 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(hr, {
-					messages: r.messages,
-					typing: r.typing,
-					group: r.kind === "group",
-					hasOlder: r.loaded && !r.complete,
-					onLoadOlder: () => t.loadOlder(e),
-					reactions: r.reactions,
-					me: _,
-					onReact: (n, r) => t.react(e, n, r)
-				}), /* @__PURE__ */ d(Ar, {
-					disabled: l !== "online",
-					onSend: (n) => t.send(e, n),
-					onTyping: (n) => t.typing(e, n),
-					onFile: (n) => t.upload(e, n)
-				}, e)]
+				children: [
+					/* @__PURE__ */ d(_r, {
+						messages: r.messages,
+						typing: r.typing,
+						group: r.kind === "group",
+						hasOlder: r.loaded && !r.complete,
+						onLoadOlder: () => t.loadOlder(e),
+						reactions: r.reactions,
+						me: _,
+						onReact: (n, r) => t.react(e, n, r),
+						onReply: O
+					}),
+					S && /* @__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
+							}), /* @__PURE__ */ d("div", {
+								className: "ci-truncate ci-text-gray-500 dark:ci-text-gray-400",
+								children: S.quote?.replace(/^[^:]*: /, "")
+							})]
+						}), /* @__PURE__ */ d(Z, {
+							variant: "small",
+							onClick: () => C(null),
+							"aria-label": "Cancel reply",
+							title: "Cancel reply",
+							children: Q.close
+						})]
+					}),
+					/* @__PURE__ */ d(Mr, {
+						focusKey: T,
+						disabled: l !== "online",
+						onSend: (n) => t.send(e, n, S ?? void 0).then(() => C(null)),
+						onTyping: (n) => t.typing(e, n),
+						onFile: (n) => t.upload(e, n)
+					}, e)
+				]
 			})
 		]
 	}) : null;
 }
 //#endregion
 //#region src/components/NewChat.tsx
-async function Nr(e) {
+async function Fr(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 Pr({ onOpen: e, onCreateGroup: t }) {
+function Ir({ 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;
@@ -4509,11 +4645,11 @@ function Pr({ onOpen: e, onCreateGroup: t }) {
 						children: [
 							/* @__PURE__ */ f("span", {
 								className: "ci-relative",
-								children: [/* @__PURE__ */ d(Hn, {
+								children: [/* @__PURE__ */ d(Un, {
 									contact: e,
 									username: e.username,
 									size: 36
-								}), /* @__PURE__ */ d(Un, {
+								}), /* @__PURE__ */ d(Wn, {
 									online: r[e.username],
 									presence: e.presence,
 									mobile: i[e.username]
@@ -4560,7 +4696,7 @@ function Pr({ onOpen: e, onCreateGroup: t }) {
 						type: "file",
 						accept: "image/*",
 						hidden: !0,
-						onChange: (e) => e.target.files?.[0] && Nr(e.target.files[0]).then(x).catch(() => {})
+						onChange: (e) => e.target.files?.[0] && Fr(e.target.files[0]).then(x).catch(() => {})
 					}),
 					/* @__PURE__ */ d("button", {
 						type: "button",
@@ -4595,22 +4731,22 @@ function Pr({ onOpen: e, onCreateGroup: t }) {
 }
 //#endregion
 //#region src/theme.ts
-var Fr = "chat-island-theme", Ir = () => {
+var Lr = "chat-island-theme", Rr = () => {
 	try {
-		let e = localStorage.getItem(Fr);
+		let e = localStorage.getItem(Lr);
 		return e === "light" || e === "dark" || e === "system" ? e : void 0;
 	} catch {
 		return;
 	}
 };
-function Lr(e) {
-	let [t, n] = c(() => e ?? Ir()), [r, a] = c(!1);
-	return i(() => n(e ?? Ir()), [e]), i(() => {
+function zr(e) {
+	let [t, n] = c(() => e ?? Rr()), [r, a] = c(!1);
+	return i(() => n(e ?? Rr()), [e]), i(() => {
 		let e = (e) => {
 			let t = e.detail?.theme;
 			if (t === "light" || t === "dark" || t === "system") {
 				try {
-					localStorage.setItem(Fr, t);
+					localStorage.setItem(Lr, t);
 				} catch {}
 				n(t);
 			}
@@ -4636,7 +4772,7 @@ function Lr(e) {
 }
 //#endregion
 //#region src/ChatIsland.tsx
-function Rr() {
+function Br() {
 	let e = J.getState();
 	return Object.values(e.conversations).map((t) => {
 		let n = t.messages[t.messages.length - 1], r = e.contacts[t.peer];
@@ -4651,7 +4787,7 @@ function Rr() {
 			unread: t.unread,
 			members: t.members,
 			last: n ? {
-				body: Vr(n.body),
+				body: Ur(n.body),
 				ts: n.ts,
 				mine: n.mine,
 				oob: n.oob,
@@ -4660,7 +4796,7 @@ function Rr() {
 		};
 	}).filter((e) => e.last || e.kind === "group").sort((e, t) => (t.last?.ts ?? 0) - (e.last?.ts ?? 0));
 }
-var zr = class extends t {
+var Vr = class extends t {
 	state = { failed: !1 };
 	failures = [];
 	static getDerivedStateFromError() {
@@ -4678,7 +4814,7 @@ var zr = class extends t {
 		return this.state.failed ? null : this.props.children;
 	}
 };
-function Br(e) {
+function Hr(e) {
 	try {
 		let [t, n, r] = atob(e).split(":");
 		return t && n && r ? {
@@ -4690,9 +4826,9 @@ function Br(e) {
 		return null;
 	}
 }
-var Vr = (e) => (cr(e) ? "Attachment" : $(e)).replace(/```[^\n]*\n?/g, "").replace(/(\*\*|__|~~|`)/g, "").replace(/(^|\s)[*_](\S[^*_]*)[*_]/g, "$1$2").replace(/\s+/g, " ").trim();
-function Hr({ 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(() => Br(e), [e]), _ = Lr(n), v = s(g), y = s(p), b = s(u);
+var Ur = (e) => (lr(e) ? "Attachment" : $(e)).replace(/```[^\n]*\n?/g, "").replace(/(\*\*|__|~~|`)/g, "").replace(/(^|\s)[*_](\S[^*_]*)[*_]/g, "$1$2").replace(/\s+/g, " ").trim();
+function Wr({ 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(() => Hr(e), [e]), _ = zr(n), v = s(g), y = s(p), b = s(u);
 	i(() => {
 		v.current = g, y.current = p, b.current = u;
 	}, [
@@ -4708,16 +4844,16 @@ function Hr({ 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()), D = s(!1), O = s(null), ee = s(null), k = E(ee, `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()), 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) => ({
 		open: e.open,
 		picker: e.picker,
 		status: e.status
-	}))), ne = o(() => ({
-		send: async (e, t) => {
-			let n = C.current;
-			if (!n) throw Error("not connected");
+	}))), M = o(() => ({
+		send: async (e, t, n) => {
+			let r = C.current;
+			if (!r) throw Error("not connected");
 			try {
-				J.getState().addMessage(e, await n.send(e, $(t)));
+				J.getState().addMessage(e, await r.send(e, $(t), void 0, n));
 			} catch (e) {
 				throw Y("chat-island-error", {
 					scope: "send",
@@ -4755,7 +4891,7 @@ function Hr({ 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 In(n.host, n.token, e), J.getState().removeConversation(e);
+				r?.kind === "group" && await t.leaveGroup(e, !!r.owner).catch(() => {}), await Ln(n.host, n.token, e), J.getState().removeConversation(e);
 			} catch (e) {
 				Y("chat-island-error", {
 					scope: "delete",
@@ -4813,7 +4949,7 @@ function Hr({ 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 && !D.current && typeof Notification < "u") {
+				}), n === "online" && r && !E.current && typeof Notification < "u") {
 					let e = Notification.permission;
 					(e === "granted" || b.current === "auto" && e === "default") && i();
 				}
@@ -4833,7 +4969,7 @@ function Hr({ dataConfig: e, position: t = "bottom-right", theme: n, serviceWork
 				}).catch(() => {});
 			},
 			message: (r) => {
-				let i = jn(r);
+				let i = Mn(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
@@ -4843,7 +4979,7 @@ function Hr({ 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 ?? 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 && Sn();
+			y.current && Cn();
 			let u = s ? i?.avatar : n.contacts[e]?.avatar;
 			if (Y("chat-island-notify", {
 				peer: e,
@@ -4867,16 +5003,16 @@ function Hr({ dataConfig: e, position: t = "bottom-right", theme: n, serviceWork
 		};
 		C.current = t;
 		let i = () => {
-			r && !D.current && (D.current = !0, Bn(g, r).then((e) => {
+			r && !E.current && (E.current = !0, Vn(g, r).then((e) => {
 				if (!e) {
-					D.current = !1, J.setState({ push: Notification.permission === "denied" ? "denied" : "ask" });
+					E.current = !1, J.setState({ push: Notification.permission === "denied" ? "denied" : "ask" });
 					return;
 				}
 				return t.enablePush(e.service, e.node).then(() => {
-					O.current = e, J.setState({ push: "enabled" }), Y("chat-island-push", { enabled: !0 });
+					D.current = e, J.setState({ push: "enabled" }), Y("chat-island-push", { enabled: !0 });
 				});
 			}).catch((e) => {
-				D.current = !1, Y("chat-island-error", {
+				E.current = !1, Y("chat-island-error", {
 					scope: "push",
 					message: e.message
 				});
@@ -4888,51 +5024,51 @@ function Hr({ dataConfig: e, position: t = "bottom-right", theme: n, serviceWork
 		});
 		let s = () => t.stop();
 		window.addEventListener("pagehide", s), t.start();
-		let c = () => Fn(g.host, g.token).then(e.setMobile).catch(() => {});
+		let c = () => In(g.host, g.token).then(e.setMobile).catch(() => {});
 		c();
 		let u = window.setInterval(c, 12e4);
-		Pn(g.host, g.token, g.username).then(e.setContacts).catch((e) => Y("chat-island-error", {
+		Fn(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 && ne.remove(e)), h = X("chat-island-contacts", ({ contacts: t }) => t && e.setContacts(t)), _ = X("chat-island-conversations-request", () => Y("chat-island-conversations", { conversations: Rr() }));
+		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: Br() }));
 		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;
+			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;
 		};
 	}, [
 		g,
 		r,
 		x
 	]);
-	let M = J((e) => Object.keys(e.contacts).join(","));
+	let N = J((e) => Object.keys(e.contacts).join(","));
 	i(() => {
-		j === "online" && M && C.current?.announce(M.split(","));
-	}, [j, M]);
-	let re = 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: Rr() }), [re]);
-	let ie = J((e) => Object.values(e.conversations).reduce((e, t) => e + t.unread, 0));
-	if (i(() => Y("chat-island-unread", { total: ie }), [ie]), !g) return null;
-	let ae = m && !h && k.anchor ? {
+		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: Br() }), [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, oe = ae ? "" : t === "bottom-left" ? "ci-left-4 ci-bottom-5" : "ci-right-4 ci-bottom-5";
+	} : void 0, ae = ie ? "" : t === "bottom-left" ? "ci-left-4 ci-bottom-5" : "ci-right-4 ci-bottom-5";
 	return /* @__PURE__ */ d("div", {
-		ref: ee,
-		style: ae,
+		ref: O,
+		style: ie,
 		onClickCapture: k.onClickCapture,
-		className: `chat-island-root ${_ ? "ci-dark" : ""} ci-fixed ${oe} ci-z-[9999] ci-flex ci-items-end ci-gap-3 ci-font-sans ci-select-none`,
+		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(zr, { children: [
-			te && /* @__PURE__ */ d(Mr, {
+		children: /* @__PURE__ */ f(Vr, { children: [
+			te && /* @__PURE__ */ d(Pr, {
 				peer: te,
-				actions: ne,
+				actions: M,
 				onDragStart: h ?? (m ? k.start : void 0)
 			}),
-			A && /* @__PURE__ */ d(Pr, {
+			A && /* @__PURE__ */ d(Ir, {
 				onOpen: (e) => J.getState().openChat(e),
-				onCreateGroup: ne.createGroup
+				onCreateGroup: M.createGroup
 			}),
-			/* @__PURE__ */ d(qn, {
+			/* @__PURE__ */ d(Jn, {
 				onDragStart: h ?? (m ? k.start : void 0),
 				pushButton: u !== "auto"
 			})
@@ -4940,4 +5076,4 @@ function Hr({ dataConfig: e, position: t = "bottom-right", theme: n, serviceWork
 	});
 }
 //#endregion
-export { Hr as ChatIsland };
+export { Wr as ChatIsland };