@nethesis/chat-island 0.1.15 → 0.1.16

package/dist/index.js

@@ -2959,11 +2959,16 @@ var An = (e) => {
 	loaded: !1,
 	complete: !1
 }), 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);
+	let i = e.indexOf(t);
+	if (i >= 0 && i < n) return e;
+	let a = [t, ...e.filter((e) => e !== t)].slice(0, 100);
+	if (!r || a.indexOf(r) < n) return a;
+	let o = a.filter((e) => e !== r);
+	return [
+		...o.slice(0, n - 1),
+		r,
+		...o.slice(n - 1)
+	];
 }, Pn = (e, t) => e.id === t.id || !!e.oid && e.oid === t.oid, Y = jn((e, t) => ({
 	me: "",
 	myName: "",
@@ -3525,7 +3530,7 @@ var $ = {
 //#endregion
 //#region src/components/Dock.tsx
 function Zn({ onDragStart: e, pushButton: t = !0 }) {
-	let { order: n, open: r, conversations: i, contacts: a, inactive: o, online: s, mobile: c, openChat: l, removeHead: p, picker: m, setPicker: h, status: g, push: _, enablePush: v, newChatButton: y } = Y(w((e) => ({
+	let { order: n, open: r, conversations: i, contacts: a, inactive: o, online: s, mobile: c, openChat: l, removeHead: p, picker: m, setPicker: h, status: g, push: _, enablePush: v, newChatButton: y, maxHeads: b } = Y(w((e) => ({
 		order: e.order,
 		open: e.open,
 		conversations: e.conversations,
@@ -3540,13 +3545,14 @@ function Zn({ onDragStart: e, pushButton: t = !0 }) {
 		status: e.status,
 		push: e.push,
 		enablePush: e.enablePush,
-		newChatButton: e.newChatButton
+		newChatButton: e.newChatButton,
+		maxHeads: e.maxHeads
 	})));
 	return /* @__PURE__ */ f("div", {
 		className: `ci-flex ci-flex-col-reverse ci-items-center ci-gap-3 ci-mb-3 ${e ? "ci-cursor-grab active:ci-cursor-grabbing ci-touch-none" : ""}`,
 		onPointerDown: e,
 		children: [
-			n.map((e) => {
+			n.slice(0, b).map((e) => {
 				let t = i[e], n = r === e;
 				return /* @__PURE__ */ f("div", {
 					className: "ci-relative ci-group",
@@ -3580,6 +3586,7 @@ function Zn({ onDragStart: e, pushButton: t = !0 }) {
 					})]
 				}, e);
 			}),
+			n.length > b && /* @__PURE__ */ d(Qn, { peers: n.slice(b) }),
 			y && /* @__PURE__ */ f(Q, {
 				variant: "default",
 				title: g === "online" ? "New chat" : `Chat ${g}`,
@@ -3597,9 +3604,96 @@ function Zn({ onDragStart: e, pushButton: t = !0 }) {
 		]
 	});
 }
+function Qn({ peers: e }) {
+	let { conversations: t, contacts: n, inactive: r, online: a, mobile: o, openChat: l, removeHead: p } = Y(w((e) => ({
+		conversations: e.conversations,
+		contacts: e.contacts,
+		inactive: e.inactive,
+		online: e.online,
+		mobile: e.mobile,
+		openChat: e.openChat,
+		removeHead: e.removeHead
+	}))), [m, h] = c(!1), g = s(null), _ = e.reduce((e, n) => e + (t[n]?.unread ?? 0), 0), v = (e) => t[e]?.kind === "group" ? t[e]?.name ?? e : n[e]?.name ?? r[e] ?? e;
+	return i(() => {
+		if (!m) return;
+		let e = (e) => g.current && !g.current.contains(e.target) && h(!1), t = (e) => e.key === "Escape" && h(!1);
+		return document.addEventListener("pointerdown", e, !0), document.addEventListener("keydown", t, !0), () => {
+			document.removeEventListener("pointerdown", e, !0), document.removeEventListener("keydown", t, !0);
+		};
+	}, [m]), /* @__PURE__ */ f("div", {
+		ref: g,
+		className: "ci-relative",
+		children: [/* @__PURE__ */ f(Q, {
+			variant: "default",
+			title: `${e.length} more chats`,
+			"aria-expanded": m,
+			onClick: () => h((e) => !e),
+			className: "ci-relative ci-shadow-lg ci-font-medium ci-ring-2 ci-ring-gray-50 dark:ci-ring-gray-950",
+			children: [
+				"+",
+				e.length,
+				_ > 0 && /* @__PURE__ */ d("span", {
+					className: "ci-absolute ci--top-1 ci--right-1 ci-min-w-5 ci-h-5 ci-px-1 ci-rounded-full ci-bg-phoneIslandClose dark:ci-bg-phoneIslandCloseDark ci-text-white dark:ci-text-gray-950 ci-text-xs ci-font-medium ci-flex ci-items-center ci-justify-center",
+					children: _ > 99 ? "99+" : _
+				})
+			]
+		}), m && /* @__PURE__ */ d("div", {
+			role: "menu",
+			onPointerDown: (e) => e.stopPropagation(),
+			className: "ci-anim-drop ci-absolute ci-right-full ci-mr-3 ci-top-0 ci-z-30 ci-w-64 ci-max-h-80 ci-overflow-y-auto ci-py-2 ci-rounded-2xl ci-bg-gray-50 dark:ci-bg-gray-950 ci-shadow-2xl ci-border ci-border-solid ci-border-gray-300 dark:ci-border-gray-600 ci-text-gray-900 dark:ci-text-white ci-text-sm ci-cursor-default",
+			children: e.map((e) => {
+				let r = t[e];
+				return /* @__PURE__ */ f("div", {
+					className: "ci-group ci-flex ci-items-center ci-pr-2 hover:ci-bg-gray-200 dark:hover:ci-bg-gray-700",
+					children: [/* @__PURE__ */ f("button", {
+						type: "button",
+						role: "menuitem",
+						onClick: () => {
+							h(!1), l(e);
+						},
+						className: "ci-flex-1 ci-min-w-0 ci-flex ci-items-center ci-gap-3 ci-px-3 ci-py-2 ci-border-0 ci-bg-transparent ci-text-left ci-text-inherit",
+						children: [
+							/* @__PURE__ */ d("span", {
+								className: "ci-relative",
+								children: r?.kind === "group" ? /* @__PURE__ */ d(Jn, {
+									name: v(e),
+									size: 32,
+									avatar: r.avatar
+								}) : /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d(Kn, {
+									contact: n[e],
+									username: e,
+									size: 32
+								}), /* @__PURE__ */ d(qn, {
+									online: a[e],
+									presence: n[e]?.presence,
+									mobile: o[e]
+								})] })
+							}),
+							/* @__PURE__ */ d("span", {
+								className: "ci-flex-1 ci-truncate",
+								children: v(e)
+							}),
+							(r?.unread ?? 0) > 0 && /* @__PURE__ */ d("span", {
+								className: "ci-min-w-5 ci-h-5 ci-px-1 ci-rounded-full ci-bg-phoneIslandClose dark:ci-bg-phoneIslandCloseDark ci-text-white dark:ci-text-gray-950 ci-text-xs ci-font-medium ci-flex ci-items-center ci-justify-center",
+								children: r.unread > 99 ? "99+" : r.unread
+							})
+						]
+					}), /* @__PURE__ */ d(Q, {
+						variant: "small",
+						"aria-label": `Remove ${v(e)} from the dock`,
+						title: "Remove from the dock",
+						onClick: () => p(e),
+						className: "ci-opacity-0 group-hover:ci-opacity-100 focus:ci-opacity-100",
+						children: $.close
+					})]
+				}, e);
+			})
+		})]
+	});
+}
 //#endregion
 //#region src/shortcodes.ts
-var Qn = {
+var $n = {
 	"+1": "👍",
 	thumbsup: "👍",
 	"-1": "👎",
@@ -3793,13 +3887,13 @@ var Qn = {
 	zzz: "💤",
 	sweat_drops: "💦",
 	dash: "💨"
-}, $n = /(```[\s\S]*?(?:```|$)|`[^`\n]*`?)/g, er = /:([a-z0-9_+-]+):/g, tr = (e) => e.replace(er, (e, t) => Qn[t] ?? e);
-function nr(e) {
-	return e.includes(":") ? e.split($n).map((e, t) => t % 2 ? e : tr(e)).join("") : e;
+}, er = /(```[\s\S]*?(?:```|$)|`[^`\n]*`?)/g, tr = /:([a-z0-9_+-]+):/g, nr = (e) => e.replace(tr, (e, t) => $n[t] ?? e);
+function rr(e) {
+	return e.includes(":") ? e.split(er).map((e, t) => t % 2 ? e : nr(e)).join("") : e;
 }
 //#endregion
 //#region src/components/EmojiPicker.tsx
-var rr = [
+var ir = [
 	{
 		label: "Smileys",
 		icon: "😀",
@@ -3830,7 +3924,7 @@ var rr = [
 		icon: "☕",
 		emojis: "☕ 🍵 🥤 🍕 🍔 🍟 🌭 🥪 🌮 🍝 🍣 🍩 🍪 🍫 🍎 🍌 🍓 🥐 🚗 🚕 🚌 🚆 ✈️ 🚀 🏠 🏢 🏖️ 🌍 ☀️ 🌤️ 🌧️ ⛈️ ❄️ ⚡ 🌈 🌙"
 	}
-], ir = [
+], ar = [
 	"👍",
 	"❤️",
 	"😂",
@@ -3838,7 +3932,7 @@ var rr = [
 	"😢",
 	"🙏"
 ];
-function ar({ onPick: e, onClose: t, className: n = "" }) {
+function or({ 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) => {
@@ -3851,10 +3945,10 @@ function ar({ onPick: e, onClose: t, className: n = "" }) {
 		ref: o,
 		role: "dialog",
 		"aria-label": "Emoji",
-		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}`,
+		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-border ci-border-solid ci-border-gray-300 dark:ci-border-gray-600 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: rr.map((e, t) => /* @__PURE__ */ d("button", {
+			children: ir.map((e, t) => /* @__PURE__ */ d("button", {
 				type: "button",
 				title: e.label,
 				"aria-label": e.label,
@@ -3868,7 +3962,7 @@ function ar({ 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: rr[r].emojis.split(" ").map((t) => /* @__PURE__ */ d("button", {
+			children: ir[r].emojis.split(" ").map((t) => /* @__PURE__ */ d("button", {
 				type: "button",
 				onClick: () => e(t),
 				style: {
@@ -3883,27 +3977,27 @@ function ar({ onPick: e, onClose: t, className: n = "" }) {
 }
 //#endregion
 //#region src/components/MessageList.tsx
-var or = (e) => /\.(png|jpe?g|gif|webp|avif|svg)(\?|$)/i.test(e), sr = (e) => /\.(webm|ogg|oga|opus|mp3|m4a|wav)(\?|$)/i.test(e), cr = (e) => {
+var sr = (e) => /\.(png|jpe?g|gif|webp|avif|svg)(\?|$)/i.test(e), cr = (e) => /\.(webm|ogg|oga|opus|mp3|m4a|wav)(\?|$)/i.test(e), lr = (e) => {
 	let t = e.split("/").pop() || "file";
 	try {
 		return decodeURIComponent(t);
 	} catch {
 		return t;
 	}
-}, lr = (e) => {
+}, ur = (e) => {
 	try {
 		return new URL(e).protocol === "https:";
 	} catch {
 		return !1;
 	}
-}, ur = (e) => new Date(e).toLocaleTimeString([], {
+}, dr = (e) => new Date(e).toLocaleTimeString([], {
 	hour: "2-digit",
 	minute: "2-digit"
-}), dr = (e) => new Date(e).toLocaleDateString([], {
+}), fr = (e) => new Date(e).toLocaleDateString([], {
 	weekday: "short",
 	day: "numeric",
 	month: "short"
-}), fr = (e, t) => new Date(e).toDateString() === new Date(t).toDateString(), pr = (e) => {
+}), pr = (e, t) => new Date(e).toDateString() === new Date(t).toDateString(), mr = (e) => {
 	if (!e.startsWith("{\"")) return null;
 	try {
 		let t = JSON.parse(e);
@@ -3914,17 +4008,17 @@ var or = (e) => /\.(png|jpe?g|gif|webp|avif|svg)(\?|$)/i.test(e), sr = (e) => /\
 	} catch {
 		return null;
 	}
-}, mr = n(function({ url: e }) {
-	return lr(e) ? or(e) ? /* @__PURE__ */ d("a", {
+}, hr = n(function({ url: e }) {
+	return ur(e) ? sr(e) ? /* @__PURE__ */ d("a", {
 		href: e,
 		target: "_blank",
 		rel: "noreferrer",
 		children: /* @__PURE__ */ d("img", {
 			src: e,
-			alt: cr(e),
+			alt: lr(e),
 			className: "ci-max-w-full ci-max-h-60 ci-rounded-2xl ci-block"
 		})
-	}) : sr(e) ? /* @__PURE__ */ d("audio", {
+	}) : cr(e) ? /* @__PURE__ */ d("audio", {
 		controls: !0,
 		src: e,
 		className: "ci-max-w-full"
@@ -3941,17 +4035,17 @@ var or = (e) => /\.(png|jpe?g|gif|webp|avif|svg)(\?|$)/i.test(e), sr = (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" })
-		}), cr(e)]
+		}), lr(e)]
 	}) : /* @__PURE__ */ d("span", {
 		className: "ci-break-all",
 		children: e
 	});
-}), hr = /(`[^`\n]+`)|(\*\*[^*\n]+\*\*|__[^_\n]+__)|(~~[^~\n]+~~)|(\*[^*\s][^*\n]*\*|_[^_\s][^_\n]*_)|\[([^\]\n]+)\]\((https?:\/\/[^\s)]+)\)|(https?:\/\/[^\s<]+)/g;
-function gr({ text: e }) {
+}), gr = /(`[^`\n]+`)|(\*\*[^*\n]+\*\*|__[^_\n]+__)|(~~[^~\n]+~~)|(\*[^*\s][^*\n]*\*|_[^_\s][^_\n]*_)|\[([^\]\n]+)\]\((https?:\/\/[^\s)]+)\)|(https?:\/\/[^\s<]+)/g;
+function _r({ text: e }) {
 	let t = [], n = 0;
-	for (let r of e.matchAll(hr)) {
+	for (let r of e.matchAll(gr)) {
 		let i = r[0], a = r.index ?? 0;
-		a > n && t.push(nr(e.slice(n, a))), r[1] ? t.push(/* @__PURE__ */ d("code", {
+		a > n && t.push(rr(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]",
 			children: i.slice(1, -1)
 		}, a)) : r[2] ? t.push(/* @__PURE__ */ d("strong", { children: i.slice(2, -2) }, a)) : r[3] ? t.push(/* @__PURE__ */ d("s", { children: i.slice(2, -2) }, a)) : r[4] ? t.push(/* @__PURE__ */ d("em", { children: i.slice(1, -1) }, a)) : r[5] ? t.push(/* @__PURE__ */ d("a", {
@@ -3968,19 +4062,19 @@ function gr({ text: e }) {
 			children: i
 		}, a)), n = a + i.length;
 	}
-	return n < e.length && t.push(nr(e.slice(n))), /* @__PURE__ */ d(u, { children: t });
+	return n < e.length && t.push(rr(e.slice(n))), /* @__PURE__ */ d(u, { children: t });
 }
-var _r = n(function({ text: e }) {
+var vr = 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(gr, { text: e.replace(/^(\s*)[-*] (?=\S)/gm, "$1• ") }, t))
+		}, t) : /* @__PURE__ */ d(_r, { text: e.replace(/^(\s*)[-*] (?=\S)/gm, "$1• ") }, t))
 	});
 });
-function vr({ text: e, count: t }) {
+function yr({ text: e, count: t }) {
 	return /* @__PURE__ */ f("span", {
 		className: "ci-italic ci-opacity-80",
 		children: [
@@ -3993,7 +4087,7 @@ function vr({ text: e, count: t }) {
 		]
 	});
 }
-function yr({ forMsg: e, me: t, onReact: n, nameOf: r, mine: i }) {
+function br({ 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]);
@@ -4018,7 +4112,7 @@ function yr({ forMsg: e, me: t, onReact: n, nameOf: r, mine: i }) {
 		})
 	}) : null;
 }
-function br({ reply: e, messages: t, mine: n, name: r }) {
+function xr({ 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)}"]`);
@@ -4042,7 +4136,7 @@ function br({ reply: e, messages: t, mine: n, name: r }) {
 		})]
 	});
 }
-function xr({ messages: e, typing: t, onLoadOlder: n, hasOlder: r, group: a, reactions: o, me: l = "", onReact: u, onReply: p }) {
+function Sr({ messages: e, typing: t, onLoadOlder: n, hasOlder: r, group: a, reactions: o, me: l = "", onReact: u, onReply: p }) {
 	let m = Y((e) => e.contacts), h = s(null), g = s(!0), [_, v] = c(null), [y, b] = c(null), x = (e) => m[e]?.name ?? e;
 	i(() => {
 		let e = h.current;
@@ -4076,7 +4170,7 @@ function xr({ 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 || !fr(r.ts, t.ts), s = r && !i && r.mine === t.mine && r.nick === t.nick && t.ts - r.ts < 12e4, c = a && !t.mine && t.nick ? x(t.nick) : null, h = t.oid, g = !!u && !!h && !t.pending, y = g && /* @__PURE__ */ d("button", {
+					let r = e[n - 1], i = !r || !pr(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",
@@ -4099,7 +4193,7 @@ function xr({ messages: e, typing: t, onLoadOlder: n, hasOlder: r, group: a, rea
 						"data-oid": t.oid,
 						children: [i && /* @__PURE__ */ d("div", {
 							className: "ci-text-center ci-text-xs ci-text-gray-500 dark:ci-text-gray-400 ci-py-2",
-							children: dr(t.ts)
+							children: fr(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: [
@@ -4120,8 +4214,8 @@ function xr({ messages: e, typing: t, onLoadOlder: n, hasOlder: r, group: a, rea
 										_ === 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: [ir.map((e) => /* @__PURE__ */ d("button", {
+											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-border ci-border-solid ci-border-gray-300 dark:ci-border-gray-600 ${t.mine ? "ci-right-0" : "ci-left-0"}`,
+											children: [ar.map((e) => /* @__PURE__ */ d("button", {
 												type: "button",
 												role: "menuitem",
 												"aria-label": e,
@@ -4145,28 +4239,28 @@ function xr({ messages: e, typing: t, onLoadOlder: n, hasOlder: r, group: a, rea
 											})]
 										}),
 										/* @__PURE__ */ f("div", {
-											title: ur(t.ts),
-											onDoubleClick: () => g && C(h, ir[0]),
+											title: dr(t.ts),
+											onDoubleClick: () => g && C(h, ar[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(br, {
+												t.reply && /* @__PURE__ */ d(xr, {
 													reply: t.reply,
 													messages: e,
 													mine: t.mine,
 													name: (e) => e === l ? "You" : x(e)
 												}),
-												t.oob ? /* @__PURE__ */ d(mr, { url: t.oob }) : pr(t.body) ? /* @__PURE__ */ d(vr, { ...pr(t.body) }) : /* @__PURE__ */ d(_r, { text: t.body }),
-												t.oob && t.body && t.body !== t.oob && t.body !== cr(t.oob) && /* @__PURE__ */ d("div", {
+												t.oob ? /* @__PURE__ */ d(hr, { url: t.oob }) : mr(t.body) ? /* @__PURE__ */ d(yr, { ...mr(t.body) }) : /* @__PURE__ */ d(vr, { text: t.body }),
+												t.oob && t.body && t.body !== t.oob && t.body !== lr(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: ur(t.ts)
+													children: dr(t.ts)
 												})
 											]
 										}),
-										h && /* @__PURE__ */ d(yr, {
+										h && /* @__PURE__ */ d(br, {
 											forMsg: o?.[h],
 											me: l,
 											mine: t.mine,
@@ -4189,7 +4283,7 @@ function xr({ messages: e, typing: t, onLoadOlder: n, hasOlder: r, group: a, rea
 					})
 				})
 			]
-		}), y && /* @__PURE__ */ d(ar, {
+		}), y && /* @__PURE__ */ d(or, {
 			className: "ci-absolute ci-bottom-2 ci-left-1/2 ci--translate-x-1/2",
 			onPick: (e) => C(y, e),
 			onClose: () => b(null)
@@ -4198,7 +4292,7 @@ function xr({ messages: e, typing: t, onLoadOlder: n, hasOlder: r, group: a, rea
 }
 //#endregion
 //#region src/ogg.ts
-function Sr(e, t, n) {
+function Cr(e, t, n) {
 	let r = e[t];
 	if (r === void 0) return null;
 	let i = 1;
@@ -4212,7 +4306,7 @@ function Sr(e, t, n) {
 		unknown: !n && o
 	};
 }
-var Cr = /* @__PURE__ */ new Set([
+var wr = /* @__PURE__ */ new Set([
 	408125543,
 	524531317,
 	374648427,
@@ -4220,18 +4314,18 @@ var Cr = /* @__PURE__ */ new Set([
 	225,
 	160
 ]);
-function wr(e) {
+function Tr(e) {
 	let t = {
 		channels: 1,
 		packets: []
 	}, n = 0;
 	for (; n < e.length;) {
-		let r = Sr(e, n, !0);
+		let r = Cr(e, n, !0);
 		if (!r) break;
-		let i = Sr(e, n + r.len, !1);
+		let i = Cr(e, n + r.len, !1);
 		if (!i) break;
 		let a = n + r.len + i.len;
-		if (Cr.has(r.value)) {
+		if (wr.has(r.value)) {
 			n = a;
 			continue;
 		}
@@ -4240,14 +4334,14 @@ function wr(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 = Sr(e, a, !1);
+			let n = Cr(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 Tr(e) {
+function Er(e) {
 	if (!e.length) return 0;
 	let t = e[0], n = t >> 3, r;
 	r = n < 12 ? [
@@ -4264,7 +4358,7 @@ function Tr(e) {
 	let i = t & 3, a = i === 0 ? 1 : i === 3 ? (e[1] ?? 0) & 63 : 2;
 	return Math.round(a * r * 48);
 }
-var Er = (() => {
+var Dr = (() => {
 	let e = /* @__PURE__ */ new Uint32Array(256);
 	for (let t = 0; t < 256; t++) {
 		let n = t << 24;
@@ -4273,12 +4367,12 @@ var Er = (() => {
 	}
 	return e;
 })();
-function Dr(e) {
+function Or(e) {
 	let t = 0;
-	for (let n = 0; n < e.length; n++) t = (t << 8 ^ Er[(t >>> 24 ^ e[n]) & 255]) >>> 0;
+	for (let n = 0; n < e.length; n++) t = (t << 8 ^ Dr[(t >>> 24 ^ e[n]) & 255]) >>> 0;
 	return t;
 }
-function Or(e, t, n, r, i) {
+function kr(e, t, n, r, i) {
 	let a = [];
 	for (let t of e) {
 		let e = t.length;
@@ -4294,29 +4388,29 @@ function Or(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, Dr(s), !0), s;
+	return c.setUint32(22, Or(s), !0), s;
 }
-function kr(e) {
+function Ar(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 Ar() {
+function jr() {
 	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 jr(e) {
-	let { head: t, channels: n, packets: r } = wr(e);
+function Mr(e) {
+	let { head: t, channels: n, packets: r } = Tr(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 = [Or([i ? t : kr(n)], 0, a, 0, 2), Or([Ar()], 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 = [kr([i ? t : Ar(n)], 0, a, 0, 2), kr([jr()], 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 += Tr(r[e]), e++;
+			t.push(r[e]), n += i, s += Er(r[e]), e++;
 		}
 		if (!t.length) return null;
-		o.push(Or(t, s, a, c++, e >= r.length ? 4 : 0));
+		o.push(kr(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;
@@ -4324,22 +4418,22 @@ function jr(e) {
 }
 //#endregion
 //#region src/components/Composer.tsx
-var Mr = [
+var Nr = [
 	"audio/ogg;codecs=opus",
 	"audio/webm;codecs=opus",
 	"audio/mp4",
 	"audio/webm"
 ];
-async function Nr(e, t) {
+async function Pr(e, t) {
 	let n = Date.now();
 	if (/webm/.test(t) && /opus/.test(t)) try {
-		let t = jr(new Uint8Array(await new Blob(e).arrayBuffer()));
+		let t = Mr(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}.${Pr(t)}`, { type: t.split(";")[0] });
+	return new File(e, `voice-${n}.${Fr(t)}`, { type: t.split(";")[0] });
 }
-var Pr = (e) => /mp4/.test(e) ? "m4a" : /ogg/.test(e) ? "ogg" : "webm", Fr = (e) => `${Math.floor(e / 6e4)}:${String(Math.floor(e % 6e4 / 1e3)).padStart(2, "0")}`;
-function Ir({ onSend: e, onTyping: t, onFile: n, disabled: r, disabledText: o, focusKey: l }) {
+var Fr = (e) => /mp4/.test(e) ? "m4a" : /ogg/.test(e) ? "ogg" : "webm", Ir = (e) => `${Math.floor(e / 6e4)}:${String(Math.floor(e % 6e4 / 1e3)).padStart(2, "0")}`;
+function Lr({ onSend: e, onTyping: t, onFile: n, disabled: r, disabledText: o, focusKey: l }) {
 	let [u, p] = c(""), [m, h] = c(!1), g = s(null), _ = s(null), v = s(null), y = s(), b = s(!1), [x, S] = c(null), [C, w] = c(0), T = s(!1), E = s(!1), D = s(!1), O = s({});
 	i(() => v.current?.focus(), []), i(() => () => {
 		D.current = !0, T.current = !0, window.clearTimeout(y.current);
@@ -4355,7 +4449,7 @@ function Ir({ onSend: e, onTyping: t, onFile: n, disabled: r, disabledText: o, f
 	let k = (e) => {
 		b.current !== e && (b.current = e, t(e));
 	}, A = (e) => {
-		let t = e.includes(":") ? nr(e) : e;
+		let t = e.includes(":") ? rr(e) : e;
 		t !== e && (g.current = Math.max(0, (v.current?.selectionStart ?? e.length) - (e.length - t.length))), p(t), t ? (k(!0), window.clearTimeout(y.current), y.current = window.setTimeout(() => k(!1), 4e3)) : k(!1);
 	};
 	a(() => {
@@ -4380,9 +4474,9 @@ function Ir({ onSend: e, onTyping: t, onFile: n, disabled: r, disabledText: o, f
 				t.getTracks().forEach((e) => e.stop());
 				return;
 			}
-			let r = Mr.find((e) => MediaRecorder.isTypeSupported(e)), i = new MediaRecorder(e, r ? { mimeType: r } : void 0), a = [];
+			let r = Nr.find((e) => MediaRecorder.isTypeSupported(e)), i = new MediaRecorder(e, r ? { mimeType: r } : void 0), a = [];
 			i.ondataavailable = (e) => e.data.size && a.push(e.data), i.onstop = () => {
-				t.getTracks().forEach((e) => e.stop()), O.current = {}, S(null), !T.current && a.length && Nr(a, i.mimeType || r || "").then(n);
+				t.getTracks().forEach((e) => e.stop()), O.current = {}, S(null), !T.current && a.length && Pr(a, i.mimeType || r || "").then(n);
 			}, T.current = !1, i.start(), O.current = {
 				r: i,
 				stream: t
@@ -4411,7 +4505,7 @@ function Ir({ onSend: e, onTyping: t, onFile: n, disabled: r, disabledText: o, f
 			}),
 			/* @__PURE__ */ f("div", {
 				className: "ci-flex-1 ci-flex ci-items-center ci-gap-2 ci-px-4 ci-py-2.5 ci-rounded-3xl ci-bg-elevationL2 dark:ci-bg-elevationL2Dark ci-text-sm",
-				children: [/* @__PURE__ */ d("span", { className: "ci-w-2.5 ci-h-2.5 ci-rounded-full ci-bg-phoneIslandClose dark:ci-bg-phoneIslandCloseDark ci-animate-pulse" }), /* @__PURE__ */ f("span", { children: ["Recording ", Fr(C)] })]
+				children: [/* @__PURE__ */ d("span", { className: "ci-w-2.5 ci-h-2.5 ci-rounded-full ci-bg-phoneIslandClose dark:ci-bg-phoneIslandCloseDark ci-animate-pulse" }), /* @__PURE__ */ f("span", { children: ["Recording ", Ir(C)] })]
 			}),
 			/* @__PURE__ */ d(Q, {
 				variant: "green",
@@ -4425,7 +4519,7 @@ function Ir({ onSend: e, onTyping: t, onFile: n, disabled: r, disabledText: o, f
 	}) : /* @__PURE__ */ f("div", {
 		className: "ci-relative ci-flex ci-items-center ci-gap-2 ci-px-3 ci-py-3",
 		children: [
-			m && /* @__PURE__ */ d(ar, {
+			m && /* @__PURE__ */ d(or, {
 				className: "ci-absolute ci-bottom-full ci-left-3 ci-mb-1",
 				onPick: j,
 				onClose: () => h(!1)
@@ -4491,14 +4585,14 @@ function Ir({ onSend: e, onTyping: t, onFile: n, disabled: r, disabledText: o, f
 }
 //#endregion
 //#region src/components/ChatWindow.tsx
-var Lr = (e) => !!e && ![
+var Rr = (e) => !!e && ![
 	"offline",
 	"dnd",
 	"busy",
 	"ringing",
 	"onhold"
 ].includes(e);
-function Rr({ peer: e, actions: t, theme: n, onDragStart: r }) {
+function zr({ peer: e, actions: t, theme: n, onDragStart: r }) {
 	let { c: a, contacts: o, online: s, mobile: l, inactive: p, status: m, closeChat: h, openChat: g, markRead: _, order: v, me: y } = Y(w((t) => ({
 		c: t.conversations[e],
 		contacts: t.contacts,
@@ -4536,10 +4630,10 @@ function Rr({ peer: e, actions: t, theme: n, onDragStart: r }) {
 		role: "dialog",
 		"aria-label": a.kind === "group" ? a.name ?? e : x?.name ?? p[e] ?? e,
 		onKeyDown: 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",
+		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 dark:ci-border dark:ci-border-solid dark:ci-border-gray-700 ci-text-gray-900 dark:ci-text-white",
 		children: [
 			/* @__PURE__ */ d("span", {
-				className: "ci-absolute ci--right-1.5 ci-w-3 ci-h-3 ci-rotate-45 ci-bg-gray-50 dark:ci-bg-gray-950 ci-shadow-2xl ci-transition-all ci-duration-200",
+				className: "ci-absolute ci--right-1.5 ci-w-3 ci-h-3 ci-rotate-45 ci-bg-gray-50 dark:ci-bg-gray-950 dark:ci-border-0 dark:ci-border-t dark:ci-border-r dark:ci-border-solid dark:ci-border-gray-700 ci-shadow-2xl ci-transition-all ci-duration-200",
 				style: { bottom: `calc(1.875rem + ${b} * 3.75rem)` },
 				"aria-hidden": "true"
 			}),
@@ -4580,7 +4674,7 @@ function Rr({ peer: e, actions: t, theme: n, onDragStart: r }) {
 							children: F ? "No longer active" : m === "online" ? a.kind === "group" ? M.map(j).join(", ") : a.typing ? "typing…" : s[e] ? "online" : l[e] ? "Mobile" : "offline" : m
 						})]
 					}),
-					!F && a.kind !== "group" && x?.number && Lr(x.presence) && /* @__PURE__ */ d(Q, {
+					!F && a.kind !== "group" && x?.number && Rr(x.presence) && /* @__PURE__ */ d(Q, {
 						variant: "call",
 						title: `Call ${x.number}`,
 						"aria-label": "Call",
@@ -4608,12 +4702,12 @@ function Rr({ peer: e, actions: t, theme: n, onDragStart: r }) {
 				]
 			}),
 			/* @__PURE__ */ d("div", { className: "ci-border-t ci-border-gray-300 dark:ci-border-gray-700" }),
-			T && /* @__PURE__ */ d(Br, {
+			T && /* @__PURE__ */ d(Vr, {
 				theme: n,
 				onClose: () => E(!1)
 			}),
 			S && a.kind === "group" && /* @__PURE__ */ d("div", {
-				className: "ci-anim-drop 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",
+				className: "ci-anim-drop 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-border ci-border-solid ci-border-gray-300 dark:ci-border-gray-600 ci-p-2",
 				children: M.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: [
@@ -4639,7 +4733,7 @@ function Rr({ peer: e, actions: t, theme: n, onDragStart: r }) {
 							"aria-label": "Chat",
 							onClick: () => g(e),
 							children: $.chat
-						}), o[e]?.number && Lr(o[e]?.presence) && /* @__PURE__ */ d(Q, {
+						}), o[e]?.number && Rr(o[e]?.presence) && /* @__PURE__ */ d(Q, {
 							variant: "call",
 							title: `Call ${o[e]?.number}`,
 							"aria-label": "Call",
@@ -4655,7 +4749,7 @@ function Rr({ peer: e, actions: t, theme: n, onDragStart: r }) {
 			/* @__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(xr, {
+					/* @__PURE__ */ d(Sr, {
 						messages: a.messages,
 						typing: a.typing,
 						group: a.kind === "group",
@@ -4685,7 +4779,7 @@ function Rr({ peer: e, actions: t, theme: n, onDragStart: r }) {
 							children: $.close
 						})]
 					}),
-					/* @__PURE__ */ d(Ir, {
+					/* @__PURE__ */ d(Lr, {
 						focusKey: k,
 						disabled: m !== "online" || F,
 						disabledText: F ? "No longer active" : void 0,
@@ -4698,7 +4792,7 @@ function Rr({ peer: e, actions: t, theme: n, onDragStart: r }) {
 		]
 	});
 }
-var zr = [
+var Br = [
 	{
 		value: "light",
 		label: "Light",
@@ -4715,7 +4809,7 @@ var zr = [
 		icon: $.monitor
 	}
 ];
-function Br({ theme: e, onClose: t }) {
+function Vr({ theme: e, onClose: t }) {
 	let n = s(null);
 	return i(() => {
 		let e = (e) => n.current && !n.current.contains(e.target) && !e.target.closest("[aria-label=\"Menu\"]") && t();
@@ -4723,11 +4817,11 @@ function Br({ theme: e, onClose: t }) {
 	}, [t]), /* @__PURE__ */ f("div", {
 		ref: n,
 		role: "menu",
-		className: "ci-anim-drop ci-absolute ci-right-3 ci-top-14 ci-z-20 ci-w-44 ci-py-2 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-text-sm",
+		className: "ci-anim-drop ci-absolute ci-right-3 ci-top-14 ci-z-20 ci-w-44 ci-py-2 ci-rounded-2xl ci-bg-gray-50 dark:ci-bg-gray-950 ci-shadow-2xl ci-border ci-border-solid ci-border-gray-300 dark:ci-border-gray-600 ci-text-sm",
 		children: [/* @__PURE__ */ d("div", {
 			className: "ci-px-4 ci-py-1 ci-font-semibold ci-text-gray-600 dark:ci-text-gray-50",
 			children: "Theme"
-		}), zr.map((n) => /* @__PURE__ */ f("button", {
+		}), Br.map((n) => /* @__PURE__ */ f("button", {
 			type: "button",
 			role: "menuitemradio",
 			"aria-checked": e === n.value,
@@ -4751,11 +4845,11 @@ function Br({ theme: e, onClose: t }) {
 }
 //#endregion
 //#region src/components/NewChat.tsx
-async function Vr(e) {
+async function Hr(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 Hr({ onOpen: e, onCreateGroup: t, onDragStart: n }) {
+function Ur({ onOpen: e, onCreateGroup: t, onDragStart: n }) {
 	let { contacts: r, online: i, mobile: a, setPicker: l } = Y(), [p, m] = c(""), [h, g] = c([]), [_, v] = c(""), [y, b] = c(!1), [x, S] = c(), C = s(null), w = o(() => {
 		let e = Object.values(r), t = p.trim().toLowerCase();
 		return t ? e.filter((e) => (e.name ?? "").toLowerCase().includes(t) || e.username.includes(t)) : e;
@@ -4768,7 +4862,7 @@ function Hr({ onOpen: e, onCreateGroup: t, onDragStart: n }) {
 		}
 	};
 	return /* @__PURE__ */ f("div", {
-		className: "ci-w-[22rem] ci-max-h-[30rem] ci-flex ci-flex-col ci-rounded-3xl ci-shadow-2xl ci-overflow-hidden ci-bg-gray-50 dark:ci-bg-gray-950 ci-text-gray-900 dark:ci-text-white",
+		className: "ci-w-[22rem] ci-max-h-[30rem] ci-flex ci-flex-col ci-rounded-3xl ci-shadow-2xl dark:ci-border dark:ci-border-solid dark:ci-border-gray-700 ci-overflow-hidden ci-bg-gray-50 dark:ci-bg-gray-950 ci-text-gray-900 dark:ci-text-white",
 		children: [
 			/* @__PURE__ */ f("div", {
 				className: `ci-px-4 ci-py-3 ci-flex ci-items-center ci-gap-2 ${n ? "ci-cursor-grab active:ci-cursor-grabbing ci-touch-none" : ""}`,
@@ -4864,7 +4958,7 @@ function Hr({ onOpen: e, onCreateGroup: t, onDragStart: n }) {
 						type: "file",
 						accept: "image/*",
 						hidden: !0,
-						onChange: (e) => e.target.files?.[0] && Vr(e.target.files[0]).then(S).catch(() => {})
+						onChange: (e) => e.target.files?.[0] && Hr(e.target.files[0]).then(S).catch(() => {})
 					}),
 					/* @__PURE__ */ d("button", {
 						type: "button",
@@ -4899,22 +4993,22 @@ function Hr({ onOpen: e, onCreateGroup: t, onDragStart: n }) {
 }
 //#endregion
 //#region src/theme.ts
-var Ur = "chat-island-theme", Wr = () => {
+var Wr = "chat-island-theme", Gr = () => {
 	try {
-		let e = localStorage.getItem(Ur);
+		let e = localStorage.getItem(Wr);
 		return e === "light" || e === "dark" || e === "system" ? e : void 0;
 	} catch {
 		return;
 	}
 };
-function Gr(e) {
-	let [t, n] = c(() => e ?? Wr()), [r, a] = c(!1);
-	return i(() => n(e ?? Wr()), [e]), i(() => {
+function Kr(e) {
+	let [t, n] = c(() => e ?? Gr()), [r, a] = c(!1);
+	return i(() => n(e ?? Gr()), [e]), i(() => {
 		let e = (e) => {
 			let t = e.detail?.theme;
 			if (t === "light" || t === "dark" || t === "system") {
 				try {
-					localStorage.setItem(Ur, t);
+					localStorage.setItem(Wr, t);
 				} catch {}
 				n(t);
 			}
@@ -4940,7 +5034,7 @@ function Gr(e) {
 }
 //#endregion
 //#region src/ChatIsland.tsx
-function Kr() {
+function qr() {
 	let e = Y.getState();
 	return Object.values(e.conversations).map((t) => {
 		let n = t.messages[t.messages.length - 1], r = e.contacts[t.peer];
@@ -4956,7 +5050,7 @@ function Kr() {
 			unread: t.unread,
 			members: t.members,
 			last: n ? {
-				body: Yr(n.body),
+				body: Xr(n.body),
 				ts: n.ts,
 				mine: n.mine,
 				oob: n.oob,
@@ -4965,7 +5059,7 @@ function Kr() {
 		};
 	}).filter((e) => e.last || e.kind === "group").sort((e, t) => (t.last?.ts ?? 0) - (e.last?.ts ?? 0));
 }
-var qr = class extends t {
+var Jr = class extends t {
 	state = { failed: !1 };
 	failures = [];
 	static getDerivedStateFromError() {
@@ -4983,7 +5077,7 @@ var qr = class extends t {
 		return this.state.failed ? null : this.props.children;
 	}
 };
-function Jr(e) {
+function Yr(e) {
 	try {
 		let [t, n, r] = atob(e).split(":");
 		return t && n && r ? {
@@ -4995,8 +5089,8 @@ function Jr(e) {
 		return null;
 	}
 }
-var Yr = (e) => (pr(e) ? "Attachment" : nr(e)).replace(/```[^\n]*\n?/g, "").replace(/(\*\*|__|~~|`)/g, "").replace(/(^|\s)[*_](\S[^*_]*)[*_]/g, "$1$2").replace(/\s+/g, " ").trim();
-function Xr(e, t = !1) {
+var Xr = (e) => (mr(e) ? "Attachment" : rr(e)).replace(/```[^\n]*\n?/g, "").replace(/(\*\*|__|~~|`)/g, "").replace(/(^|\s)[*_](\S[^*_]*)[*_]/g, "$1$2").replace(/\s+/g, " ").trim();
+function Zr(e, t = !1) {
 	let [n, r] = c(e);
 	return i(() => {
 		if (e || t) return r(e);
@@ -5008,8 +5102,8 @@ function Xr(e, t = !1) {
 		(t) => !e && t.target === t.currentTarget && r(e)
 	];
 }
-function Zr({ 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(() => Jr(e), [e]), [_, v] = Gr(n), y = s(g), b = s(p), x = s(u);
+function Qr({ dataConfig: e, position: t = "bottom-right", theme: n, serviceWorker: r, maxHeads: a = 5, newChatButton: l = !0, notifications: u = "click", sound: p = !0, drag: m = !0, onDragStart: h }) {
+	let g = o(() => Yr(e), [e]), [_, v] = Kr(n), y = s(g), b = s(p), x = s(u);
 	i(() => {
 		y.current = g, b.current = p, x.current = u;
 	}, [
@@ -5034,7 +5128,7 @@ function Zr({ dataConfig: e, position: t = "bottom-right", theme: n, serviceWork
 			let r = T.current;
 			if (!r) throw Error("not connected");
 			try {
-				Y.getState().addMessage(e, await r.send(e, nr(t), void 0, n));
+				Y.getState().addMessage(e, await r.send(e, rr(t), void 0, n));
 			} catch (e) {
 				throw X("chat-island-error", {
 					scope: "send",
@@ -5159,7 +5253,7 @@ function Zr({ dataConfig: e, position: t = "bottom-right", theme: n, serviceWork
 		}), n = (e, t) => {
 			let n = Y.getState(), r = document.visibilityState === "visible";
 			if (r && n.open === e) return;
-			let i = n.conversations[e], a = i?.kind === "group" ? i.name ?? e : n.contacts[e]?.name ?? n.inactive[e] ?? e, o = t.oob ? "Attachment" : nr(t.body), s = i?.kind === "group", c = s && t.nick ? n.contacts[t.nick]?.name ?? t.nick : a, l = s && t.nick ? `${c}: ${o}` : o;
+			let i = n.conversations[e], a = i?.kind === "group" ? i.name ?? e : n.contacts[e]?.name ?? n.inactive[e] ?? e, o = t.oob ? "Attachment" : rr(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;
 			b.current && Cn();
 			let u = s ? i?.avatar : n.contacts[e]?.avatar;
 			if (X("chat-island-notify", {
@@ -5214,7 +5308,7 @@ function Zr({ dataConfig: e, position: t = "bottom-right", theme: n, serviceWork
 			scope: "contacts",
 			message: e.message
 		}));
-		let d = Z("chat-island-open", ({ username: t }) => t && e.openChat(t)), f = Z("chat-island-close", () => e.closeChat()), p = Z("chat-island-new", () => e.setPicker(!0)), m = Z("chat-island-delete", ({ username: e }) => e && F.remove(e)), h = Z("chat-island-send", ({ username: e, text: t }) => e && t && F.send(e, t).catch(() => {})), _ = Z("chat-island-group-create", ({ name: e, members: t }) => e && t?.length && F.createGroup(e, t)), v = Z("chat-island-contacts", ({ contacts: t }) => t && e.setContacts(t)), y = Z("chat-island-conversations-request", () => X("chat-island-conversations", { conversations: Kr() }));
+		let d = Z("chat-island-open", ({ username: t }) => t && e.openChat(t)), f = Z("chat-island-close", () => e.closeChat()), p = Z("chat-island-new", () => e.setPicker(!0)), m = Z("chat-island-delete", ({ username: e }) => e && F.remove(e)), h = Z("chat-island-send", ({ username: e, text: t }) => e && t && F.send(e, t).catch(() => {})), _ = Z("chat-island-group-create", ({ name: e, members: t }) => e && t?.length && F.createGroup(e, t)), v = Z("chat-island-contacts", ({ contacts: t }) => t && e.setContacts(t)), y = Z("chat-island-conversations-request", () => X("chat-island-conversations", { conversations: qr() }));
 		return () => {
 			window.removeEventListener("pagehide", s), window.clearInterval(u), y(), p(), m(), h(), _(), d(), f(), v(), k.current && t.disablePush(k.current.service, k.current.node).catch(() => {}), k.current = null, t.stop(), T.current = null, O.current = !1;
 		};
@@ -5228,14 +5322,14 @@ function Zr({ dataConfig: e, position: t = "bottom-right", theme: n, serviceWork
 		P === "online" && ee && T.current?.announce(ee.split(","));
 	}, [P, ee]);
 	let te = Y((e) => Object.values(e.conversations).map((e) => `${e.peer}:${e.kind}:${e.name ?? ""}:${(e.members ?? []).length}:${e.unread}:${e.messages[e.messages.length - 1]?.id ?? ""}`).join("|") + "#" + Object.keys(e.contacts).length + "#" + Object.values(e.online).filter(Boolean).length + "#" + Object.keys(e.inactive).length);
-	i(() => X("chat-island-conversations", { conversations: Kr() }), [te]);
+	i(() => X("chat-island-conversations", { conversations: qr() }), [te]);
 	let ne = Y((e) => Object.values(e.conversations).reduce((e, t) => e + t.unread, 0));
 	i(() => X("chat-island-unread", { total: ne }), [ne]);
 	let re = s(null), ie = s(M), I = s(null), L = !N && !!M && M !== ie.current && !!re.current;
 	L && (I.current = re.current.offsetHeight), i(() => {
 		ie.current = M, M || (I.current = null);
 	}, [M]);
-	let [ae, oe, se] = Xr(M), [ce, le, R] = Xr(N, L);
+	let [ae, oe, se] = Zr(M), [ce, le, R] = Zr(N, L);
 	if (!g) return null;
 	let ue = m && !h && j.anchor ? {
 		right: j.anchor.right,
@@ -5247,12 +5341,12 @@ function Zr({ dataConfig: e, position: t = "bottom-right", theme: n, serviceWork
 		onClickCapture: j.onClickCapture,
 		className: `chat-island-root ${_ ? "ci-dark" : ""} ci-fixed ${de} ci-z-[9999] ci-flex ci-items-end ci-gap-3 ci-font-sans ci-select-none`,
 		"data-status": P,
-		children: /* @__PURE__ */ f(qr, { children: [
+		children: /* @__PURE__ */ f(Jr, { children: [
 			ae && /* @__PURE__ */ d("div", {
 				className: oe ? "ci-anim-close" : I.current ? "ci-anim-morph" : "ci-anim-open",
 				style: I.current ? { "--ci-from": `${I.current}px` } : void 0,
 				onAnimationEnd: se,
-				children: /* @__PURE__ */ d(Rr, {
+				children: /* @__PURE__ */ d(zr, {
 					peer: ae,
 					actions: F,
 					theme: v,
@@ -5263,7 +5357,7 @@ function Zr({ dataConfig: e, position: t = "bottom-right", theme: n, serviceWork
 				ref: re,
 				className: le ? "ci-anim-close" : "ci-anim-open",
 				onAnimationEnd: R,
-				children: /* @__PURE__ */ d(Hr, {
+				children: /* @__PURE__ */ d(Ur, {
 					onOpen: (e) => Y.getState().openChat(e),
 					onCreateGroup: F.createGroup,
 					onDragStart: h ?? (m ? j.start : void 0)
@@ -5277,4 +5371,4 @@ function Zr({ dataConfig: e, position: t = "bottom-right", theme: n, serviceWork
 	});
 }
 //#endregion
-export { Zr as ChatIsland, Fn as contactsFromOperators };
+export { Qr as ChatIsland, Fn as contactsFromOperators };