@orbitconnect/react 0.1.0 → 0.1.3

package/dist/index.js

@@ -27,29 +27,31 @@ function v() {
 	return e;
 }
 function y() {
-	let e = (0, g.c)(21), { appConfig: t } = v(), n = t?.showChatHeader ?? !0, r = t?.showQuickMessageButton ?? !0, i = t?.useRichTextEditor ?? !0, a = t?.showAttachMentButton ?? !0, o = t?.showSearchIcon ?? !0, s = t?.showAudioIcon ?? !0, c = t?.showVideoIcon ?? !0, l = t?.enableMeetingUi ?? !0, u = t?.showPoweredBy ?? !0, d = t?.attachmentIcon, f = t?.recordIcon, p = t?.QuickmessageIcon, m = t?.emojIcon, h = t?.stickerIcon, _ = t?.sendIcon, y = t?.deliveredIcon, b = t?.sentIcon, x = t?.readIcon, S = t?.callIcon, C = t?.VideoCallIcon, w;
-	return e[0] !== n || e[1] !== r || e[2] !== f || e[3] !== p || e[4] !== m || e[5] !== h || e[6] !== _ || e[7] !== y || e[8] !== b || e[9] !== x || e[10] !== S || e[11] !== C || e[12] !== i || e[13] !== a || e[14] !== o || e[15] !== s || e[16] !== c || e[17] !== l || e[18] !== u || e[19] !== d ? (w = {
+	let e = (0, g.c)(23), { appConfig: t } = v(), n = t?.showChatHeader ?? !0, r = t?.showConversationHeader ?? !0, i = t?.showQuickMessageButton ?? !0, a = t?.useRichTextEditor ?? !0, o = t?.showAttachMentButton ?? !0, s = t?.showSearchIcon ?? !0, c = t?.showAudioIcon ?? !0, l = t?.showVideoIcon ?? !0, u = t?.enableMeetingUi ?? !0, d = t?.showPoweredBy ?? !0, f = t?.enableE2E ?? !1, p = t?.attachmentIcon, m = t?.recordIcon, h = t?.QuickmessageIcon, _ = t?.emojIcon, y = t?.stickerIcon, b = t?.sendIcon, x = t?.deliveredIcon, S = t?.sentIcon, C = t?.readIcon, w = t?.callIcon, T = t?.VideoCallIcon, E;
+	return e[0] !== n || e[1] !== r || e[2] !== f || e[3] !== p || e[4] !== m || e[5] !== h || e[6] !== _ || e[7] !== y || e[8] !== b || e[9] !== x || e[10] !== S || e[11] !== C || e[12] !== i || e[13] !== w || e[14] !== T || e[15] !== a || e[16] !== o || e[17] !== s || e[18] !== c || e[19] !== l || e[20] !== u || e[21] !== d ? (E = {
 		showChatHeader: n,
-		showQuickMessageButton: r,
-		useRichTextEditor: i,
-		showAttachMentButton: a,
-		showSearchIcon: o,
-		showAudioIcon: s,
-		showVideoIcon: c,
-		enableMeetingUi: l,
-		showPoweredBy: u,
-		attachmentIcon: d,
-		recordIcon: f,
-		QuickmessageIcon: p,
-		emojIcon: m,
-		stickerIcon: h,
-		sendIcon: _,
-		deliveredIcon: y,
-		sentIcon: b,
-		readIcon: x,
-		callIcon: S,
-		VideoCallIcon: C
-	}, e[0] = n, e[1] = r, e[2] = f, e[3] = p, e[4] = m, e[5] = h, e[6] = _, e[7] = y, e[8] = b, e[9] = x, e[10] = S, e[11] = C, e[12] = i, e[13] = a, e[14] = o, e[15] = s, e[16] = c, e[17] = l, e[18] = u, e[19] = d, e[20] = w) : w = e[20], w;
+		showConversationHeader: r,
+		showQuickMessageButton: i,
+		useRichTextEditor: a,
+		showAttachMentButton: o,
+		showSearchIcon: s,
+		showAudioIcon: c,
+		showVideoIcon: l,
+		enableMeetingUi: u,
+		showPoweredBy: d,
+		enableE2E: f,
+		attachmentIcon: p,
+		recordIcon: m,
+		QuickmessageIcon: h,
+		emojIcon: _,
+		stickerIcon: y,
+		sendIcon: b,
+		deliveredIcon: x,
+		sentIcon: S,
+		readIcon: C,
+		callIcon: w,
+		VideoCallIcon: T
+	}, e[0] = n, e[1] = r, e[2] = f, e[3] = p, e[4] = m, e[5] = h, e[6] = _, e[7] = y, e[8] = b, e[9] = x, e[10] = S, e[11] = C, e[12] = i, e[13] = w, e[14] = T, e[15] = a, e[16] = o, e[17] = s, e[18] = c, e[19] = l, e[20] = u, e[21] = d, e[22] = E) : E = e[22], E;
 }
 //#endregion
 //#region src/api/client.ts
@@ -1298,52 +1300,126 @@ function $({ children: e }) {
 	});
 }
 //#endregion
+//#region src/e2e/psalms.ts
+var ie = 3;
+function ae(e, t) {
+	let n = [];
+	for (let r = 0; r < t; r++) n.push(e.charCodeAt(r % e.length));
+	return n;
+}
+function oe(e) {
+	let t = new Uint8Array(e);
+	return crypto.getRandomValues(t), Array.from(t).map((e) => e.toString(16).padStart(2, "0")).join("");
+}
+function se(e, t) {
+	let n = oe(16), r = ae(t, e.length), i = ae(n, e.length), a = [];
+	for (let t = 0; t < e.length; t++) {
+		let n = e.charCodeAt(t) + r[t] - i[t];
+		a.push(Math.floor(n / ie), n % ie);
+	}
+	return {
+		cipher: btoa(JSON.stringify(a)),
+		iv: n
+	};
+}
+function ce(e, t, n) {
+	let r = JSON.parse(atob(e)), i = r.length / 2, a = ae(n, i), o = ae(t, i), s = "";
+	for (let e = 0; e < i; e++) {
+		let t = r[e * 2] * ie + r[e * 2 + 1] + o[e];
+		s += String.fromCharCode(t - a[e]);
+	}
+	return s;
+}
+//#endregion
+//#region src/e2e/index.ts
+async function le() {
+	let e = await crypto.subtle.generateKey({
+		name: "RSA-OAEP",
+		modulusLength: 2048,
+		publicExponent: new Uint8Array([
+			1,
+			0,
+			1
+		]),
+		hash: "SHA-256"
+	}, !0, ["encrypt", "decrypt"]), t = await crypto.subtle.exportKey("spki", e.publicKey), n = btoa(String.fromCharCode(...new Uint8Array(t)));
+	return {
+		publicKey: e.publicKey,
+		privateKey: e.privateKey,
+		publicKeyB64: n
+	};
+}
+async function ue(e, t, n) {
+	let { cipher: r, iv: i } = se(e, t), a = JSON.stringify({
+		cipher: r,
+		iv: i
+	}), o = await crypto.subtle.encrypt({ name: "RSA-OAEP" }, n, new TextEncoder().encode(a));
+	return btoa(String.fromCharCode(...new Uint8Array(o)));
+}
+async function de(e, t, n) {
+	let r = Uint8Array.from(atob(e), (e) => e.charCodeAt(0)), i = await crypto.subtle.decrypt({ name: "RSA-OAEP" }, n, r), { cipher: a, iv: o } = JSON.parse(new TextDecoder().decode(i));
+	return ce(a, o, t);
+}
+//#endregion
 //#region src/OrbitProvider.tsx
-var ie = "https://orbitxyz.muvle.org/api/v1";
-function ae(e) {
-	let t = (0, g.c)(23), { clientId: n, userToken: r, appUserId: i, theme: a, baseTheme: o, onTokenExpired: s, appConfig: c, children: u } = e, d = o === void 0 ? S : o, f;
-	t[0] !== i || t[1] !== n || t[2] !== r ? (f = new b({
-		baseUrl: ie,
-		userToken: r,
+var fe = "http://localhost:3000/api/v1";
+function pe(e) {
+	let t = (0, g.c)(31), { clientId: n, userToken: i, appUserId: a, theme: o, baseTheme: c, onTokenExpired: u, appConfig: d, children: f } = e, p = c === void 0 ? S : c, m;
+	t[0] !== a || t[1] !== n || t[2] !== i ? (m = new b({
+		baseUrl: fe,
+		userToken: i,
 		clientId: n,
-		appUserId: i
-	}), t[0] = i, t[1] = n, t[2] = r, t[3] = f) : f = t[3];
-	let p = f, m;
-	t[4] !== p || t[5] !== c || t[6] !== i || t[7] !== n ? (m = {
-		apiClient: p,
-		appUserId: i,
+		appUserId: a
+	}), t[0] = a, t[1] = n, t[2] = i, t[3] = m) : m = t[3];
+	let h = m, [v, y] = s(void 0), x;
+	t[4] === d?.enableE2E ? x = t[5] : (x = () => d?.enableE2E ? Array.from(crypto.getRandomValues(new Uint8Array(32))).map(me).join("") : "", t[4] = d?.enableE2E, t[5] = x);
+	let [C] = s(x), w;
+	t[6] === d?.enableE2E ? w = t[7] : (w = () => {
+		d?.enableE2E && le().then(y);
+	}, t[6] = d?.enableE2E, t[7] = w);
+	let T = d?.enableE2E, E;
+	t[8] === T ? E = t[9] : (E = [T], t[8] = T, t[9] = E), r(w, E);
+	let O;
+	t[10] !== h || t[11] !== d || t[12] !== a || t[13] !== n || t[14] !== v || t[15] !== C ? (O = {
+		apiClient: h,
+		appUserId: a,
 		clientId: n,
-		baseUrl: ie,
-		appConfig: c
-	}, t[4] = p, t[5] = c, t[6] = i, t[7] = n, t[8] = m) : m = t[8];
-	let h = m, v;
-	t[9] === u ? v = t[10] : (v = /* @__PURE__ */ l(G, { children: /* @__PURE__ */ l($, { children: u }) }), t[9] = u, t[10] = v);
-	let y;
-	t[11] !== v || t[12] !== h ? (y = /* @__PURE__ */ l(_.Provider, {
-		value: h,
-		children: v
-	}), t[11] = v, t[12] = h, t[13] = y) : y = t[13];
-	let x;
-	t[14] !== n || t[15] !== s || t[16] !== y || t[17] !== r ? (x = /* @__PURE__ */ l(M, {
+		baseUrl: fe,
+		appConfig: d,
+		e2eKeys: v,
+		e2eSessionKey: C
+	}, t[10] = h, t[11] = d, t[12] = a, t[13] = n, t[14] = v, t[15] = C, t[16] = O) : O = t[16];
+	let k = O, A;
+	t[17] === f ? A = t[18] : (A = /* @__PURE__ */ l(G, { children: /* @__PURE__ */ l($, { children: f }) }), t[17] = f, t[18] = A);
+	let j;
+	t[19] !== A || t[20] !== k ? (j = /* @__PURE__ */ l(_.Provider, {
+		value: k,
+		children: A
+	}), t[19] = A, t[20] = k, t[21] = j) : j = t[21];
+	let N;
+	t[22] !== n || t[23] !== u || t[24] !== j || t[25] !== i ? (N = /* @__PURE__ */ l(M, {
 		clientId: n,
-		userToken: r,
-		baseUrl: ie,
-		onTokenExpired: s,
-		children: y
-	}), t[14] = n, t[15] = s, t[16] = y, t[17] = r, t[18] = x) : x = t[18];
-	let C;
-	return t[19] !== d || t[20] !== x || t[21] !== a ? (C = /* @__PURE__ */ l(D, {
-		theme: a,
-		baseTheme: d,
-		children: x
-	}), t[19] = d, t[20] = x, t[21] = a, t[22] = C) : C = t[22], C;
+		userToken: i,
+		baseUrl: fe,
+		onTokenExpired: u,
+		children: j
+	}), t[22] = n, t[23] = u, t[24] = j, t[25] = i, t[26] = N) : N = t[26];
+	let P;
+	return t[27] !== p || t[28] !== N || t[29] !== o ? (P = /* @__PURE__ */ l(D, {
+		theme: o,
+		baseTheme: p,
+		children: N
+	}), t[27] = p, t[28] = N, t[29] = o, t[30] = P) : P = t[30], P;
+}
+function me(e) {
+	return e.toString(16).padStart(2, "0");
 }
 //#endregion
 //#region src/hooks/useConversations.ts
-function oe(e) {
+function he(e) {
 	if (e) return e.avatar_url ?? e.avatarUrl ?? e.photo_url;
 }
-function se(e) {
+function ge(e) {
 	if (e.type !== "media") return e.content ?? "";
 	let t = e.metadata ?? {}, n = t.attachment_type;
 	if (n === "sticker") return "🎭 Sticker";
@@ -1382,8 +1458,8 @@ function se(e) {
 		"7z"
 	].includes(i) ? "🗜️ Archive" : "📎 Attachment";
 }
-function ce(e, t) {
-	let n = (e.allParticipants ?? []).find((e) => e.app_user_id !== t), r = e.messages?.[0], i = e.type === "group" ? "Group" : n?.appUser?.display_name ?? "Unknown", a = e.type === "direct" ? oe(n?.appUser?.metadata) : void 0, o = e.type === "direct" ? n?.appUser?.presence?.status === "online" : void 0, s = e.type === "direct" ? n?.appUser?.presence?.status ?? "offline" : void 0, c = r?.sender_id === t, l = c ? "You" : r?.sender?.display_name ?? void 0, u = c ? r?.metadata?.status ?? "sent" : void 0;
+function _e(e, t) {
+	let n = (e.allParticipants ?? []).find((e) => e.app_user_id !== t), r = e.messages?.[0], i = e.type === "group" ? "Group" : n?.appUser?.display_name ?? "Unknown", a = e.type === "direct" ? he(n?.appUser?.metadata) : void 0, o = e.type === "direct" ? n?.appUser?.presence?.status === "online" : void 0, s = e.type === "direct" ? n?.appUser?.presence?.status ?? "offline" : void 0, c = r?.sender_id === t, l = c ? "You" : r?.sender?.display_name ?? void 0, u = c ? r?.metadata?.status ?? "sent" : void 0;
 	return {
 		id: e.id,
 		name: i,
@@ -1392,7 +1468,7 @@ function ce(e, t) {
 		presenceStatus: s,
 		isGroup: e.type === "group",
 		otherUserId: e.type === "direct" ? n?.app_user_id : void 0,
-		lastMessage: r ? se(r) : void 0,
+		lastMessage: r ? ge(r) : void 0,
 		senderPrefix: r ? l : void 0,
 		lastMessageId: r?.id,
 		lastMessageStatus: u,
@@ -1402,14 +1478,14 @@ function ce(e, t) {
 		}) : ""
 	};
 }
-function le() {
+function ve() {
 	let e = (0, g.c)(25), { apiClient: t, appUserId: n } = v(), i;
 	e[0] === Symbol.for("react.memo_cache_sentinel") ? (i = [], e[0] = i) : i = e[0];
 	let [a, c] = s(i), [l, u] = s(!0), d;
 	e[1] === Symbol.for("react.memo_cache_sentinel") ? (d = /* @__PURE__ */ new Map(), e[1] = d) : d = e[1];
 	let f = o(d), p;
 	e[2] !== t || e[3] !== n ? (p = () => {
-		t.get("/conversations").then((e) => c(e.map((e) => ce(e, n)))).finally(() => u(!1));
+		t.get("/conversations").then((e) => c(e.map((e) => _e(e, n)))).finally(() => u(!1));
 	}, e[2] = t, e[3] = n, e[4] = p) : p = e[4];
 	let m = p, h, _;
 	e[5] === m ? (h = e[6], _ = e[7]) : (h = () => {
@@ -1419,9 +1495,9 @@ function le() {
 	e[8] !== t || e[9] !== n ? (y = () => {
 		t.get("/conversations").then((e) => {
 			c((t) => {
-				let r = new Map(t.map(ue));
+				let r = new Map(t.map(ye));
 				return e.map((e) => {
-					let t = ce(e, n), i = r.get(t.id);
+					let t = _e(e, n), i = r.get(t.id);
 					return i?.isTyping ? {
 						...t,
 						isTyping: !0,
@@ -1497,7 +1573,7 @@ function le() {
 			type: "direct",
 			participant_id: e
 		});
-		return c((e) => [ce(r, n), ...e]), r.id;
+		return c((e) => [_e(r, n), ...e]), r.id;
 	}, e[17] = t, e[18] = n, e[19] = T) : T = e[19];
 	let E = T, D;
 	return e[20] !== a || e[21] !== E || e[22] !== l || e[23] !== m ? (D = {
@@ -1507,7 +1583,7 @@ function le() {
 		refresh: m
 	}, e[20] = a, e[21] = E, e[22] = l, e[23] = m, e[24] = D) : D = e[24], D;
 }
-function ue(e) {
+function ye(e) {
 	return [e.id, {
 		isTyping: e.isTyping,
 		typingName: e.typingName
@@ -1515,12 +1591,12 @@ function ue(e) {
 }
 //#endregion
 //#region src/hooks/useMessages.ts
-function de(e) {
+function be(e) {
 	if (!e || e.length === 0) return "sent";
 	let t = e.map((e) => e.status);
 	return t.every((e) => e === "read") ? "read" : t.some((e) => e === "delivered" || e === "read") ? "delivered" : "sent";
 }
-function fe(e, t) {
+function xe(e, t) {
 	let n, r;
 	if (e.type === "system") {
 		let n = e.metadata ?? {};
@@ -1578,7 +1654,7 @@ function fe(e, t) {
 			hour: "2-digit",
 			minute: "2-digit"
 		}),
-		status: e.sender_id === t ? de(e.deliveries) : void 0,
+		status: e.sender_id === t ? be(e.deliveries) : void 0,
 		updated_at: e.updated_at,
 		attachment: n
 	};
@@ -1609,15 +1685,31 @@ function fe(e, t) {
 	}
 	return i;
 }
-function pe(e) {
-	let { apiClient: n, appUserId: i } = v(), { socket: a, status: c } = A(), { play: l } = U(), [u, d] = s([]), [f, p] = s(!0), [m, h] = s([]), g = o(0), _ = o(c), y = o(/* @__PURE__ */ new Set());
+function Se(e) {
+	let { apiClient: n, appUserId: i, appConfig: a, e2eKeys: c, e2eSessionKey: l } = v(), { socket: u, status: d } = A(), { play: f } = U(), p = !!(a?.enableE2E && c && l), m = t(async (e) => {
+		if (!p || !e || !c || !l) return e;
+		try {
+			return await de(e, l, c.privateKey);
+		} catch {
+			return e;
+		}
+	}, [
+		p,
+		c,
+		l
+	]), [h, g] = s([]), [_, y] = s(!0), [b, x] = s([]), S = o(0), C = o(d), w = o(/* @__PURE__ */ new Set());
 	r(() => {
 		if (!e) return;
 		let t = !1;
-		return n.get(`/conversations/${e}/messages?limit=50`).then((e) => {
-			t || (y.current = new Set(e.map((e) => e.id)), d(e.map((e) => fe(e, i))), g.current = e[e.length - 1]?.sequence_number ?? 0, p(!1));
+		return n.get(`/conversations/${e}/messages?limit=50`).then(async (e) => {
+			if (t) return;
+			let n = await Promise.all(e.map(async (e) => ({
+				...e,
+				content: await m(e.content)
+			})));
+			w.current = new Set(n.map((e) => e.id)), g(n.map((e) => xe(e, i))), S.current = n[n.length - 1]?.sequence_number ?? 0, y(!1);
 		}).catch(() => {
-			t || p(!1);
+			t || y(!1);
 		}), () => {
 			t = !0;
 		};
@@ -1627,47 +1719,53 @@ function pe(e) {
 		i
 	]), r(() => {
 		if (!e) return;
-		a.subscribeContext(e);
-		let t = b.current;
+		u.subscribeContext(e);
+		let t = T.current;
 		return () => {
-			a.unsubscribeContext(e), t.forEach((e) => clearTimeout(e)), t.clear(), h([]);
+			u.unsubscribeContext(e), t.forEach((e) => clearTimeout(e)), t.clear(), x([]);
 		};
-	}, [e, a]), r(() => {
+	}, [e, u]), r(() => {
 		if (e) {
-			if (_.current === "reconnecting" && c === "connected") {
-				let t = g.current;
+			if (C.current === "reconnecting" && d === "connected") {
+				let t = S.current;
 				n.get(`/conversations/${e}/messages?after_sequence=${t}`).then((e) => {
-					e.length && (d((t) => {
-						let n = new Set(t.map((e) => e.id)), r = e.filter((e) => !n.has(e.id)).map((e) => fe(e, i));
-						return r.length ? (r.forEach((e) => y.current.add(e.id)), [...t, ...r]) : t;
-					}), g.current = e.reduce((e, t) => Math.max(e, t.sequence_number), g.current));
+					e.length && (g((t) => {
+						let n = new Set(t.map((e) => e.id)), r = e.filter((e) => !n.has(e.id)).map((e) => xe(e, i));
+						return r.length ? (r.forEach((e) => w.current.add(e.id)), [...t, ...r]) : t;
+					}), S.current = e.reduce((e, t) => Math.max(e, t.sequence_number), S.current));
 				}).catch(() => {
 					console.warn("[useMessages] backfill request failed, will retry on next reconnect");
 				});
 			}
-			_.current = c;
+			C.current = d;
 		}
 	}, [
-		c,
+		d,
 		e,
 		n,
 		i
-	]), F("message:new", (t) => {
+	]), F("message:new", async (t) => {
 		if (t.conversation_id !== e) return;
 		let n = t.message;
-		y.current.has(n.id) || (y.current.add(n.id), d((e) => [...e, fe(n, i)]), g.current = Math.max(g.current, n.sequence_number), n.sender_id !== i && (a.sendAck(n.id), l("messageReceived")));
+		if (w.current.has(n.id)) return;
+		w.current.add(n.id);
+		let r = {
+			...n,
+			content: await m(n.content)
+		};
+		g((e) => [...e, xe(r, i)]), S.current = Math.max(S.current, r.sequence_number), r.sender_id !== i && (u.sendAck(r.id), f("messageReceived"));
 	}), F("message:read", ({ message_id: e }) => {
-		d((t) => t.map((t) => t.id === e ? {
+		g((t) => t.map((t) => t.id === e ? {
 			...t,
 			status: "read"
 		} : t));
 	}), F("message:delivered", ({ message_id: e }) => {
-		d((t) => t.map((t) => t.id === e ? {
+		g((t) => t.map((t) => t.id === e ? {
 			...t,
 			status: "delivered"
 		} : t));
 	}), F("message:reaction", ({ message_id: e, app_user_id: t, reaction_type: n, action: r }) => {
-		d((a) => a.map((a) => {
+		g((a) => a.map((a) => {
 			if (a.id !== e) return a;
 			let o = a.reactions ?? [];
 			if (r === "removed") {
@@ -1700,9 +1798,9 @@ function pe(e) {
 					own: t === i
 				}]
 			};
-		})), r === "added" && t !== i && l("messageReaction");
+		})), r === "added" && t !== i && f("messageReaction");
 	}), F("message:recalled", ({ message_id: t, conversation_id: n }) => {
-		n === e && d((e) => e.map((e) => e.id === t ? {
+		n === e && g((e) => e.map((e) => e.id === t ? {
 			...e,
 			recalled: !0,
 			content: void 0,
@@ -1715,90 +1813,93 @@ function pe(e) {
 			}
 		} : e));
 	}), F("message:edited", ({ message_id: t, conversation_id: n, content: r }) => {
-		n === e && d((e) => e.map((e) => e.id === t ? {
+		n === e && g((e) => e.map((e) => e.id === t ? {
 			...e,
 			content: r,
 			edited: !0
 		} : e));
 	}), F("message:pinned", ({ message_id: t, conversation_id: n }) => {
-		n === e && d((e) => e.map((e) => e.id === t ? {
+		n === e && g((e) => e.map((e) => e.id === t ? {
 			...e,
 			pinned: !0
 		} : e));
 	}), F("message:unpinned", ({ message_id: t, conversation_id: n }) => {
-		n === e && d((e) => e.map((e) => e.id === t ? {
+		n === e && g((e) => e.map((e) => e.id === t ? {
 			...e,
 			pinned: !1
 		} : e));
 	});
-	let b = o(/* @__PURE__ */ new Map()), x = o(/* @__PURE__ */ new Map());
+	let T = o(/* @__PURE__ */ new Map()), E = o(/* @__PURE__ */ new Map());
 	F("chat:typing", ({ conversation_id: t, app_user_id: n }) => {
 		if (t !== e || n === i) return;
 		let r = n;
-		h((e) => e.includes(r) ? e : [...e, r]);
-		let a = b.current.get(r);
+		x((e) => e.includes(r) ? e : [...e, r]);
+		let a = T.current.get(r);
 		a && clearTimeout(a);
 		let o = setTimeout(() => {
-			h((e) => e.filter((e) => e !== r)), b.current.delete(r);
+			x((e) => e.filter((e) => e !== r)), T.current.delete(r);
 		}, 6e3);
-		if (b.current.set(r, o), !x.current.has(r)) {
-			l("typing");
-			let e = setTimeout(() => x.current.delete(r), 3e3);
-			x.current.set(r, e);
+		if (T.current.set(r, o), !E.current.has(r)) {
+			f("typing");
+			let e = setTimeout(() => E.current.delete(r), 3e3);
+			E.current.set(r, e);
 		}
 	}), F("chat:stopped_typing", ({ conversation_id: t, app_user_id: n }) => {
 		if (t !== e) return;
 		let r = n;
-		h((e) => e.filter((e) => e !== r));
-		let i = b.current.get(r);
-		i && (clearTimeout(i), b.current.delete(r));
+		x((e) => e.filter((e) => e !== r));
+		let i = T.current.get(r);
+		i && (clearTimeout(i), T.current.delete(r));
 	});
-	let S = t(async (t, r, i) => {
+	let D = t(async (t, r, i) => {
 		let a = { type: r || i?.attachment_type === "location" || i?.attachment_type === "sticker" ? "media" : "text" };
-		t && (a.content = t), r && (a.media_id = r), i && (a.metadata = i);
+		t && (p && c && l ? a.content = await ue(t, l, c.publicKey) : a.content = t), r && (a.media_id = r), i && (a.metadata = i);
 		let o = await n.post(`/conversations/${e}/messages`, a);
-		g.current = Math.max(g.current, o.sequence_number), l("messageSent");
+		S.current = Math.max(S.current, o.sequence_number), f("messageSent");
 	}, [
 		e,
 		n,
-		i
-	]), C = o(null), w = o(null), T = t(() => {
-		e && (C.current || (a.sendTyping(e), C.current = setTimeout(() => {
-			C.current = null;
-		}, 300), w.current && clearTimeout(w.current), w.current = setTimeout(() => {
-			a.sendStoppedTyping(e), w.current = null;
+		i,
+		p,
+		c,
+		l
+	]), O = o(null), k = o(null), j = t(() => {
+		e && (O.current || (u.sendTyping(e), O.current = setTimeout(() => {
+			O.current = null;
+		}, 300), k.current && clearTimeout(k.current), k.current = setTimeout(() => {
+			u.sendStoppedTyping(e), k.current = null;
 		}, 3e3)));
-	}, [e, a]), E = t((e) => {
-		a.sendRead(e);
-	}, [a]), D = t((e, t) => {
-		d((n) => n.map((n) => n.id === e ? {
+	}, [e, u]), M = t((e) => {
+		u.sendRead(e);
+	}, [u]), N = t((e, t) => {
+		g((n) => n.map((n) => n.id === e ? {
 			...n,
 			content: t,
 			edited: !0
 		} : n));
 	}, []);
 	return {
-		messages: u,
-		loading: f,
-		typingUsers: m,
-		pinnedMessages: u.filter((e) => e.pinned),
-		sendMessage: S,
-		sendTyping: T,
-		markRead: E,
-		editMessageLocally: D
+		messages: h,
+		loading: _,
+		typingUsers: b,
+		pinnedMessages: h.filter((e) => e.pinned),
+		sendMessage: D,
+		sendTyping: j,
+		markRead: M,
+		editMessageLocally: N
 	};
 }
 //#endregion
 //#region src/hooks/useCallHistory.ts
-function me(e) {
+function Ce(e) {
 	if (e?.metadata) return e.metadata.avatar_url ?? e.metadata.avatarUrl;
 }
-function he(e, t) {
+function we(e, t) {
 	let n = e.caller_id === t, r = n ? e.callee : e.caller, i = n ? e.callee_id : e.caller_id, a = n ? e.status === "ended" || e.status === "active" ? "outgoing" : "missed" : e.status === "ended" || e.status === "active" ? "incoming" : "missed";
 	return {
 		id: e.id,
 		name: r?.display_name ?? i,
-		avatarSrc: me(r),
+		avatarSrc: Ce(r),
 		callType: e.type,
 		direction: a,
 		remoteUserId: i,
@@ -1808,12 +1909,12 @@ function he(e, t) {
 		})
 	};
 }
-function ge() {
+function Te() {
 	let e = (0, g.c)(8), { apiClient: t, appUserId: n } = v(), i;
 	e[0] === Symbol.for("react.memo_cache_sentinel") ? (i = [], e[0] = i) : i = e[0];
 	let [a, o] = s(i), [c, l] = s(!0), u, d;
 	e[1] !== t || e[2] !== n ? (u = () => {
-		t.get("/calls").then((e) => o(e.map((e) => he(e, n)))).finally(() => l(!1));
+		t.get("/calls").then((e) => o(e.map((e) => we(e, n)))).finally(() => l(!1));
 	}, d = [t, n], e[1] = t, e[2] = n, e[3] = u, e[4] = d) : (u = e[3], d = e[4]), r(u, d);
 	let f;
 	return e[5] !== c || e[6] !== a ? (f = {
@@ -1823,14 +1924,14 @@ function ge() {
 }
 //#endregion
 //#region src/components/ui/Avatar.tsx
-var _e = {
+var Ee = {
 	online: "var(--oc-success, #22c55e)",
 	away: "#f59e0b",
 	offline: "transparent"
 };
-function ve(e) {
+function De(e) {
 	let t = (0, g.c)(18), { src: n, name: r, size: i, online: a, status: o, className: s } = e, c = i === void 0 ? 40 : i, d = s === void 0 ? "" : s, f;
-	t[0] === r ? f = t[1] : (f = r?.split(" ").map(ye).join("").slice(0, 2).toUpperCase() ?? "?", t[0] = r, t[1] = f);
+	t[0] === r ? f = t[1] : (f = r?.split(" ").map(Oe).join("").slice(0, 2).toUpperCase() ?? "?", t[0] = r, t[1] = f);
 	let p = f, m = o ?? (a ? "online" : "offline"), h = m === "online" || m === "away", _ = `relative flex-shrink-0 ${d}`, v;
 	t[2] === c ? v = t[3] : (v = {
 		width: c,
@@ -1852,7 +1953,7 @@ function ve(e) {
 		style: {
 			width: Math.max(8, c * .22),
 			height: Math.max(8, c * .22),
-			backgroundColor: _e[m]
+			backgroundColor: Ee[m]
 		}
 	}), t[9] = m, t[10] = h, t[11] = c, t[12] = b) : b = t[12];
 	let x;
@@ -1862,12 +1963,12 @@ function ve(e) {
 		children: [y, b]
 	}), t[13] = _, t[14] = v, t[15] = y, t[16] = b, t[17] = x) : x = t[17], x;
 }
-function ye(e) {
+function Oe(e) {
 	return e[0];
 }
 //#endregion
 //#region src/components/ui/BottomNav.tsx
-var be = [
+var ke = [
 	{
 		id: "chats",
 		label: "Chats",
@@ -1884,10 +1985,10 @@ var be = [
 		icon: "M15 10l4.553-2.069A1 1 0 0 1 21 8.82v6.36a1 1 0 0 1-1.447.89L15 14M3 8a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"
 	}
 ];
-function xe(e) {
+function Ae(e) {
 	let t = (0, g.c)(13), { active: n, onChange: r, unreadChats: i } = e, { enableMeetingUi: a } = y(), o, s;
 	if (t[0] !== n || t[1] !== a || t[2] !== r || t[3] !== i) {
-		let e = a ? be : be.filter(Se);
+		let e = a ? ke : ke.filter(je);
 		o = "flex-shrink-0 h-[82px] bg-secondary/95 backdrop-blur border-t border-border flex pt-2.5 pb-8";
 		let c;
 		t[6] !== n || t[7] !== r || t[8] !== i ? (c = (e) => {
@@ -1922,12 +2023,12 @@ function xe(e) {
 		children: s
 	}), t[10] = o, t[11] = s, t[12] = c) : c = t[12], c;
 }
-function Se(e) {
+function je(e) {
 	return e.id !== "meet";
 }
 //#endregion
 //#region src/hooks/useAppBrand.tsx
-function Ce() {
+function Me() {
 	let e = (0, g.c)(9), { appConfig: t } = v();
 	if (!t) return null;
 	let { name: n, logo: r, showNameOnly: i, showLogoOnly: a } = t;
@@ -1951,40 +2052,40 @@ function Ce() {
 }
 //#endregion
 //#region src/components/chat/ConversationList.tsx
-function we({ conversations: e, onSelect: t, onNewChat: n, activeTab: i = "chats", onTabChange: a, globalSearchApiUrl: d, authToken: f, onNavigateToMessage: p }) {
-	let [m, h] = s("All"), [g, _] = s(""), [v, y] = s(null), [b, x] = s(!1), S = o(null), C = Ce();
+function Ne({ conversations: e, onSelect: t, onNewChat: n, activeTab: i = "chats", onTabChange: a, globalSearchApiUrl: d, authToken: f, onNavigateToMessage: p }) {
+	let [m, h] = s("All"), [g, _] = s(""), [v, b] = s(null), [x, S] = s(!1), C = o(null), w = Me(), T = y();
 	r(() => {
 		if (!d || g.length < 2) {
-			y(null);
+			b(null);
 			return;
 		}
-		return S.current && clearTimeout(S.current), S.current = setTimeout(async () => {
-			x(!0);
+		return C.current && clearTimeout(C.current), C.current = setTimeout(async () => {
+			S(!0);
 			try {
 				let e = { "Content-Type": "application/json" };
 				f && (e.Authorization = `Bearer ${f}`);
 				let t = await fetch(`${d}?q=${encodeURIComponent(g)}`, { headers: e });
-				t.ok && y(await t.json());
+				t.ok && b(await t.json());
 			} catch {} finally {
-				x(!1);
+				S(!1);
 			}
 		}, 300), () => {
-			S.current && clearTimeout(S.current);
+			C.current && clearTimeout(C.current);
 		};
 	}, [
 		g,
 		d,
 		f
 	]);
-	let w = e.filter((e) => g && !e.name.toLowerCase().includes(g.toLowerCase()) ? !1 : m === "Unread" ? (e.unreadCount ?? 0) > 0 : m === "Groups" ? e.isGroup : !0);
+	let E = e.filter((e) => g && !e.name.toLowerCase().includes(g.toLowerCase()) ? !1 : m === "Unread" ? (e.unreadCount ?? 0) > 0 : m === "Groups" ? e.isGroup : !0);
 	return /* @__PURE__ */ u("div", {
 		className: "flex flex-col h-full bg-background text-foreground font-body",
 		children: [
-			/* @__PURE__ */ u("header", {
+			T.showConversationHeader && /* @__PURE__ */ u("header", {
 				className: "flex-shrink-0 h-14 flex items-center justify-between px-4 bg-background/95 backdrop-blur border-b border-border",
 				children: [/* @__PURE__ */ l("div", {
 					className: "flex items-center gap-1 text-lg font-bold text-foreground",
-					children: C ?? /* @__PURE__ */ u(c, { children: ["OrbitConnect", /* @__PURE__ */ l("span", { className: "w-1.5 h-1.5 rounded-full bg-primary ml-1" })] })
+					children: w ?? /* @__PURE__ */ u(c, { children: ["OrbitConnect", /* @__PURE__ */ l("span", { className: "w-1.5 h-1.5 rounded-full bg-primary ml-1" })] })
 				}), /* @__PURE__ */ u("div", {
 					className: "flex gap-1",
 					children: [/* @__PURE__ */ l("button", {
@@ -2087,7 +2188,7 @@ function we({ conversations: e, onSelect: t, onNewChat: n, activeTab: i = "chats
 			}),
 			/* @__PURE__ */ l("div", {
 				className: "flex-1 overflow-y-auto",
-				children: v === null ? w.map((e) => /* @__PURE__ */ u("button", {
+				children: v === null ? E.map((e) => /* @__PURE__ */ u("button", {
 					onClick: () => t(e.id),
 					className: "w-full h-[72px] flex items-center gap-3 px-4 border-none bg-transparent cursor-pointer text-left border-b",
 					style: {
@@ -2132,7 +2233,7 @@ function we({ conversations: e, onSelect: t, onNewChat: n, activeTab: i = "chats
 								style: { borderColor: "var(--oc-background)" },
 								alt: ""
 							})
-						] }) : /* @__PURE__ */ l(ve, {
+						] }) : /* @__PURE__ */ l(De, {
 							src: e.avatarSrc,
 							name: e.name,
 							size: 52,
@@ -2205,11 +2306,11 @@ function we({ conversations: e, onSelect: t, onNewChat: n, activeTab: i = "chats
 						})]
 					})]
 				}, e.id)) : /* @__PURE__ */ u(c, { children: [
-					b && /* @__PURE__ */ l("div", {
+					x && /* @__PURE__ */ l("div", {
 						className: "px-4 py-3 text-sm text-muted-foreground",
 						children: "Searching…"
 					}),
-					!b && v.length === 0 && /* @__PURE__ */ l("div", {
+					!x && v.length === 0 && /* @__PURE__ */ l("div", {
 						className: "px-4 py-3 text-sm text-muted-foreground",
 						children: "No messages found"
 					}),
@@ -2242,7 +2343,7 @@ function we({ conversations: e, onSelect: t, onNewChat: n, activeTab: i = "chats
 					}, `${e.conversation_id}-${t.id}`)))] })
 				] })
 			}),
-			/* @__PURE__ */ l(xe, {
+			/* @__PURE__ */ l(Ae, {
 				active: i,
 				onChange: a ?? (() => {}),
 				unreadChats: e.some((e) => (e.unreadCount ?? 0) > 0)
@@ -2252,7 +2353,7 @@ function we({ conversations: e, onSelect: t, onNewChat: n, activeTab: i = "chats
 }
 //#endregion
 //#region src/components/chat/AttachmentRenderer.tsx
-var Te = [
+var Pe = [
 	12,
 	18,
 	10,
@@ -2284,7 +2385,7 @@ var Te = [
 	16,
 	24
 ];
-function Ee(e) {
+function Fe(e) {
 	let t = (0, g.c)(9), { waveform: n, played: r, sender: i } = e, a;
 	if (t[0] !== r || t[1] !== i || t[2] !== n) {
 		let e;
@@ -2302,7 +2403,7 @@ function Ee(e) {
 		children: a
 	}), t[7] = a, t[8] = o), o;
 }
-function De(e) {
+function Ie(e) {
 	let t = (0, g.c)(24), { attachment: n, caption: r, borderRadius: i, onMediaOpen: a, imageSet: o } = e, [c, d] = s(!1);
 	if (!n.url) return null;
 	let f = n.name ?? "image", p;
@@ -2355,7 +2456,7 @@ function De(e) {
 		]
 	}), t[19] = y, t[20] = b, t[21] = x, t[22] = S, t[23] = C) : C = t[23], C;
 }
-function Oe(e) {
+function Le(e) {
 	let t = (0, g.c)(31), { attachment: n, caption: r, borderRadius: i, onMediaOpen: a } = e, [c, d] = s(!1), f = o(null);
 	if (!n.url) return null;
 	let p;
@@ -2433,8 +2534,8 @@ function Oe(e) {
 		]
 	}), t[24] = w, t[25] = T, t[26] = h, t[27] = x, t[28] = S, t[29] = C, t[30] = E) : E = t[30], E;
 }
-function ke(e) {
-	let t = (0, g.c)(32), { attachment: n, sender: r, borderRadius: i } = e, a = o(null), [c, d] = s(!1), [f, p] = s(0), [m, h] = s("0:00"), _ = n.waveform ?? Te, v = n.duration ?? "0:00", y;
+function Re(e) {
+	let t = (0, g.c)(32), { attachment: n, sender: r, borderRadius: i } = e, a = o(null), [c, d] = s(!1), [f, p] = s(0), [m, h] = s("0:00"), _ = n.waveform ?? Pe, v = n.duration ?? "0:00", y;
 	t[0] === c ? y = t[1] : (y = () => {
 		let e = a.current;
 		e && (c ? e.pause() : e.play().catch(() => {
@@ -2499,7 +2600,7 @@ function ke(e) {
 		children: O
 	}), t[13] = E, t[14] = O, t[15] = b, t[16] = k) : k = t[16];
 	let A;
-	t[17] !== f || t[18] !== r || t[19] !== _ ? (A = /* @__PURE__ */ l(Ee, {
+	t[17] !== f || t[18] !== r || t[19] !== _ ? (A = /* @__PURE__ */ l(Fe, {
 		waveform: _,
 		played: f,
 		sender: r
@@ -2524,7 +2625,7 @@ function ke(e) {
 		]
 	}), t[26] = A, t[27] = P, t[28] = w, t[29] = T, t[30] = k, t[31] = F) : F = t[31], F;
 }
-function Ae(e) {
+function ze(e) {
 	let t = (0, g.c)(42), { attachment: n, sender: r, borderRadius: i, onMediaOpen: a } = e, o;
 	t[0] === n.name ? o = t[1] : (o = n.name?.split(".").pop()?.toLowerCase() ?? "", t[0] = n.name, t[1] = o);
 	let s = o, d = s === "pdf" ? "#ef4444" : ["doc", "docx"].includes(s) ? "#3b82f6" : ["xls", "xlsx"].includes(s) ? "#22c55e" : ["ppt", "pptx"].includes(s) ? "#f97316" : ["zip", "rar"].includes(s) ? "#a855f7" : "var(--oc-file-icon-sender)", f = r ? "var(--oc-file-icon-bg-sender)" : "var(--oc-file-icon-bg-receiver)", p;
@@ -2639,7 +2740,7 @@ function Ae(e) {
 		children: O
 	}), t[37] = n.name, t[38] = n.url, t[39] = O, t[40] = k, t[41] = A) : A = t[41], A;
 }
-function je(e) {
+function Be(e) {
 	let t = (0, g.c)(31), { attachment: n, sender: r, borderRadius: i } = e;
 	if (n.lat === void 0 || n.lng === void 0) return null;
 	let { lat: a, lng: o, label: s } = n, d = `https://www.openstreetmap.org/export/embed.html?bbox=${o - .01},${a - .01},${o + .01},${a + .01}&layer=mapnik&marker=${a},${o}`, f = `https://www.openstreetmap.org/?mlat=${a}&mlon=${o}&zoom=15`, p;
@@ -2752,7 +2853,7 @@ function je(e) {
 		children: [h, k]
 	}), t[26] = f, t[27] = p, t[28] = k, t[29] = h, t[30] = A) : A = t[30], A;
 }
-function Me(e) {
+function Ve(e) {
 	let t = (0, g.c)(5), { attachment: n } = e;
 	if (!n.url) return null;
 	let r;
@@ -2771,46 +2872,46 @@ function Me(e) {
 		})
 	}), t[2] = n.url, t[3] = i, t[4] = o) : o = t[4], o;
 }
-function Ne(e) {
+function He(e) {
 	let t = (0, g.c)(12);
 	switch (e.attachment.type) {
 		case "image": {
 			let n;
-			return t[0] === e ? n = t[1] : (n = /* @__PURE__ */ l(De, { ...e }), t[0] = e, t[1] = n), n;
+			return t[0] === e ? n = t[1] : (n = /* @__PURE__ */ l(Ie, { ...e }), t[0] = e, t[1] = n), n;
 		}
 		case "video": {
 			let n;
-			return t[2] === e ? n = t[3] : (n = /* @__PURE__ */ l(Oe, { ...e }), t[2] = e, t[3] = n), n;
+			return t[2] === e ? n = t[3] : (n = /* @__PURE__ */ l(Le, { ...e }), t[2] = e, t[3] = n), n;
 		}
 		case "audio": {
 			let n;
-			return t[4] === e ? n = t[5] : (n = /* @__PURE__ */ l(ke, { ...e }), t[4] = e, t[5] = n), n;
+			return t[4] === e ? n = t[5] : (n = /* @__PURE__ */ l(Re, { ...e }), t[4] = e, t[5] = n), n;
 		}
 		case "file": {
 			let n;
-			return t[6] === e ? n = t[7] : (n = /* @__PURE__ */ l(Ae, { ...e }), t[6] = e, t[7] = n), n;
+			return t[6] === e ? n = t[7] : (n = /* @__PURE__ */ l(ze, { ...e }), t[6] = e, t[7] = n), n;
 		}
 		case "location": {
 			let n;
-			return t[8] === e ? n = t[9] : (n = /* @__PURE__ */ l(je, { ...e }), t[8] = e, t[9] = n), n;
+			return t[8] === e ? n = t[9] : (n = /* @__PURE__ */ l(Be, { ...e }), t[8] = e, t[9] = n), n;
 		}
 		case "sticker": {
 			let n;
-			return t[10] === e ? n = t[11] : (n = /* @__PURE__ */ l(Me, { ...e }), t[10] = e, t[11] = n), n;
+			return t[10] === e ? n = t[11] : (n = /* @__PURE__ */ l(Ve, { ...e }), t[10] = e, t[11] = n), n;
 		}
 		default: return null;
 	}
 }
 //#endregion
 //#region src/components/chat/CallBanner.tsx
-function Pe(e) {
+function Ue(e) {
 	if (e <= 0) return "";
 	let t = Math.floor(e / 60), n = (e % 60).toString().padStart(2, "0");
 	return t > 0 ? `${t}m ${n}s` : `${n}s`;
 }
-function Fe(e) {
+function We(e) {
 	let t = (0, g.c)(30), { data: n, sender: r, time: i, onCallBack: a } = e, { callType: o, callStatus: s, durationSeconds: c } = n, d = s === "missed", f = d ? "#ef4444" : "var(--oc-success)", p;
-	t[0] === c ? p = t[1] : (p = Pe(c), t[0] = c, t[1] = p);
+	t[0] === c ? p = t[1] : (p = Ue(c), t[0] = c, t[1] = p);
 	let m = p, h = r ? "var(--oc-bubble-sender)" : "var(--oc-bubble-receiver)", _ = r ? "var(--oc-bubble-sender-fg)" : "var(--oc-bubble-receiver-fg)", v;
 	t[2] !== h || t[3] !== _ ? (v = {
 		backgroundColor: h,
@@ -2922,7 +3023,7 @@ function Fe(e) {
 }
 //#endregion
 //#region src/components/chat/MessageActionMenu.tsx
-function Ie() {
+function Ge() {
 	let e = (0, g.c)(1), t;
 	return e[0] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ u("svg", {
 		width: "16",
@@ -2936,7 +3037,7 @@ function Ie() {
 		children: [/* @__PURE__ */ l("polyline", { points: "9 17 4 12 9 7" }), /* @__PURE__ */ l("path", { d: "M20 18v-2a4 4 0 0 0-4-4H4" })]
 	}), e[0] = t) : t = e[0], t;
 }
-function Le() {
+function Ke() {
 	let e = (0, g.c)(1), t;
 	return e[0] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ u("svg", {
 		width: "16",
@@ -2969,7 +3070,7 @@ function Le() {
 		]
 	}), e[0] = t) : t = e[0], t;
 }
-function Re() {
+function qe() {
 	let e = (0, g.c)(1), t;
 	return e[0] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ u("svg", {
 		width: "16",
@@ -2983,7 +3084,7 @@ function Re() {
 		children: [/* @__PURE__ */ l("path", { d: "M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" }), /* @__PURE__ */ l("path", { d: "M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z" })]
 	}), e[0] = t) : t = e[0], t;
 }
-function ze() {
+function Je() {
 	let e = (0, g.c)(1), t;
 	return e[0] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ u("svg", {
 		width: "16",
@@ -2997,7 +3098,7 @@ function ze() {
 		children: [/* @__PURE__ */ l("polyline", { points: "15 17 20 12 15 7" }), /* @__PURE__ */ l("path", { d: "M4 18v-2a4 4 0 0 1 4-4h12" })]
 	}), e[0] = t) : t = e[0], t;
 }
-function Be() {
+function Ye() {
 	let e = (0, g.c)(1), t;
 	return e[0] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ u("svg", {
 		width: "16",
@@ -3017,7 +3118,7 @@ function Be() {
 		]
 	}), e[0] = t) : t = e[0], t;
 }
-function Ve() {
+function Xe() {
 	let e = (0, g.c)(1), t;
 	return e[0] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ u("svg", {
 		width: "16",
@@ -3036,7 +3137,7 @@ function Ve() {
 		]
 	}), e[0] = t) : t = e[0], t;
 }
-function He() {
+function Ze() {
 	let e = (0, g.c)(1), t;
 	return e[0] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ u("svg", {
 		width: "16",
@@ -3068,7 +3169,7 @@ function He() {
 		]
 	}), e[0] = t) : t = e[0], t;
 }
-function Ue() {
+function Qe() {
 	let e = (0, g.c)(1), t;
 	return e[0] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ u("svg", {
 		width: "16",
@@ -3082,7 +3183,7 @@ function Ue() {
 		children: [/* @__PURE__ */ l("polyline", { points: "9 11 12 14 22 4" }), /* @__PURE__ */ l("path", { d: "M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11" })]
 	}), e[0] = t) : t = e[0], t;
 }
-function We(e) {
+function $e(e) {
 	let t = (0, g.c)(4), { pinned: n } = e, r = n ? "currentColor" : "none", i, a;
 	t[0] === Symbol.for("react.memo_cache_sentinel") ? (i = /* @__PURE__ */ l("line", {
 		x1: "12",
@@ -3103,7 +3204,7 @@ function We(e) {
 		children: [i, a]
 	}), t[2] = r, t[3] = o), o;
 }
-function Ge(e) {
+function et(e) {
 	let t = (0, g.c)(58), { isSender: n, isPinned: i, onReply: a, onReact: s, onEdit: c, onForward: d, onDelete: f, onRecall: p, onInfo: m, onSelect: h, onPin: _, onClose: v } = e, y = o(null), b, x;
 	t[0] === v ? (b = t[1], x = t[2]) : (b = () => {
 		let e = (e) => {
@@ -3123,7 +3224,7 @@ function Ge(e) {
 		e(), v();
 	}, t[6] = v, t[7] = w);
 	let T = w, E;
-	t[8] === Symbol.for("react.memo_cache_sentinel") ? (E = /* @__PURE__ */ l(Ie, {}), t[8] = E) : E = t[8];
+	t[8] === Symbol.for("react.memo_cache_sentinel") ? (E = /* @__PURE__ */ l(Ge, {}), t[8] = E) : E = t[8];
 	let D;
 	t[9] === a ? D = t[10] : (D = {
 		label: "Reply",
@@ -3132,7 +3233,7 @@ function Ge(e) {
 		show: !0
 	}, t[9] = a, t[10] = D);
 	let O;
-	t[11] === Symbol.for("react.memo_cache_sentinel") ? (O = /* @__PURE__ */ l(Le, {}), t[11] = O) : O = t[11];
+	t[11] === Symbol.for("react.memo_cache_sentinel") ? (O = /* @__PURE__ */ l(Ke, {}), t[11] = O) : O = t[11];
 	let k;
 	t[12] === s ? k = t[13] : (k = {
 		label: "React",
@@ -3141,7 +3242,7 @@ function Ge(e) {
 		show: !0
 	}, t[12] = s, t[13] = k);
 	let A = i ? "Unpin" : "Pin", j;
-	t[14] === i ? j = t[15] : (j = /* @__PURE__ */ l(We, { pinned: i }), t[14] = i, t[15] = j);
+	t[14] === i ? j = t[15] : (j = /* @__PURE__ */ l($e, { pinned: i }), t[14] = i, t[15] = j);
 	let M = !!_, N;
 	t[16] !== _ || t[17] !== A || t[18] !== j || t[19] !== M ? (N = {
 		label: A,
@@ -3150,7 +3251,7 @@ function Ge(e) {
 		show: M
 	}, t[16] = _, t[17] = A, t[18] = j, t[19] = M, t[20] = N) : N = t[20];
 	let P;
-	t[21] === Symbol.for("react.memo_cache_sentinel") ? (P = /* @__PURE__ */ l(Re, {}), t[21] = P) : P = t[21];
+	t[21] === Symbol.for("react.memo_cache_sentinel") ? (P = /* @__PURE__ */ l(qe, {}), t[21] = P) : P = t[21];
 	let F = n && !!c, I;
 	t[22] !== c || t[23] !== F ? (I = {
 		label: "Edit",
@@ -3159,7 +3260,7 @@ function Ge(e) {
 		show: F
 	}, t[22] = c, t[23] = F, t[24] = I) : I = t[24];
 	let L;
-	t[25] === Symbol.for("react.memo_cache_sentinel") ? (L = /* @__PURE__ */ l(ze, {}), t[25] = L) : L = t[25];
+	t[25] === Symbol.for("react.memo_cache_sentinel") ? (L = /* @__PURE__ */ l(Je, {}), t[25] = L) : L = t[25];
 	let R;
 	t[26] === d ? R = t[27] : (R = {
 		label: "Forward",
@@ -3168,7 +3269,7 @@ function Ge(e) {
 		show: !0
 	}, t[26] = d, t[27] = R);
 	let z;
-	t[28] === Symbol.for("react.memo_cache_sentinel") ? (z = /* @__PURE__ */ l(Be, {}), t[28] = z) : z = t[28];
+	t[28] === Symbol.for("react.memo_cache_sentinel") ? (z = /* @__PURE__ */ l(Ye, {}), t[28] = z) : z = t[28];
 	let B;
 	t[29] === f ? B = t[30] : (B = {
 		label: "Delete",
@@ -3177,7 +3278,7 @@ function Ge(e) {
 		show: !0
 	}, t[29] = f, t[30] = B);
 	let V;
-	t[31] === Symbol.for("react.memo_cache_sentinel") ? (V = /* @__PURE__ */ l(Ve, {}), t[31] = V) : V = t[31];
+	t[31] === Symbol.for("react.memo_cache_sentinel") ? (V = /* @__PURE__ */ l(Xe, {}), t[31] = V) : V = t[31];
 	let H = n && !!p, U;
 	t[32] !== p || t[33] !== H ? (U = {
 		label: "Recall",
@@ -3186,7 +3287,7 @@ function Ge(e) {
 		show: H
 	}, t[32] = p, t[33] = H, t[34] = U) : U = t[34];
 	let W;
-	t[35] === Symbol.for("react.memo_cache_sentinel") ? (W = /* @__PURE__ */ l(He, {}), t[35] = W) : W = t[35];
+	t[35] === Symbol.for("react.memo_cache_sentinel") ? (W = /* @__PURE__ */ l(Ze, {}), t[35] = W) : W = t[35];
 	let G = n && !!m, K;
 	t[36] !== m || t[37] !== G ? (K = {
 		label: "Info",
@@ -3195,7 +3296,7 @@ function Ge(e) {
 		show: G
 	}, t[36] = m, t[37] = G, t[38] = K) : K = t[38];
 	let q;
-	t[39] === Symbol.for("react.memo_cache_sentinel") ? (q = /* @__PURE__ */ l(Ue, {}), t[39] = q) : q = t[39];
+	t[39] === Symbol.for("react.memo_cache_sentinel") ? (q = /* @__PURE__ */ l(Qe, {}), t[39] = q) : q = t[39];
 	let J;
 	t[40] === h ? J = t[41] : (J = {
 		label: "Select",
@@ -3225,7 +3326,7 @@ function Ge(e) {
 		marginTop: 4
 	}, t[52] = Z) : Z = t[52];
 	let ee;
-	t[53] === X ? ee = t[54] : (ee = X.filter(Je), t[53] = X, t[54] = ee);
+	t[53] === X ? ee = t[54] : (ee = X.filter(rt), t[53] = X, t[54] = ee);
 	let Q;
 	return t[55] !== T || t[56] !== ee ? (Q = /* @__PURE__ */ l("div", {
 		ref: y,
@@ -3240,8 +3341,8 @@ function Ge(e) {
 				backgroundColor: "transparent",
 				color: e.label === "Delete" || e.label === "Recall" ? "var(--oc-destructive, #ef4444)" : "var(--oc-foreground)"
 			},
-			onMouseEnter: qe,
-			onMouseLeave: Ke,
+			onMouseEnter: nt,
+			onMouseLeave: tt,
 			children: [/* @__PURE__ */ l("span", {
 				style: { opacity: .7 },
 				children: e.icon
@@ -3249,18 +3350,18 @@ function Ge(e) {
 		}, e.label))
 	}), t[55] = T, t[56] = ee, t[57] = Q) : Q = t[57], Q;
 }
-function Ke(e) {
+function tt(e) {
 	e.currentTarget.style.backgroundColor = "transparent";
 }
-function qe(e) {
+function nt(e) {
 	e.currentTarget.style.backgroundColor = "var(--oc-secondary)";
 }
-function Je(e) {
+function rt(e) {
 	return e.show;
 }
 //#endregion
 //#region src/components/chat/emojiData.ts
-var Ye = [
+var it = [
 	{
 		id: "recent",
 		label: "Recently Used",
@@ -3309,23 +3410,23 @@ var Ye = [
 		icon: "❤️",
 		emojis: /* @__PURE__ */ "❤️.🧡.💛.💚.💙.💜.🖤.🤍.🤎.💔.❣️.💕.💞.💓.💗.💖.💘.💝.💟.☮️.✝️.☪️.🕉.☸️.✡️.🔯.🕎.☯️.☦️.🛐.⛎.♈.♉.♊.♋.♌.♍.♎.♏.♐.♑.♒.♓.🆔.⚛️.🉑.☢️.☣️.📴.📳.🈶.🈚.🈸.🈺.🈷️.✴️.🆚.💮.🉐.㊙️.㊗️.🈴.🈵.🈹.🈲.🅰️.🅱️.🆎.🆑.🅾️.🆘.❌.⭕.🛑.⛔.📛.🚫.💯.💢.♨️.🚷.🚯.🚳.🚱.🔞.📵.🚭.❗.❕.❓.❔.‼️.⁉️.🔅.🔆.〽️.⚠️.🔱.⚜️.🔰.♻️.✅.🈯.💹.❎.🌐.💠.Ⓜ️.🌀.💤.🏧.🚾.♿.🅿️.🛗.🈳.🈹.🚺.🚹.🚼.⚧.🚻.🚮.🎦.📶.🈁.🔣.ℹ️.🔤".split(".")
 	}
-], Xe = "oc_recent_emojis", Ze = 30;
-function Qe() {
+], at = "oc_recent_emojis", ot = 30;
+function st() {
 	try {
-		return JSON.parse(localStorage.getItem(Xe) ?? "[]");
+		return JSON.parse(localStorage.getItem(at) ?? "[]");
 	} catch {
 		return [];
 	}
 }
-function $e(e) {
-	let t = [e, ...Qe().filter((t) => t !== e)].slice(0, Ze);
-	localStorage.setItem(Xe, JSON.stringify(t));
+function ct(e) {
+	let t = [e, ...st().filter((t) => t !== e)].slice(0, ot);
+	localStorage.setItem(at, JSON.stringify(t));
 }
 //#endregion
 //#region src/components/chat/ReactionDialog.tsx
-function et(e) {
+function lt(e) {
 	let t = (0, g.c)(32), { onSelect: n, onClose: i } = e, [a, c] = s(!1), [d, f] = s("smileys"), p = o(null), m = o(null), h = o({}), _;
-	t[0] === Symbol.for("react.memo_cache_sentinel") ? (_ = Qe().slice(0, 6), t[0] = _) : _ = t[0];
+	t[0] === Symbol.for("react.memo_cache_sentinel") ? (_ = st().slice(0, 6), t[0] = _) : _ = t[0];
 	let v = _, y, b;
 	t[1] === i ? (y = t[2], b = t[3]) : (y = () => {
 		let e = (e) => {
@@ -3334,10 +3435,10 @@ function et(e) {
 		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
 	}, b = [i], t[1] = i, t[2] = y, t[3] = b), r(y, b);
 	let x;
-	t[4] === Symbol.for("react.memo_cache_sentinel") ? (x = Ye.filter(tt), t[4] = x) : x = t[4];
+	t[4] === Symbol.for("react.memo_cache_sentinel") ? (x = it.filter(ut), t[4] = x) : x = t[4];
 	let S = x, C;
 	t[5] !== i || t[6] !== n ? (C = function(e) {
-		$e(e), n(e), i();
+		ct(e), n(e), i();
 	}, t[5] = i, t[6] = n, t[7] = C) : C = t[7];
 	let w = C, T = function(e) {
 		f(e), h.current[e]?.scrollIntoView({
@@ -3471,18 +3572,18 @@ function et(e) {
 		children: [A, N]
 	}), t[28] = A, t[29] = N, t[30] = D, t[31] = P) : P = t[31], P;
 }
-function tt(e) {
+function ut(e) {
 	return e.id !== "recent";
 }
 //#endregion
 //#region src/components/chat/urlUtils.ts
-var nt = /https?:\/\/[^\s<>"{}|\\^`[\]]+/gi;
-function rt(e) {
-	return Array.from(new Set(e.match(nt) ?? []));
+var dt = /https?:\/\/[^\s<>"{}|\\^`[\]]+/gi;
+function ft(e) {
+	return Array.from(new Set(e.match(dt) ?? []));
 }
 //#endregion
 //#region src/components/chat/LinkPreview.tsx
-function it(e) {
+function pt(e) {
 	let t = (0, g.c)(30), { url: n, onConfirm: r, onCancel: i } = e, a;
 	try {
 		let e;
@@ -3608,7 +3709,7 @@ function it(e) {
 	t[24] !== y || t[25] !== w ? (T = /* @__PURE__ */ u("div", {
 		className: "rounded-2xl overflow-hidden flex flex-col",
 		style: c,
-		onClick: at,
+		onClick: mt,
 		children: [
 			f,
 			y,
@@ -3623,10 +3724,10 @@ function it(e) {
 		children: T
 	}), t[27] = i, t[28] = T, t[29] = E) : E = t[29], E;
 }
-function at(e) {
+function mt(e) {
 	return e.stopPropagation();
 }
-function ot(e) {
+function ht(e) {
 	let t = (0, g.c)(52), { url: n, sender: i } = e, { apiClient: a } = v(), [o, d] = s(null), [f, p] = s(!0), [m, h] = s(!1), [_, y] = s(!1), b, x;
 	if (t[0] !== a || t[1] !== n ? (b = () => {
 		let e = !1;
@@ -3652,14 +3753,14 @@ function ot(e) {
 		alt: o.title ?? "",
 		className: "w-full object-cover",
 		style: { maxHeight: 160 },
-		onError: ct
+		onError: _t
 	}), t[7] = o, t[8] = O);
 	let k;
 	t[9] === o ? k = t[10] : (k = o?.favicon && /* @__PURE__ */ l("img", {
 		src: o.favicon,
 		alt: "",
 		className: "w-3.5 h-3.5 rounded-sm flex-shrink-0 object-contain",
-		onError: st
+		onError: gt
 	}), t[9] = o, t[10] = k);
 	let A;
 	t[11] === o ? A = t[12] : (A = o?.siteName && /* @__PURE__ */ l("span", {
@@ -3750,7 +3851,7 @@ function ot(e) {
 		children: R
 	}), t[41] = R, t[42] = B, t[43] = V, t[44] = H) : H = t[44];
 	let U;
-	t[45] !== D || t[46] !== _ || t[47] !== n ? (U = _ && /* @__PURE__ */ l(it, {
+	t[45] !== D || t[46] !== _ || t[47] !== n ? (U = _ && /* @__PURE__ */ l(pt, {
 		url: n,
 		onConfirm: D,
 		onCancel: () => y(!1)
@@ -3758,15 +3859,15 @@ function ot(e) {
 	let W;
 	return t[49] !== H || t[50] !== U ? (W = /* @__PURE__ */ u(c, { children: [H, U] }), t[49] = H, t[50] = U, t[51] = W) : W = t[51], W;
 }
-function st(e) {
+function gt(e) {
 	e.currentTarget.style.display = "none";
 }
-function ct(e) {
+function _t(e) {
 	e.currentTarget.style.display = "none";
 }
 //#endregion
 //#region src/components/chat/MessageBubble.tsx
-function lt(e) {
+function vt(e) {
 	let t = (0, g.c)(11), { status: n } = e, r = y();
 	if (n === "sent" && r.sentIcon) {
 		let e;
@@ -3789,7 +3890,7 @@ function lt(e) {
 		children: o
 	}), t[8] = a, t[9] = o, t[10] = s) : s = t[10], s;
 }
-function ut(e) {
+function yt(e) {
 	let t = (0, g.c)(21), { time: n, sender: r, status: i, overlay: a, edited: o } = e, s = a === void 0 ? !1 : a, c = o === void 0 ? !1 : o;
 	if (s) {
 		let e;
@@ -3803,7 +3904,7 @@ function ut(e) {
 			children: "edited"
 		}), t[1] = c, t[2] = a);
 		let o;
-		t[3] !== r || t[4] !== i ? (o = r && i && /* @__PURE__ */ l(lt, { status: i }), t[3] = r, t[4] = i, t[5] = o) : o = t[5];
+		t[3] !== r || t[4] !== i ? (o = r && i && /* @__PURE__ */ l(vt, { status: i }), t[3] = r, t[4] = i, t[5] = o) : o = t[5];
 		let s;
 		return t[6] !== a || t[7] !== o || t[8] !== n ? (s = /* @__PURE__ */ u("div", {
 			className: "absolute bottom-1.5 right-2.5 flex items-center gap-1 text-[11px] font-medium px-1.5 py-0.5 rounded-md",
@@ -3823,7 +3924,7 @@ function ut(e) {
 		children: "edited"
 	}), t[11] = c, t[12] = p);
 	let m;
-	t[13] !== r || t[14] !== i ? (m = r && i && /* @__PURE__ */ l(lt, { status: i }), t[13] = r, t[14] = i, t[15] = m) : m = t[15];
+	t[13] !== r || t[14] !== i ? (m = r && i && /* @__PURE__ */ l(vt, { status: i }), t[13] = r, t[14] = i, t[15] = m) : m = t[15];
 	let h;
 	return t[16] !== d || t[17] !== p || t[18] !== m || t[19] !== n ? (h = /* @__PURE__ */ u("div", {
 		className: d,
@@ -3835,7 +3936,7 @@ function ut(e) {
 		]
 	}), t[16] = d, t[17] = p, t[18] = m, t[19] = n, t[20] = h) : h = t[20], h;
 }
-function dt() {
+function bt() {
 	let e = (0, g.c)(2), t;
 	e[0] === Symbol.for("react.memo_cache_sentinel") ? (t = {
 		color: "var(--oc-muted-foreground, #888)",
@@ -3858,20 +3959,20 @@ function dt() {
 		}), /* @__PURE__ */ l("span", { children: "Forwarded" })]
 	}), e[1] = n) : n = e[1], n;
 }
-function ft(e) {
+function xt(e) {
 	let t = (0, g.c)(101), { id: n, content: r, sender: i, time: a, status: d, avatarSrc: f, senderName: p, attachment: m, callBanner: h, onCallBack: _, reply: v, reactions: y, isGrouped: b, recalled: x, forwarded: S, edited: C, selectable: w, selected: T, onSelect: E, onReplyClick: D, onReply: O, onReact: k, onEdit: A, onForward: j, onDelete: M, onRecall: N, onInfo: P, highlighted: F, pinned: I, onPin: L, onMediaOpen: R, imageSet: z } = e, [B, V] = s(!1), [H, U] = s(!1), [W, G] = s(!1), K = o(null);
 	if (h) {
 		let e = `flex flex-col gap-0.5 max-w-full ${i ? "items-end" : "items-start"}`, n = `flex items-end gap-2 max-w-[85%] ${i ? "flex-row-reverse" : ""}`, r;
 		t[0] !== f || t[1] !== b || t[2] !== i || t[3] !== p ? (r = !i && /* @__PURE__ */ l("div", {
 			style: { opacity: +!b },
-			children: /* @__PURE__ */ l(ve, {
+			children: /* @__PURE__ */ l(De, {
 				src: f,
 				name: p,
 				size: 28
 			})
 		}), t[0] = f, t[1] = b, t[2] = i, t[3] = p, t[4] = r) : r = t[4];
 		let o;
-		t[5] !== h || t[6] !== _ || t[7] !== i || t[8] !== a ? (o = /* @__PURE__ */ l(Fe, {
+		t[5] !== h || t[6] !== _ || t[7] !== i || t[8] !== a ? (o = /* @__PURE__ */ l(We, {
 			data: h,
 			sender: i,
 			time: a,
@@ -3930,7 +4031,7 @@ function ft(e) {
 	let se;
 	t[31] !== f || t[32] !== b || t[33] !== i || t[34] !== p ? (se = !i && /* @__PURE__ */ l("div", {
 		style: { opacity: +!b },
-		children: /* @__PURE__ */ l(ve, {
+		children: /* @__PURE__ */ l(De, {
 			src: f,
 			name: p,
 			size: 28
@@ -3948,7 +4049,7 @@ function ft(e) {
 		style: { color: "var(--oc-muted-foreground, #fff)" },
 		children: "This message was recalled"
 	}) : /* @__PURE__ */ u(c, { children: [
-		S && /* @__PURE__ */ l(dt, {}),
+		S && /* @__PURE__ */ l(bt, {}),
 		I && /* @__PURE__ */ u("div", {
 			className: "flex items-center gap-1 px-3.5 pt-1.5 pb-0 text-[10px]",
 			style: {
@@ -3992,7 +4093,7 @@ function ft(e) {
 					src: v.attachmentUrl,
 					alt: "",
 					className: "w-9 h-9 rounded-md object-cover flex-shrink-0",
-					onError: yt
+					onError: Ot
 				}),
 				v.attachmentUrl && v.attachmentType === "video" && /* @__PURE__ */ l("div", {
 					className: "w-9 h-9 rounded-md flex items-center justify-center flex-shrink-0",
@@ -4048,7 +4149,7 @@ function ft(e) {
 				})
 			]
 		}),
-		m && /* @__PURE__ */ l(Ne, {
+		m && /* @__PURE__ */ l(He, {
 			attachment: m,
 			sender: i,
 			borderRadius: Y,
@@ -4065,13 +4166,13 @@ function ft(e) {
 			})]
 		}),
 		r && !X && !x && (() => {
-			let e = rt(r);
-			return e.length ? /* @__PURE__ */ l(ot, {
+			let e = ft(r);
+			return e.length ? /* @__PURE__ */ l(ht, {
 				url: e[0],
 				sender: i
 			}, e[0]) : null;
 		})(),
-		ee && !b && /* @__PURE__ */ l(ut, {
+		ee && !b && /* @__PURE__ */ l(yt, {
 			time: a,
 			sender: i,
 			status: d,
@@ -4091,7 +4192,7 @@ function ft(e) {
 		style: { order: i ? -1 : 1 },
 		children: [
 			/* @__PURE__ */ l("button", {
-				onClick: () => U(vt),
+				onClick: () => U(Dt),
 				className: "flex items-center justify-center w-6 h-6 rounded-full border-none cursor-pointer text-base leading-none",
 				style: {
 					backgroundColor: "var(--oc-secondary, rgba(128,128,128,0.15))",
@@ -4102,26 +4203,26 @@ function ft(e) {
 				"aria-expanded": H,
 				children: "›"
 			}),
-			H && /* @__PURE__ */ l(Ge, {
+			H && /* @__PURE__ */ l(et, {
 				messageId: n,
 				isSender: i,
 				isPinned: I,
-				onReply: O ?? _t,
+				onReply: O ?? Et,
 				onReact: () => {
 					U(!1), G(!0);
 				},
 				onEdit: A,
-				onForward: j ?? gt,
-				onDelete: M ?? ht,
+				onForward: j ?? Tt,
+				onDelete: M ?? wt,
 				onRecall: N,
 				onInfo: P,
-				onSelect: E ?? mt,
+				onSelect: E ?? Ct,
 				onPin: L,
 				onClose: () => {
 					U(!1), V(!1);
 				}
 			}),
-			W && /* @__PURE__ */ l(et, {
+			W && /* @__PURE__ */ l(lt, {
 				messageId: n,
 				onSelect: (e) => {
 					k?.(e), G(!1), V(!1);
@@ -4146,10 +4247,10 @@ function ft(e) {
 	let me;
 	t[84] !== y || t[85] !== i ? (me = y && y.length > 0 && /* @__PURE__ */ l("div", {
 		className: `flex flex-wrap gap-1 mt-2 ${i ? "pr-1" : "pl-9"}`,
-		children: y.map(pt)
+		children: y.map(St)
 	}), t[84] = y, t[85] = i, t[86] = me) : me = t[86];
 	let he;
-	t[87] !== C || t[88] !== b || t[89] !== ee || t[90] !== i || t[91] !== d || t[92] !== a ? (he = (!b || C) && !ee && /* @__PURE__ */ l(ut, {
+	t[87] !== C || t[88] !== b || t[89] !== ee || t[90] !== i || t[91] !== d || t[92] !== a ? (he = (!b || C) && !ee && /* @__PURE__ */ l(yt, {
 		time: a,
 		sender: i,
 		status: d,
@@ -4168,7 +4269,7 @@ function ft(e) {
 		]
 	}), t[94] = pe, t[95] = me, t[96] = he, t[97] = ne, t[98] = $, t[99] = ie, t[100] = ge) : ge = t[100], ge;
 }
-function pt(e, t) {
+function St(e, t) {
 	return /* @__PURE__ */ u("span", {
 		className: "inline-flex items-center gap-1 px-2 py-0.5 rounded-xl text-md font-semibold border",
 		style: {
@@ -4183,20 +4284,20 @@ function pt(e, t) {
 		]
 	}, t);
 }
-function mt() {}
-function ht() {}
-function gt() {}
-function _t() {}
-function vt(e) {
+function Ct() {}
+function wt() {}
+function Tt() {}
+function Et() {}
+function Dt(e) {
 	return !e;
 }
-function yt(e) {
+function Ot(e) {
 	e.currentTarget.style.display = "none";
 }
 //#endregion
 //#region src/components/chat/EmojiPicker.tsx
-function bt(e) {
-	let t = (0, g.c)(36), { onSelect: n, onClose: i } = e, [a, c] = s(""), [d, f] = s("smileys"), [p, m] = s(Qe), h = o(null), _ = o(null), v = o(null), y = o({}), b, x;
+function kt(e) {
+	let t = (0, g.c)(36), { onSelect: n, onClose: i } = e, [a, c] = s(""), [d, f] = s("smileys"), [p, m] = s(st), h = o(null), _ = o(null), v = o(null), y = o({}), b, x;
 	t[0] === Symbol.for("react.memo_cache_sentinel") ? (b = () => {
 		_.current?.focus();
 	}, x = [], t[0] = b, t[1] = x) : (b = t[0], x = t[1]), r(b, x);
@@ -4208,10 +4309,10 @@ function bt(e) {
 		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
 	}, C = [i], t[2] = i, t[3] = S, t[4] = C), r(S, C);
 	let w;
-	t[5] === p ? w = t[6] : (w = Ye.map((e) => e.id === "recent" ? {
+	t[5] === p ? w = t[6] : (w = it.map((e) => e.id === "recent" ? {
 		...e,
 		emojis: p
-	} : e).filter(St), t[5] = p, t[6] = w);
+	} : e).filter(jt), t[5] = p, t[6] = w);
 	let T = w, E;
 	bb0: {
 		if (!a.trim()) {
@@ -4221,13 +4322,13 @@ function bt(e) {
 		let e;
 		if (t[7] !== a) {
 			let n = a.trim().toLowerCase();
-			e = Ye.flatMap(xt).filter((e, t, r) => r.indexOf(e) === t ? e.includes(n) || e.codePointAt(0)?.toString(16).includes(n) : !1), t[7] = a, t[8] = e;
+			e = it.flatMap(At).filter((e, t, r) => r.indexOf(e) === t ? e.includes(n) || e.codePointAt(0)?.toString(16).includes(n) : !1), t[7] = a, t[8] = e;
 		} else e = t[8];
 		E = e;
 	}
 	let D = E, O;
 	t[9] === n ? O = t[10] : (O = function(e) {
-		$e(e), m(Qe()), n(e);
+		ct(e), m(st()), n(e);
 	}, t[9] = n, t[10] = O);
 	let k = O, A = function(e) {
 		f(e);
@@ -4416,19 +4517,19 @@ function bt(e) {
 		]
 	}), t[31] = B, t[32] = V, t[33] = G, t[34] = N, t[35] = K) : K = t[35], K;
 }
-function xt(e) {
+function At(e) {
 	return e.emojis;
 }
-function St(e) {
+function jt(e) {
 	return e.id !== "recent" || e.emojis.length > 0;
 }
 //#endregion
 //#region src/hooks/useMedia.ts
-var Ct = new Set(["video/", "audio/"]);
-function wt(e) {
-	return [...Ct].some((t) => e.startsWith(t));
+var Mt = new Set(["video/", "audio/"]);
+function Nt(e) {
+	return [...Mt].some((t) => e.startsWith(t));
 }
-function Tt() {
+function Pt() {
 	let { apiClient: e } = v(), { socket: n } = A(), [r, i] = s(!1), [a, c] = s(!1), [l, u] = s(null), d = o(/* @__PURE__ */ new Map()), f = o(n);
 	f.current = n;
 	let p = t((t, n = 3e4) => new Promise((r, i) => {
@@ -4506,7 +4607,7 @@ function Tt() {
 		}, [e]),
 		uploadAndWait: t(async (e) => {
 			let t = await m(e);
-			if (!wt(e.type)) return t;
+			if (!Nt(e.type)) return t;
 			c(!0);
 			try {
 				try {
@@ -4534,7 +4635,7 @@ function Tt() {
 }
 //#endregion
 //#region src/components/chat/AttachmentPicker.tsx
-var Et = [
+var Ft = [
 	{
 		id: "image",
 		label: "Image",
@@ -4668,14 +4769,14 @@ var Et = [
 		})
 	}
 ];
-function Dt(e) {
+function It(e) {
 	return e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
 }
-function Ot(e) {
+function Lt(e) {
 	return e.type.startsWith("image/") || e.type.startsWith("video/") ? URL.createObjectURL(e) : null;
 }
-function kt({ onSelect: e, onClose: n, allow: i }) {
-	let { upload: a, uploadAndWait: d, isUploading: f, isProcessing: p } = Tt(), m = o(null), h = o(null), g = i ? Et.filter((e) => i.includes(e.id)) : Et, [_, v] = s(g[0]?.id ?? "image"), [y, b] = s(!1), [x, S] = s(null), [C, w] = s(null), [T, E] = s(null), [D, O] = s(""), [k, A] = s(null), [j, M] = s(!1), [N, P] = s(null), F = g.find((e) => e.id === _);
+function Rt({ onSelect: e, onClose: n, allow: i }) {
+	let { upload: a, uploadAndWait: d, isUploading: f, isProcessing: p } = Pt(), m = o(null), h = o(null), g = i ? Ft.filter((e) => i.includes(e.id)) : Ft, [_, v] = s(g[0]?.id ?? "image"), [y, b] = s(!1), [x, S] = s(null), [C, w] = s(null), [T, E] = s(null), [D, O] = s(""), [k, A] = s(null), [j, M] = s(!1), [N, P] = s(null), F = g.find((e) => e.id === _);
 	r(() => {
 		let e = (e) => {
 			m.current && !m.current.contains(e.target) && n?.();
@@ -4692,7 +4793,7 @@ function kt({ onSelect: e, onClose: n, allow: i }) {
 	let I = t(async (t) => {
 		w(null), E(0), S({
 			file: t,
-			objectUrl: Ot(t)
+			objectUrl: Lt(t)
 		});
 		let n = t.type.startsWith("video/") || t.type.startsWith("audio/"), r = setInterval(() => {
 			E((e) => e !== null && e < (n ? 60 : 85) ? e + 15 : e);
@@ -4867,7 +4968,7 @@ function kt({ onSelect: e, onClose: n, allow: i }) {
 								}), /* @__PURE__ */ l("p", {
 									className: "text-xs",
 									style: { color: "var(--oc-muted-foreground)" },
-									children: Dt(x.file.size)
+									children: It(x.file.size)
 								})]
 							})]
 						}),
@@ -4986,7 +5087,7 @@ function kt({ onSelect: e, onClose: n, allow: i }) {
 }
 //#endregion
 //#region src/hooks/useRecording.ts
-function At() {
+function zt() {
 	return [
 		"audio/webm;codecs=opus",
 		"audio/webm",
@@ -4994,7 +5095,7 @@ function At() {
 		"audio/mp4"
 	].find((e) => MediaRecorder.isTypeSupported(e)) ?? "";
 }
-function jt() {
+function Bt() {
 	let [e, n] = s("idle"), [i, a] = s(0), [c, l] = s([]), [u, d] = s(null), f = o(null), p = o([]), m = o(null), h = o(null), g = o(null), _ = o(0), v = o(null), y = o(null), b = o([]), x = o(0), S = o(() => {});
 	r(() => {
 		S.current = (e) => {
@@ -5030,7 +5131,7 @@ function jt() {
 				h.current = t;
 				let r = t.createAnalyser();
 				r.fftSize = 256, r.smoothingTimeConstant = .6, t.createMediaStreamSource(e).connect(r), g.current = r;
-				let i = At(), o = new MediaRecorder(e, i ? { mimeType: i } : void 0);
+				let i = zt(), o = new MediaRecorder(e, i ? { mimeType: i } : void 0);
 				f.current = o, p.current = [], o.ondataavailable = (e) => {
 					e.data.size > 0 && p.current.push(e.data);
 				}, o.start(), _.current = Date.now(), n("recording"), v.current = setInterval(() => a(Date.now() - _.current), 100), x.current = 0, y.current = requestAnimationFrame((e) => S.current(e));
@@ -5064,11 +5165,11 @@ function jt() {
 }
 //#endregion
 //#region src/components/chat/AudioRecorder.tsx
-function Mt(e) {
+function Vt(e) {
 	let t = Math.floor(e / 1e3);
 	return `${Math.floor(t / 60)}:${(t % 60).toString().padStart(2, "0")}`;
 }
-function Nt(e) {
+function Ht(e) {
 	let t = (0, g.c)(9), { samples: n, active: r } = e, i;
 	t[0] === n ? i = t[1] : (i = n.length ? n : Array(30).fill(4), t[0] = n, t[1] = i);
 	let a = i, o;
@@ -5089,8 +5190,8 @@ function Nt(e) {
 		children: o
 	}), t[7] = o, t[8] = s), s;
 }
-function Pt({ onSend: e, onCancel: t }) {
-	let { durationMs: n, waveform: i, error: a, start: d, stop: f, cancel: p } = jt(), { uploadRecording: m, isUploading: h } = Tt(), [g, _] = s("recording"), [v, y] = s(null), [b, x] = s([]), [S, C] = s(0), [w, T] = s(null), [E, D] = s(!1), [O, k] = s(null), A = o(null), j = o(null);
+function Ut({ onSend: e, onCancel: t }) {
+	let { durationMs: n, waveform: i, error: a, start: d, stop: f, cancel: p } = Bt(), { uploadRecording: m, isUploading: h } = Pt(), [g, _] = s("recording"), [v, y] = s(null), [b, x] = s([]), [S, C] = s(0), [w, T] = s(null), [E, D] = s(!1), [O, k] = s(null), A = o(null), j = o(null);
 	r(() => (d(), () => {
 		p(), j.current && URL.revokeObjectURL(j.current);
 	}), []), r(() => {
@@ -5181,7 +5282,7 @@ function Pt({ onSend: e, onCancel: t }) {
 				})]
 			})
 		}), g === "recording" ? /* @__PURE__ */ u(c, { children: [
-			/* @__PURE__ */ l(Nt, {
+			/* @__PURE__ */ l(Ht, {
 				samples: i,
 				active: !0
 			}),
@@ -5191,7 +5292,7 @@ function Pt({ onSend: e, onCancel: t }) {
 					color: "#ef4444",
 					minWidth: 36
 				},
-				children: Mt(n)
+				children: Vt(n)
 			}),
 			/* @__PURE__ */ l("div", {
 				className: "w-2 h-2 rounded-full flex-shrink-0 animate-pulse",
@@ -5251,7 +5352,7 @@ function Pt({ onSend: e, onCancel: t }) {
 					children: /* @__PURE__ */ l("polygon", { points: "5,3 19,12 5,21" })
 				})
 			}),
-			/* @__PURE__ */ l(Nt, {
+			/* @__PURE__ */ l(Ht, {
 				samples: b,
 				active: E
 			}),
@@ -5261,7 +5362,7 @@ function Pt({ onSend: e, onCancel: t }) {
 					color: "var(--oc-muted-foreground)",
 					minWidth: 36
 				},
-				children: Mt(S)
+				children: Vt(S)
 			}),
 			I && /* @__PURE__ */ l("span", {
 				className: "text-xs flex-shrink-0",
@@ -5305,8 +5406,8 @@ function Pt({ onSend: e, onCancel: t }) {
 }
 //#endregion
 //#region src/components/chat/StickerPicker.tsx
-var Ft = "LIVDSRZULELA", It = "https://g.tenor.com/v1";
-async function Lt(e, t, n) {
+var Wt = "LIVDSRZULELA", Gt = "https://g.tenor.com/v1";
+async function Kt(e, t, n) {
 	let r = new URLSearchParams({
 		q: e || "sticker",
 		key: t,
@@ -5314,7 +5415,7 @@ async function Lt(e, t, n) {
 		contentfilter: "medium",
 		media_filter: "minimal",
 		...n ? { pos: n } : {}
-	}), i = await (await fetch(`${It}/search?${r}`)).json();
+	}), i = await (await fetch(`${Gt}/search?${r}`)).json();
 	return {
 		items: (i.results ?? []).map((e) => {
 			let t = e.media?.[0] ?? {};
@@ -5328,14 +5429,14 @@ async function Lt(e, t, n) {
 		next: i.next ?? ""
 	};
 }
-async function Rt(e) {
+async function qt(e) {
 	let t = new URLSearchParams({
 		key: e,
 		limit: "24",
 		contentfilter: "medium",
 		media_filter: "minimal"
 	});
-	return ((await (await fetch(`${It}/trending?${t}`)).json()).results ?? []).map((e) => {
+	return ((await (await fetch(`${Gt}/trending?${t}`)).json()).results ?? []).map((e) => {
 		let t = e.media?.[0] ?? {};
 		return {
 			id: e.id,
@@ -5345,7 +5446,7 @@ async function Rt(e) {
 		};
 	});
 }
-function zt(e) {
+function Jt(e) {
 	let t = (0, g.c)(9), { stickers: n, onSelect: r } = e;
 	if (!n.length) {
 		let e;
@@ -5380,16 +5481,16 @@ function zt(e) {
 		children: a
 	}), t[7] = a, t[8] = o), o;
 }
-function Bt(e) {
+function Yt(e) {
 	let t = (0, g.c)(66), { onSelect: n, onClose: i, customPacks: a, tenorApiKey: c } = e, d;
 	t[0] === a ? d = t[1] : (d = a === void 0 ? [] : a, t[0] = a, t[1] = d);
-	let f = d, p = c ?? Ft, m = o(null), [h, _] = s("featured"), v;
+	let f = d, p = c ?? Wt, m = o(null), [h, _] = s("featured"), v;
 	t[2] === Symbol.for("react.memo_cache_sentinel") ? (v = [], t[2] = v) : v = t[2];
 	let [y, b] = s(v), [x, S] = s(""), C;
 	t[3] === Symbol.for("react.memo_cache_sentinel") ? (C = [], t[3] = C) : C = t[3];
 	let [w, T] = s(C), [E, D] = s(!1), O = o(null), k, A;
 	t[4] === p ? (k = t[5], A = t[6]) : (k = () => {
-		D(!0), Rt(p).then((e) => {
+		D(!0), qt(p).then((e) => {
 			b(e), D(!1);
 		}).catch(() => D(!1));
 	}, A = [p], t[4] = p, t[5] = k, t[6] = A), r(k, A);
@@ -5401,7 +5502,7 @@ function Bt(e) {
 				return;
 			}
 			return O.current = setTimeout(() => {
-				D(!0), Lt(x, p).then((e) => {
+				D(!0), Kt(x, p).then((e) => {
 					let { items: t } = e;
 					T(t), D(!1);
 				}).catch(() => D(!1));
@@ -5548,17 +5649,17 @@ function Bt(e) {
 		className: "flex items-center justify-center h-full text-sm",
 		style: { color: "var(--oc-muted-foreground)" },
 		children: "Loading…"
-	}) : h === "featured" ? /* @__PURE__ */ l(zt, {
+	}) : h === "featured" ? /* @__PURE__ */ l(Jt, {
 		stickers: y,
 		onSelect: R
-	}) : h === "search" ? x.trim() ? /* @__PURE__ */ l(zt, {
+	}) : h === "search" ? x.trim() ? /* @__PURE__ */ l(Jt, {
 		stickers: w,
 		onSelect: R
 	}) : /* @__PURE__ */ l("div", {
 		className: "flex items-center justify-center h-full text-sm",
 		style: { color: "var(--oc-muted-foreground)" },
 		children: "Type to search stickers"
-	}) : B ? /* @__PURE__ */ l(zt, {
+	}) : B ? /* @__PURE__ */ l(Jt, {
 		stickers: B.stickers,
 		onSelect: R
 	}) : null, t[49] = B, t[50] = y, t[51] = R, t[52] = E, t[53] = x, t[54] = w, t[55] = h, t[56] = ne) : ne = t[56];
@@ -5596,23 +5697,23 @@ function Bt(e) {
 }
 //#endregion
 //#region src/components/chat/QuickMessages.tsx
-var Vt = "oc_quick_messages";
-function Ht() {
+var Xt = "oc_quick_messages";
+function Zt() {
 	try {
-		let e = localStorage.getItem(Vt);
+		let e = localStorage.getItem(Xt);
 		return e ? JSON.parse(e) : [];
 	} catch {
 		return [];
 	}
 }
-function Ut(e) {
-	localStorage.setItem(Vt, JSON.stringify(e));
+function Qt(e) {
+	localStorage.setItem(Xt, JSON.stringify(e));
 }
-function Wt() {
+function $t() {
 	return Math.random().toString(36).slice(2, 10);
 }
-function Gt(e) {
-	let t = (0, g.c)(41), { onSelect: n, onClose: i, onManage: a } = e, c = s(Ht)[0], [d, f] = s(""), p = o(null), m, h;
+function en(e) {
+	let t = (0, g.c)(41), { onSelect: n, onClose: i, onManage: a } = e, c = s(Zt)[0], [d, f] = s(""), p = o(null), m, h;
 	t[0] === i ? (m = t[1], h = t[2]) : (m = () => {
 		let e = (e) => {
 			let t = e.target;
@@ -5687,8 +5788,8 @@ function Gt(e) {
 			},
 			className: "w-full flex flex-col gap-0.5 px-4 py-2.5 text-left border-none cursor-pointer transition-colors",
 			style: { backgroundColor: "transparent" },
-			onMouseEnter: qt,
-			onMouseLeave: Kt,
+			onMouseEnter: nn,
+			onMouseLeave: tn,
 			children: [/* @__PURE__ */ l("span", {
 				className: "text-xs font-semibold",
 				style: { color: "var(--oc-primary)" },
@@ -5716,21 +5817,21 @@ function Gt(e) {
 		]
 	}), t[34] = y, t[35] = b, t[36] = E, t[37] = C, t[38] = w, t[39] = T, t[40] = D) : D = t[40], D;
 }
-function Kt(e) {
+function tn(e) {
 	e.currentTarget.style.backgroundColor = "transparent";
 }
-function qt(e) {
+function nn(e) {
 	e.currentTarget.style.backgroundColor = "var(--oc-secondary)";
 }
-function Jt(e) {
+function rn(e) {
 	let t = (0, g.c)(35), { defaultMessages: n, onClose: r } = e, i;
 	t[0] === n ? i = t[1] : (i = () => {
-		let e = Ht();
-		return e.length === 0 && n?.length ? (Ut(n), n) : e;
+		let e = Zt();
+		return e.length === 0 && n?.length ? (Qt(n), n) : e;
 	}, t[0] = n, t[1] = i);
 	let [a, o] = s(i), [c, d] = s(null), [f, p] = s(""), [m, h] = s(""), _;
 	t[2] === Symbol.for("react.memo_cache_sentinel") ? (_ = (e) => {
-		o(e), Ut(e);
+		o(e), Qt(e);
 	}, t[2] = _) : _ = t[2];
 	let v = _, y;
 	t[3] === Symbol.for("react.memo_cache_sentinel") ? (y = () => {
@@ -5743,7 +5844,7 @@ function Jt(e) {
 	let S = x, C;
 	t[5] !== c || t[6] !== f || t[7] !== a || t[8] !== m ? (C = () => {
 		!f.trim() || !m.trim() || (v(c === "__new__" ? [...a, {
-			id: Wt(),
+			id: $t(),
 			label: f.trim(),
 			text: m.trim()
 		}] : a.map((e) => e.id === c ? {
@@ -5975,7 +6076,7 @@ function Jt(e) {
 }
 //#endregion
 //#region src/components/chat/Composer.tsx
-function Yt(e) {
+function an(e) {
 	let t = (0, g.c)(12), { onFormat: n, position: r } = e, i = r.top - 44, a;
 	t[0] !== r.left || t[1] !== i ? (a = {
 		top: i,
@@ -6030,8 +6131,8 @@ function Yt(e) {
 				backgroundColor: "transparent",
 				color: "var(--oc-foreground)"
 			},
-			onMouseEnter: Zt,
-			onMouseLeave: Xt,
+			onMouseEnter: sn,
+			onMouseLeave: on,
 			children: r
 		}, t);
 	}), t[7] = n, t[8] = d);
@@ -6042,13 +6143,13 @@ function Yt(e) {
 		children: d
 	}), t[9] = a, t[10] = d, t[11] = f) : f = t[11], f;
 }
-function Xt(e) {
+function on(e) {
 	e.currentTarget.style.backgroundColor = "transparent";
 }
-function Zt(e) {
+function sn(e) {
 	e.currentTarget.style.backgroundColor = "var(--oc-secondary)";
 }
-var Qt = () => {
+var cn = () => {
 	let e = (0, g.c)(1), t;
 	return e[0] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ u("svg", {
 		width: "18",
@@ -6066,7 +6167,7 @@ var Qt = () => {
 			y2: "13"
 		}), /* @__PURE__ */ l("polygon", { points: "22 2 15 22 11 13 2 9 22 2" })]
 	}), e[0] = t) : t = e[0], t;
-}, $t = () => {
+}, ln = () => {
 	let e = (0, g.c)(1), t;
 	return e[0] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ u("svg", {
 		width: "16",
@@ -6095,7 +6196,7 @@ var Qt = () => {
 		]
 	}), e[0] = t) : t = e[0], t;
 };
-function en(e) {
+function un(e) {
 	let t = (0, g.c)(109), { onSend: n, onAttach: i, onTyping: a, placeholder: d, stickerPacks: f, tenorApiKey: p, defaultQuickMessages: m } = e, h = d === void 0 ? "Message…" : d, _ = y(), v = o(null), [b, x] = s(!1), [S, C] = s(!1), [w, T] = s(!1), [E, D] = s(!1), [O, k] = s(!1), [A, j] = s(!1), [M, N] = s(!1), [P, F] = s(0), [I, L] = s(null), R;
 	t[0] === n ? R = t[1] : (R = () => {
 		let e = v.current;
@@ -6188,7 +6289,7 @@ function en(e) {
 			filename: e.title ?? "sticker"
 		}), D(!1);
 	}, t[15] = i, t[16] = $);
-	let ie = $, ae = cn, oe, se;
+	let ie = $, ae = _n, oe, se;
 	if (t[17] === Symbol.for("react.memo_cache_sentinel") ? (oe = () => {
 		let e = (e) => {
 			e.key === "Escape" && (x(!1), C(!1), D(!1), k(!1), L(null));
@@ -6207,14 +6308,14 @@ function en(e) {
 		return t[23] === n ? a = t[24] : (a = /* @__PURE__ */ l("footer", {
 			className: "flex-shrink-0 flex items-end gap-2 px-3 py-2.5 border-t border-border",
 			style: e,
-			children: /* @__PURE__ */ l(Pt, {
+			children: /* @__PURE__ */ l(Ut, {
 				onSend: n,
 				onCancel: r
 			})
 		}), t[23] = n, t[24] = a), a;
 	}
 	let ce;
-	t[25] === I ? ce = t[26] : (ce = I && /* @__PURE__ */ l(Yt, {
+	t[25] === I ? ce = t[26] : (ce = I && /* @__PURE__ */ l(an, {
 		onFormat: Y,
 		position: I
 	}), t[25] = I, t[26] = ce);
@@ -6260,8 +6361,8 @@ function en(e) {
 				backgroundColor: "transparent",
 				color: "var(--oc-muted-foreground)"
 			},
-			onMouseEnter: sn,
-			onMouseLeave: on,
+			onMouseEnter: gn,
+			onMouseLeave: hn,
 			children: n
 		}, t);
 	}), t[31] = pe) : pe = t[31];
@@ -6290,7 +6391,7 @@ function en(e) {
 	let _e;
 	t[37] !== _.attachmentIcon || t[38] !== _.showAttachMentButton || t[39] !== S ? (_e = _.showAttachMentButton && /* @__PURE__ */ l("button", {
 		onClick: () => {
-			C(an), x(!1), D(!1), k(!1);
+			C(mn), x(!1), D(!1), k(!1);
 		},
 		className: "w-9 h-9 flex items-center justify-center rounded-xl border-none bg-transparent cursor-pointer flex-shrink-0 mb-0.5",
 		style: { color: S ? "var(--oc-primary)" : "var(--oc-composer-icon)" },
@@ -6330,7 +6431,7 @@ function en(e) {
 		className: "relative flex-shrink-0 mb-0.5",
 		children: [/* @__PURE__ */ l("button", {
 			onMouseDown: (e) => {
-				e.preventDefault(), k(rn), x(!1), C(!1), D(!1);
+				e.preventDefault(), k(pn), x(!1), C(!1), D(!1);
 			},
 			className: "w-9 h-9 flex items-center justify-center rounded-xl border-none bg-transparent cursor-pointer",
 			style: { color: O ? "var(--oc-primary)" : "var(--oc-composer-icon)" },
@@ -6363,7 +6464,7 @@ function en(e) {
 					})
 				]
 			})
-		}), O && /* @__PURE__ */ l(Gt, {
+		}), O && /* @__PURE__ */ l(en, {
 			onSelect: re,
 			onClose: () => k(!1),
 			onManage: () => {
@@ -6412,7 +6513,7 @@ function en(e) {
 	}), t[46] = _.useRichTextEditor, t[47] = U, t[48] = V, t[49] = n, t[50] = a, t[51] = h, t[52] = be) : be = t[52];
 	let xe;
 	t[53] === Symbol.for("react.memo_cache_sentinel") ? (xe = (e) => {
-		e.preventDefault(), x(nn), C(!1), D(!1);
+		e.preventDefault(), x(fn), C(!1), D(!1);
 	}, t[53] = xe) : xe = t[53];
 	let Se = b ? "var(--oc-primary)" : "var(--oc-composer-placeholder)", Ce = b ? 1 : .65, we;
 	t[54] !== Se || t[55] !== Ce ? (we = {
@@ -6466,7 +6567,7 @@ function en(e) {
 	}), t[62] = be, t[63] = Ee, t[64] = De) : De = t[64];
 	let Oe;
 	t[65] === Symbol.for("react.memo_cache_sentinel") ? (Oe = () => {
-		D(tn), x(!1), C(!1);
+		D(dn), x(!1), C(!1);
 	}, t[65] = Oe) : Oe = t[65];
 	let ke = E ? "var(--oc-primary)" : "var(--oc-composer-input-border)", Ae = E ? "var(--oc-primary)" : "var(--oc-composer-icon)", je;
 	t[66] !== ke || t[67] !== Ae ? (je = {
@@ -6498,7 +6599,7 @@ function en(e) {
 			color: "#fff"
 		},
 		"aria-label": "Send",
-		children: _.sendIcon ?? /* @__PURE__ */ l(Qt, {})
+		children: _.sendIcon ?? /* @__PURE__ */ l(cn, {})
 	}) : /* @__PURE__ */ l("button", {
 		onClick: () => {
 			T(!0), x(!1), C(!1), D(!1);
@@ -6509,7 +6610,7 @@ function en(e) {
 			color: "var(--oc-composer-icon)"
 		},
 		"aria-label": "Record voice message",
-		children: _.recordIcon ?? /* @__PURE__ */ l($t, {})
+		children: _.recordIcon ?? /* @__PURE__ */ l(ln, {})
 	}), t[74] = _.recordIcon, t[75] = _.sendIcon, t[76] = z, t[77] = M, t[78] = Pe) : Pe = t[78];
 	let Fe;
 	t[79] !== _e || t[80] !== ve || t[81] !== De || t[82] !== Ne || t[83] !== Pe ? (Fe = /* @__PURE__ */ u("div", {
@@ -6525,7 +6626,7 @@ function en(e) {
 	let Ie;
 	t[85] !== te || t[86] !== b ? (Ie = b && /* @__PURE__ */ l("div", {
 		className: "absolute bottom-full right-0 mb-2 z-50",
-		children: /* @__PURE__ */ l(bt, {
+		children: /* @__PURE__ */ l(kt, {
 			onSelect: (e) => {
 				te(e), v.current?.focus();
 			},
@@ -6535,7 +6636,7 @@ function en(e) {
 	let Le;
 	t[88] !== i || t[89] !== S ? (Le = S && /* @__PURE__ */ l("div", {
 		className: "absolute bottom-full left-0 mb-2 z-50",
-		children: /* @__PURE__ */ l(kt, {
+		children: /* @__PURE__ */ l(Rt, {
 			onSelect: (e) => {
 				C(!1), i?.(e);
 			},
@@ -6545,7 +6646,7 @@ function en(e) {
 	let Re;
 	t[91] !== ie || t[92] !== E || t[93] !== f || t[94] !== p ? (Re = E && /* @__PURE__ */ l("div", {
 		className: "absolute bottom-full right-0 mb-2 z-50",
-		children: /* @__PURE__ */ l(Bt, {
+		children: /* @__PURE__ */ l(Yt, {
 			onSelect: ie,
 			onClose: () => D(!1),
 			customPacks: f,
@@ -6565,7 +6666,7 @@ function en(e) {
 		]
 	}), t[96] = ge, t[97] = Fe, t[98] = Ie, t[99] = Le, t[100] = Re, t[101] = ze) : ze = t[101];
 	let Be;
-	t[102] !== m || t[103] !== A ? (Be = A && /* @__PURE__ */ l(Jt, {
+	t[102] !== m || t[103] !== A ? (Be = A && /* @__PURE__ */ l(rn, {
 		defaultMessages: m,
 		onClose: () => j(!1)
 	}), t[102] = m, t[103] = A, t[104] = Be) : Be = t[104];
@@ -6576,36 +6677,36 @@ function en(e) {
 		Be
 	] }), t[105] = ce, t[106] = ze, t[107] = Be, t[108] = Ve) : Ve = t[108], Ve;
 }
-function tn(e) {
+function dn(e) {
 	return !e;
 }
-function nn(e) {
+function fn(e) {
 	return !e;
 }
-function rn(e) {
+function pn(e) {
 	return !e;
 }
-function an(e) {
+function mn(e) {
 	return !e;
 }
-function on(e) {
+function hn(e) {
 	e.currentTarget.style.backgroundColor = "transparent", e.currentTarget.style.opacity = "";
 }
-function sn(e) {
+function gn(e) {
 	e.currentTarget.style.backgroundColor = "var(--oc-secondary)", e.currentTarget.style.opacity = "1";
 }
-function cn(e) {
+function _n(e) {
 	e.preventDefault();
 	let t = e.clipboardData.getData("text/plain");
 	document.execCommand("insertText", !1, t);
 }
 //#endregion
 //#region src/components/chat/MessageInput.tsx
-function ln(e) {
+function vn(e) {
 	let t = (0, g.c)(10), { onSend: n, onTyping: r, placeholder: i, stickerPacks: a, tenorApiKey: o, defaultQuickMessages: s } = e, c;
 	t[0] === n ? c = t[1] : (c = (e) => n("", e), t[0] = n, t[1] = c);
 	let u;
-	return t[2] !== s || t[3] !== n || t[4] !== r || t[5] !== i || t[6] !== a || t[7] !== c || t[8] !== o ? (u = /* @__PURE__ */ l(en, {
+	return t[2] !== s || t[3] !== n || t[4] !== r || t[5] !== i || t[6] !== a || t[7] !== c || t[8] !== o ? (u = /* @__PURE__ */ l(un, {
 		onSend: n,
 		onAttach: c,
 		onTyping: r,
@@ -6617,7 +6718,7 @@ function ln(e) {
 }
 //#endregion
 //#region src/components/chat/ReplyComposer.tsx
-function un(e) {
+function yn(e) {
 	let t = (0, g.c)(8), { url: n, type: r } = e;
 	if (r === "image" || r === "sticker") {
 		let e;
@@ -6625,7 +6726,7 @@ function un(e) {
 			src: n,
 			alt: "",
 			className: "w-10 h-10 rounded-lg object-cover flex-shrink-0",
-			onError: dn
+			onError: bn
 		}), t[0] = n, t[1] = e), e;
 	}
 	if (r === "video") {
@@ -6694,10 +6795,10 @@ function un(e) {
 		})
 	}), t[7] = a) : a = t[7], a;
 }
-function dn(e) {
+function bn(e) {
 	e.currentTarget.style.display = "none";
 }
-function fn(e) {
+function xn(e) {
 	let t = (0, g.c)(23), { senderName: n, content: r, onDismiss: i, attachmentUrl: a, attachmentType: o } = e, s = r.length > 60 ? r.slice(0, 60) + "…" : r, c;
 	t[0] === Symbol.for("react.memo_cache_sentinel") ? (c = { backgroundColor: "var(--oc-background, #0d1117)" }, t[0] = c) : c = t[0];
 	let d;
@@ -6724,7 +6825,7 @@ function fn(e) {
 		children: [p, _]
 	}), t[8] = p, t[9] = _, t[10] = v) : v = t[10];
 	let y;
-	t[11] !== o || t[12] !== a ? (y = a && /* @__PURE__ */ l(un, {
+	t[11] !== o || t[12] !== a ? (y = a && /* @__PURE__ */ l(yn, {
 		url: a,
 		type: o
 	}), t[11] = o, t[12] = a, t[13] = y) : y = t[13];
@@ -6756,7 +6857,7 @@ function fn(e) {
 }
 //#endregion
 //#region src/components/chat/BatchToolbar.tsx
-function pn(e) {
+function Sn(e) {
 	let t = (0, g.c)(26), { selectedCount: n, onDelete: r, onRecall: i, onForward: a, onCancel: o } = e, s;
 	t[0] === Symbol.for("react.memo_cache_sentinel") ? (s = { backgroundColor: "var(--oc-background, #0d1117)" }, t[0] = s) : s = t[0];
 	let c;
@@ -6898,13 +6999,13 @@ function pn(e) {
 }
 //#endregion
 //#region src/components/chat/ConversationProfile.tsx
-function mn(e, t) {
+function Cn(e, t) {
 	return e.filter((e) => {
 		let n = e.attachment;
 		return n ? t === "images" ? n.type === "image" : t === "videos" ? n.type === "video" : t === "files" ? n.type === "file" : !1 : !1;
 	}).map((e) => e.attachment);
 }
-function hn(e) {
+function wn(e) {
 	let t = /https?:\/\/[^\s]+/g, n = [];
 	for (let r of e) {
 		if (!r.content) continue;
@@ -6916,7 +7017,7 @@ function hn(e) {
 	}
 	return n;
 }
-function gn(e) {
+function Tn(e) {
 	let t = (0, g.c)(3), { title: n } = e, r;
 	t[0] === Symbol.for("react.memo_cache_sentinel") ? (r = { color: "var(--oc-muted-foreground)" }, t[0] = r) : r = t[0];
 	let i;
@@ -6929,7 +7030,7 @@ function gn(e) {
 		})
 	}), t[1] = n, t[2] = i), i;
 }
-function _n(e) {
+function En(e) {
 	let t = (0, g.c)(88), { name: n, avatarSrc: i, isOnline: a, otherUserId: o, messages: d, pinnedMessages: f, onClose: p, onUnpin: m } = e, [h, _] = s("images"), { socket: y } = A(), { apiClient: b } = v(), [x, S] = s("online"), C;
 	t[0] === a ? C = t[1] : (C = () => a, t[0] = a, t[1] = C);
 	let [w, T] = s(C), [E, D] = s("offline"), O, k;
@@ -6937,7 +7038,7 @@ function _n(e) {
 		o && b.get(`/app-users/${o}/presence`).then((e) => {
 			let t = e.status;
 			D(t), T(t === "online");
-		}).catch(Cn);
+		}).catch(Mn);
 	}, k = [o, b], t[2] = b, t[3] = o, t[4] = O, t[5] = k) : (O = t[4], k = t[5]), r(O, k);
 	let j;
 	t[6] === o ? j = t[7] : (j = (e) => {
@@ -6953,7 +7054,7 @@ function _n(e) {
 	}, t[8] = y, t[9] = M);
 	let N = M, P, I, L, R, z, B, V, H, U, W, G, K, q, J;
 	if (t[10] !== i || t[11] !== N || t[12] !== h || t[13] !== d || t[14] !== x || t[15] !== n || t[16] !== p || t[17] !== m || t[18] !== f || t[19] !== w || t[20] !== E) {
-		let e = mn(d, "images"), r = mn(d, "videos"), a = mn(d, "files"), o = hn(d), s = {
+		let e = Cn(d, "images"), r = Cn(d, "videos"), a = Cn(d, "files"), o = wn(d), s = {
 			images: e.length,
 			videos: r.length,
 			files: a.length,
@@ -7011,7 +7112,7 @@ function _n(e) {
 			children: [b, S]
 		}), t[40] = b, t[41] = W), G = "flex-1 overflow-y-auto";
 		let C;
-		t[42] !== i || t[43] !== n || t[44] !== w ? (C = /* @__PURE__ */ l(ve, {
+		t[42] !== i || t[43] !== n || t[44] !== w ? (C = /* @__PURE__ */ l(De, {
 			src: i,
 			name: n,
 			size: 88,
@@ -7058,8 +7159,8 @@ function _n(e) {
 					label: "Files",
 					count: a.length
 				}
-			].map(Sn)
-		}), t[60] === Symbol.for("react.memo_cache_sentinel") ? (J = /* @__PURE__ */ l(gn, { title: "My status" }), t[60] = J) : J = t[60];
+			].map(jn)
+		}), t[60] === Symbol.for("react.memo_cache_sentinel") ? (J = /* @__PURE__ */ l(Tn, { title: "My status" }), t[60] = J) : J = t[60];
 		let M;
 		t[61] === Symbol.for("react.memo_cache_sentinel") ? (M = [
 			"online",
@@ -7087,7 +7188,7 @@ function _n(e) {
 					}), e]
 				}, e);
 			})
-		}), t[62] = N, t[63] = x, t[64] = P) : P = t[64], t[65] !== m || t[66] !== f ? (I = f.length > 0 && /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l(gn, { title: `Pinned messages (${f.length})` }), /* @__PURE__ */ l("div", {
+		}), t[62] = N, t[63] = x, t[64] = P) : P = t[64], t[65] !== m || t[66] !== f ? (I = f.length > 0 && /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l(Tn, { title: `Pinned messages (${f.length})` }), /* @__PURE__ */ l("div", {
 			className: "px-4 flex flex-col gap-2",
 			children: f.map((e) => /* @__PURE__ */ u("div", {
 				className: "flex items-start gap-3 rounded-xl px-3 py-2.5",
@@ -7122,7 +7223,7 @@ function _n(e) {
 					})
 				]
 			}, e.id))
-		})] }), t[65] = m, t[66] = f, t[67] = I) : I = t[67], t[68] === Symbol.for("react.memo_cache_sentinel") ? (L = /* @__PURE__ */ l(gn, { title: "Shared media" }), t[68] = L) : L = t[68];
+		})] }), t[65] = m, t[66] = f, t[67] = I) : I = t[67], t[68] === Symbol.for("react.memo_cache_sentinel") ? (L = /* @__PURE__ */ l(Tn, { title: "Shared media" }), t[68] = L) : L = t[68];
 		let F = g.map((e) => /* @__PURE__ */ u("button", {
 			onClick: () => _(e.id),
 			className: "h-8 px-3.5 rounded-2xl text-[13px] font-medium flex-shrink-0 border-none cursor-pointer",
@@ -7141,22 +7242,22 @@ function _n(e) {
 			children: F
 		}), t[69] = F, t[70] = R), z = h === "images" && /* @__PURE__ */ l("div", {
 			className: "px-4 pb-6",
-			children: e.length === 0 ? /* @__PURE__ */ l(wn, { label: "No images shared yet" }) : /* @__PURE__ */ l("div", {
+			children: e.length === 0 ? /* @__PURE__ */ l(Nn, { label: "No images shared yet" }) : /* @__PURE__ */ l("div", {
 				className: "grid grid-cols-3 gap-1",
-				children: e.map(xn)
+				children: e.map(An)
 			})
 		}), B = h === "videos" && /* @__PURE__ */ l("div", {
 			className: "px-4 pb-6",
-			children: r.length === 0 ? /* @__PURE__ */ l(wn, { label: "No videos shared yet" }) : /* @__PURE__ */ l("div", {
+			children: r.length === 0 ? /* @__PURE__ */ l(Nn, { label: "No videos shared yet" }) : /* @__PURE__ */ l("div", {
 				className: "grid grid-cols-2 gap-2",
-				children: r.map(bn)
+				children: r.map(kn)
 			})
 		}), V = h === "files" && /* @__PURE__ */ l("div", {
 			className: "px-4 pb-6 flex flex-col gap-2",
-			children: a.length === 0 ? /* @__PURE__ */ l(wn, { label: "No files shared yet" }) : a.map(yn)
+			children: a.length === 0 ? /* @__PURE__ */ l(Nn, { label: "No files shared yet" }) : a.map(On)
 		}), H = h === "links" && /* @__PURE__ */ l("div", {
 			className: "px-4 pb-6 flex flex-col gap-2",
-			children: o.length === 0 ? /* @__PURE__ */ l(wn, { label: "No links shared yet" }) : o.map(vn)
+			children: o.length === 0 ? /* @__PURE__ */ l(Nn, { label: "No links shared yet" }) : o.map(Dn)
 		}), t[10] = i, t[11] = N, t[12] = h, t[13] = d, t[14] = x, t[15] = n, t[16] = p, t[17] = m, t[18] = f, t[19] = w, t[20] = E, t[21] = P, t[22] = I, t[23] = L, t[24] = R, t[25] = z, t[26] = B, t[27] = V, t[28] = H, t[29] = U, t[30] = W, t[31] = G, t[32] = K, t[33] = q, t[34] = J;
 	} else P = t[21], I = t[22], L = t[23], R = t[24], z = t[25], B = t[26], V = t[27], H = t[28], U = t[29], W = t[30], G = t[31], K = t[32], q = t[33], J = t[34];
 	let Y;
@@ -7182,7 +7283,7 @@ function _n(e) {
 		children: [W, Y]
 	}), t[84] = U, t[85] = W, t[86] = Y, t[87] = X) : X = t[87], X;
 }
-function vn(e, t) {
+function Dn(e, t) {
 	return /* @__PURE__ */ u("a", {
 		href: e.url,
 		target: "_blank",
@@ -7213,7 +7314,7 @@ function vn(e, t) {
 		})]
 	}, t);
 }
-function yn(e, t) {
+function On(e, t) {
 	let n = e.name?.split(".").pop()?.toLowerCase() ?? "";
 	return /* @__PURE__ */ u("a", {
 		href: e.url,
@@ -7279,7 +7380,7 @@ function yn(e, t) {
 		]
 	}, t);
 }
-function bn(e, t) {
+function kn(e, t) {
 	return /* @__PURE__ */ u("div", {
 		className: "aspect-video rounded-lg overflow-hidden bg-secondary relative",
 		children: [
@@ -7309,7 +7410,7 @@ function bn(e, t) {
 		]
 	}, t);
 }
-function xn(e, t) {
+function An(e, t) {
 	return /* @__PURE__ */ l("div", {
 		className: "aspect-square rounded-lg overflow-hidden bg-secondary",
 		children: /* @__PURE__ */ l("img", {
@@ -7319,7 +7420,7 @@ function xn(e, t) {
 		})
 	}, t);
 }
-function Sn(e) {
+function jn(e) {
 	return /* @__PURE__ */ u("div", {
 		className: "flex flex-col items-center py-3 gap-0.5",
 		children: [/* @__PURE__ */ l("span", {
@@ -7332,8 +7433,8 @@ function Sn(e) {
 		})]
 	}, e.label);
 }
-function Cn() {}
-function wn(e) {
+function Mn() {}
+function Nn(e) {
 	let t = (0, g.c)(3), { label: n } = e, r;
 	t[0] === Symbol.for("react.memo_cache_sentinel") ? (r = { color: "var(--oc-muted-foreground)" }, t[0] = r) : r = t[0];
 	let i;
@@ -7345,7 +7446,7 @@ function wn(e) {
 }
 //#endregion
 //#region src/components/chat/ChatBox.tsx
-function Tn(e) {
+function Pn(e) {
 	if (!e) return "";
 	let t = new Date(e), n = /* @__PURE__ */ new Date(), r = new Date(n.getFullYear(), n.getMonth(), n.getDate()), i = new Date(t.getFullYear(), t.getMonth(), t.getDate()), a = Math.round((r.getTime() - i.getTime()) / 864e5);
 	return a === 0 ? "Today" : a === 1 ? "Yesterday" : a < 7 ? t.toLocaleDateString("en-US", { weekday: "long" }) : t.toLocaleDateString("en-US", {
@@ -7354,7 +7455,7 @@ function Tn(e) {
 		year: a > 365 ? "numeric" : void 0
 	});
 }
-function En(e) {
+function Fn(e) {
 	let t = e.updated_at ?? e.time;
 	if (!t) return "";
 	if (t.includes("T") || t.includes("-")) {
@@ -7364,7 +7465,7 @@ function En(e) {
 	let n = /* @__PURE__ */ new Date();
 	return `${n.getFullYear()}-${n.getMonth()}-${n.getDate()}`;
 }
-function Dn({ label: e }) {
+function In({ label: e }) {
 	return /* @__PURE__ */ u("div", {
 		className: "flex items-center gap-3 py-1 select-none",
 		children: [
@@ -7387,7 +7488,7 @@ function Dn({ label: e }) {
 		]
 	});
 }
-function On({ pinnedMessages: e, onUnpin: t }) {
+function Ln({ pinnedMessages: e, onUnpin: t }) {
 	let [n, r] = s(!1), i = n ? e : e.slice(0, 1);
 	return /* @__PURE__ */ u("div", {
 		className: "flex-shrink-0 border-b",
@@ -7446,7 +7547,7 @@ function On({ pinnedMessages: e, onUnpin: t }) {
 		}, e.id))]
 	});
 }
-function kn({ onViewProfile: e, onClose: t }) {
+function Rn({ onViewProfile: e, onClose: t }) {
 	let n = o(null);
 	return r(() => {
 		let e = (e) => {
@@ -7493,7 +7594,7 @@ function kn({ onViewProfile: e, onClose: t }) {
 		})
 	});
 }
-function An({ conversationName: e, avatarSrc: t, isOnline: n, presenceStatus: i, renderHeader: a, chatBanner: d, messages: f, typingUsers: p, onBack: m, onCall: h, onVideoCall: g, onSend: _, onTyping: v, onCallBack: b, replyingTo: x, onDismissReply: S, onReplyMessage: C, batchMode: w, batchSelectedCount: T = 0, batchSelectedIds: E, onToggleBatchSelect: D, onBatchDelete: O, onBatchRecall: k, onBatchForward: A, onBatchCancel: j, searchActive: M, searchQuery: N = "", onSearchToggle: P, onSearchChange: F, searchResultIds: I, searchCurrentIndex: L = 0, onSearchNext: R, onSearchPrev: z, onForwardMessage: B, onRecallMessage: V, onDeleteMessage: H, onInfoMessage: U, onEditMessage: W, onReactMessage: G, onPinMessage: K, pinnedMessages: q, isGroup: J, otherUserId: Y, stickerPacks: X, tenorApiKey: Z, defaultQuickMessages: ee, onMediaOpen: Q, imageSet: te }) {
+function zn({ conversationName: e, avatarSrc: t, isOnline: n, presenceStatus: i, renderHeader: a, chatBanner: d, messages: f, typingUsers: p, onBack: m, onCall: h, onVideoCall: g, onSend: _, onTyping: v, onCallBack: b, replyingTo: x, onDismissReply: S, onReplyMessage: C, batchMode: w, batchSelectedCount: T = 0, batchSelectedIds: E, onToggleBatchSelect: D, onBatchDelete: O, onBatchRecall: k, onBatchForward: A, onBatchCancel: j, searchActive: M, searchQuery: N = "", onSearchToggle: P, onSearchChange: F, searchResultIds: I, searchCurrentIndex: L = 0, onSearchNext: R, onSearchPrev: z, onForwardMessage: B, onRecallMessage: V, onDeleteMessage: H, onInfoMessage: U, onEditMessage: W, onReactMessage: G, onPinMessage: K, pinnedMessages: q, isGroup: J, otherUserId: Y, stickerPacks: X, tenorApiKey: Z, defaultQuickMessages: ee, onMediaOpen: Q, imageSet: te }) {
 	let ne = y(), re = o(null), $ = o(null), ie = o(null), ae = o(/* @__PURE__ */ new Map()), [oe, se] = s(!1), [ce, le] = s(0), [ue, de] = s(null), [fe, pe] = s(!1), [me, he] = s(!1), ge = o(null), _e = o(!0), ve = o(f.length);
 	function ye(e) {
 		let t = ae.current.get(e);
@@ -7533,17 +7634,17 @@ function An({ conversationName: e, avatarSrc: t, isOnline: n, presenceStatus: i,
 	}, [L, I]);
 	let Se = [], Ce = "";
 	return f.forEach((e, t) => {
-		let n = En(e);
+		let n = Fn(e);
 		if (n && n !== Ce) {
 			Ce = n;
-			let t = Tn(e.updated_at ?? "");
-			t && Se.push(/* @__PURE__ */ l(Dn, { label: t }, `date-${n}`));
+			let t = Pn(e.updated_at ?? "");
+			t && Se.push(/* @__PURE__ */ l(In, { label: t }, `date-${n}`));
 		}
 		Se.push(/* @__PURE__ */ l("div", {
 			ref: (t) => {
 				t ? ae.current.set(e.id, t) : ae.current.delete(e.id);
 			},
-			children: /* @__PURE__ */ l(ft, {
+			children: /* @__PURE__ */ l(xt, {
 				...e,
 				onCallBack: b,
 				isGrouped: t < f.length - 1 && f[t + 1]?.sender === e.sender,
@@ -7718,7 +7819,7 @@ function An({ conversationName: e, avatarSrc: t, isOnline: n, presenceStatus: i,
 									})
 								]
 							})
-						}), me && /* @__PURE__ */ l(kn, {
+						}), me && /* @__PURE__ */ l(Rn, {
 							onViewProfile: () => {
 								he(!1), pe(!0);
 							},
@@ -7826,7 +7927,7 @@ function An({ conversationName: e, avatarSrc: t, isOnline: n, presenceStatus: i,
 					})
 				]
 			}),
-			q && q.length > 0 && /* @__PURE__ */ l(On, {
+			q && q.length > 0 && /* @__PURE__ */ l(Ln, {
 				pinnedMessages: q,
 				onUnpin: K ? (e) => K(e, !0) : void 0
 			}),
@@ -7899,27 +8000,27 @@ function An({ conversationName: e, avatarSrc: t, isOnline: n, presenceStatus: i,
 					})]
 				})
 			}),
-			x && /* @__PURE__ */ l(fn, {
+			x && /* @__PURE__ */ l(xn, {
 				senderName: x.senderName,
 				content: x.content,
 				attachmentUrl: x.attachmentUrl,
 				attachmentType: x.attachmentType,
 				onDismiss: S ?? (() => {})
 			}),
-			w ? /* @__PURE__ */ l(pn, {
+			w ? /* @__PURE__ */ l(Sn, {
 				selectedCount: T,
 				onDelete: O ?? (() => {}),
 				onRecall: k ?? (() => {}),
 				onForward: A ?? (() => {}),
 				onCancel: j ?? (() => {})
-			}) : /* @__PURE__ */ l(ln, {
+			}) : /* @__PURE__ */ l(vn, {
 				onSend: _,
 				onTyping: v,
 				stickerPacks: X,
 				tenorApiKey: Z,
 				defaultQuickMessages: ee
 			}),
-			fe && /* @__PURE__ */ l(_n, {
+			fe && /* @__PURE__ */ l(En, {
 				name: e,
 				avatarSrc: t,
 				isOnline: n,
@@ -7935,7 +8036,7 @@ function An({ conversationName: e, avatarSrc: t, isOnline: n, presenceStatus: i,
 }
 //#endregion
 //#region src/components/call/CallHistory.tsx
-var jn = {
+var Bn = {
 	missed: {
 		path: "M10.68 13.31a16 16 0 0 0 3.41 2.6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.42 19.42 0 0 1-3.33-2.67m-2.67-3.34a19.79 19.79 0 0 1-3.07-8.63A2 2 0 0 1 3.88 2h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L7.91 9.91M23 1 1 23",
 		color: "#ef4444",
@@ -7952,8 +8053,8 @@ var jn = {
 		label: "Outgoing"
 	}
 };
-function Mn(e) {
-	let t = (0, g.c)(44), { records: n, onCall: r, activeTab: i, onTabChange: a } = e, o = i === void 0 ? "calls" : i, [d, f] = s("All"), [p, m] = s(""), h = Ce(), _, v, y, b, x, S;
+function Vn(e) {
+	let t = (0, g.c)(44), { records: n, onCall: r, activeTab: i, onTabChange: a } = e, o = i === void 0 ? "calls" : i, [d, f] = s("All"), [p, m] = s(""), h = Me(), _, v, y, b, x, S;
 	if (t[0] !== h || t[1] !== d || t[2] !== r || t[3] !== n || t[4] !== p) {
 		let e;
 		t[11] !== d || t[12] !== p ? (e = (e) => p && !e.name.toLowerCase().includes(p.toLowerCase()) ? !1 : d === "Missed" ? e.direction === "missed" : !0, t[11] = d, t[12] = p, t[13] = e) : e = t[13];
@@ -8062,7 +8163,7 @@ function Mn(e) {
 		}), t[27] = d, t[28] = S), _ = "flex-1 overflow-y-auto";
 		let E;
 		t[29] === r ? E = t[30] : (E = (e) => {
-			let t = jn[e.direction];
+			let t = Bn[e.direction];
 			return /* @__PURE__ */ u("div", {
 				className: "h-[72px] flex items-center gap-3 px-4 border-b",
 				style: { borderBottomColor: "rgba(48,54,61,0.6)" },
@@ -8105,7 +8206,7 @@ function Mn(e) {
 								style: { borderColor: "var(--oc-background)" },
 								alt: ""
 							})
-						] }) : /* @__PURE__ */ l(ve, {
+						] }) : /* @__PURE__ */ l(De, {
 							src: e.avatarSrc,
 							name: e.name,
 							size: 52
@@ -8170,8 +8271,8 @@ function Mn(e) {
 		className: _,
 		children: v
 	}), t[31] = _, t[32] = v, t[33] = C) : C = t[33];
-	let w = a ?? Nn, T;
-	t[34] !== o || t[35] !== w ? (T = /* @__PURE__ */ l(xe, {
+	let w = a ?? Hn, T;
+	t[34] !== o || t[35] !== w ? (T = /* @__PURE__ */ l(Ae, {
 		active: o,
 		onChange: w
 	}), t[34] = o, t[35] = w, t[36] = T) : T = t[36];
@@ -8187,10 +8288,10 @@ function Mn(e) {
 		]
 	}), t[37] = T, t[38] = y, t[39] = b, t[40] = x, t[41] = S, t[42] = C, t[43] = E) : E = t[43], E;
 }
-function Nn() {}
+function Hn() {}
 //#endregion
 //#region src/components/chat/ConversationPicker.tsx
-function Pn(e) {
+function Un(e) {
 	let t = (0, g.c)(69), { conversations: n, onConfirm: i, onClose: a } = e, [c, d] = s(""), f;
 	t[0] === Symbol.for("react.memo_cache_sentinel") ? (f = /* @__PURE__ */ new Set(), t[0] = f) : f = t[0];
 	let [p, m] = s(f), h = o(null), _, v;
@@ -8221,7 +8322,7 @@ function Pn(e) {
 		}, t[23] = i, t[24] = p, t[25] = _) : _ = t[25], y = _;
 		let v;
 		t[26] === Symbol.for("react.memo_cache_sentinel") ? (v = function(e) {
-			return e.split(" ").slice(0, 2).map(Fn).join("");
+			return e.split(" ").slice(0, 2).map(Wn).join("");
 		}, t[26] = v) : v = t[26];
 		let O = v;
 		D = h, b = g;
@@ -8508,12 +8609,12 @@ function Pn(e) {
 		children: R
 	}), t[64] = b, t[65] = x, t[66] = R, t[67] = D, t[68] = z) : z = t[68], z;
 }
-function Fn(e) {
+function Wn(e) {
 	return e[0]?.toUpperCase() ?? "";
 }
 //#endregion
 //#region src/components/chat/MessageInfoSheet.tsx
-function In(e) {
+function Gn(e) {
 	return e ? new Date(e).toLocaleString("en-US", {
 		month: "short",
 		day: "numeric",
@@ -8522,7 +8623,7 @@ function In(e) {
 		hour12: !0
 	}) : "—";
 }
-function Ln({ status: e }) {
+function Kn({ status: e }) {
 	return e === "sent" ? /* @__PURE__ */ l("span", {
 		className: "text-sm font-bold",
 		style: { color: "var(--oc-muted-foreground, #888)" },
@@ -8533,7 +8634,7 @@ function Ln({ status: e }) {
 		children: "✓✓"
 	});
 }
-function Rn({ messageId: e, apiBaseUrl: t, authToken: n, onClose: i }) {
+function qn({ messageId: e, apiBaseUrl: t, authToken: n, onClose: i }) {
 	let [a, c] = s([]), [d, f] = s(!0), { apiClient: p } = v(), [m, h] = s(null), g = o(null);
 	r(() => {
 		let t = !1;
@@ -8627,7 +8728,7 @@ function Rn({ messageId: e, apiBaseUrl: t, authToken: n, onClose: i }) {
 								className: "flex items-center gap-3 px-4 py-3",
 								children: [/* @__PURE__ */ l("div", {
 									className: "flex-shrink-0 w-8 flex justify-center",
-									children: /* @__PURE__ */ l(Ln, { status: e.status })
+									children: /* @__PURE__ */ l(Kn, { status: e.status })
 								}), /* @__PURE__ */ u("div", {
 									className: "flex-1 min-w-0",
 									children: [/* @__PURE__ */ l("p", {
@@ -8637,7 +8738,7 @@ function Rn({ messageId: e, apiBaseUrl: t, authToken: n, onClose: i }) {
 									}), /* @__PURE__ */ u("div", {
 										className: "flex gap-3 mt-0.5 text-xs",
 										style: { color: "var(--oc-muted-foreground, #888)" },
-										children: [/* @__PURE__ */ u("span", { children: ["Delivered: ", In(e.delivered_at)] }), /* @__PURE__ */ u("span", { children: ["Read: ", In(e.read_at)] })]
+										children: [/* @__PURE__ */ u("span", { children: ["Delivered: ", Gn(e.delivered_at)] }), /* @__PURE__ */ u("span", { children: ["Read: ", Gn(e.read_at)] })]
 									})]
 								})]
 							}, e.app_user_id))
@@ -8650,11 +8751,11 @@ function Rn({ messageId: e, apiBaseUrl: t, authToken: n, onClose: i }) {
 }
 //#endregion
 //#region src/components/chat/mediaViewerRegistry.ts
-var zn = {}, Bn = .5, Vn = 5, Hn = .5, Un = .25;
-function Wn(e) {
-	return Math.min(Vn, Math.max(Bn, e));
+var Jn = {}, Yn = .5, Xn = 5, Zn = .5, Qn = .25;
+function $n(e) {
+	return Math.min(Xn, Math.max(Yn, e));
 }
-var Gn = {
+var er = {
 	background: "rgba(255,255,255,0.15)",
 	border: "none",
 	borderRadius: 6,
@@ -8664,12 +8765,12 @@ var Gn = {
 	lineHeight: 1,
 	padding: "8px 12px",
 	backdropFilter: "blur(4px)"
-}, Kn = {
-	...Gn,
+}, tr = {
+	...er,
 	opacity: .3,
 	cursor: "not-allowed"
 };
-function qn(e) {
+function nr(e) {
 	let t = (0, g.c)(81), { attachment: n, imageSet: i, onClose: a } = e, c;
 	if (t[0] !== n || t[1] !== i) {
 		let e;
@@ -8715,9 +8816,9 @@ function qn(e) {
 				});
 				break bb12;
 			case "+":
-				m(Zn);
+				m(or);
 				break bb12;
-			case "-": m(Xn);
+			case "-": m(ar);
 		}
 	}, t[8] = i.length, t[9] = a, t[10] = N) : N = t[10];
 	let P = N, F, I;
@@ -8732,8 +8833,8 @@ function qn(e) {
 	let R = L, z;
 	t[15] === Symbol.for("react.memo_cache_sentinel") ? (z = (e) => {
 		e.preventDefault();
-		let t = e.deltaY > 0 ? -Un : Un;
-		m((e) => Wn(e + t));
+		let t = e.deltaY > 0 ? -Qn : Qn;
+		m((e) => $n(e + t));
 	}, t[15] = z) : z = t[15];
 	let B = z, V;
 	t[16] !== _ || t[17] !== p ? (V = (e) => {
@@ -8769,7 +8870,7 @@ function qn(e) {
 	t[25] === p ? Y = t[26] : (Y = (e) => {
 		if (e.touches.length === 2 && A.current !== null) {
 			let t = e.touches[0].clientX - e.touches[1].clientX, n = e.touches[0].clientY - e.touches[1].clientY, r = Math.hypot(t, n);
-			m(Wn(j.current * (r / A.current)));
+			m($n(j.current * (r / A.current)));
 		} else if (e.touches.length === 1 && T.current) {
 			let t = (e.touches[0].clientX - D.current.x) / p, n = (e.touches[0].clientY - D.current.y) / p;
 			v({
@@ -8790,7 +8891,7 @@ function qn(e) {
 	}, t[28] = te) : te = t[28];
 	let ne;
 	t[29] === Symbol.for("react.memo_cache_sentinel") ? (ne = {
-		...Gn,
+		...er,
 		position: "absolute",
 		top: 16,
 		right: 16,
@@ -8891,14 +8992,14 @@ function qn(e) {
 		"aria-label": "Previous image",
 		disabled: d === 0,
 		onClick: () => R(Math.max(0, d - 1)),
-		style: d === 0 ? Kn : Gn,
+		style: d === 0 ? tr : er,
 		children: "‹"
 	}), t[59] = d, t[60] = Q, t[61] = _e) : _e = t[61];
 	let ve, ye;
 	t[62] === Symbol.for("react.memo_cache_sentinel") ? (ve = /* @__PURE__ */ l("button", {
 		"aria-label": "Zoom out",
-		onClick: () => m(Yn),
-		style: Gn,
+		onClick: () => m(ir),
+		style: er,
 		children: "−"
 	}), ye = {
 		color: "#fff",
@@ -8916,8 +9017,8 @@ function qn(e) {
 	let Se;
 	t[68] === Symbol.for("react.memo_cache_sentinel") ? (Se = /* @__PURE__ */ l("button", {
 		"aria-label": "Zoom in",
-		onClick: () => m(Jn),
-		style: Gn,
+		onClick: () => m(rr),
+		style: er,
 		children: "+"
 	}), t[68] = Se) : Se = t[68];
 	let Ce;
@@ -8925,7 +9026,7 @@ function qn(e) {
 		"aria-label": "Next image",
 		disabled: d === i.length - 1,
 		onClick: () => R(Math.min(i.length - 1, d + 1)),
-		style: d === i.length - 1 ? Kn : Gn,
+		style: d === i.length - 1 ? tr : er,
 		children: "›"
 	}), t[69] = d, t[70] = i.length, t[71] = Q, t[72] = Ce) : Ce = t[72];
 	let we;
@@ -8949,22 +9050,22 @@ function qn(e) {
 		]
 	}), t[77] = re, t[78] = he, t[79] = we, t[80] = Te) : Te = t[80], Te;
 }
-function Jn(e) {
-	return Wn(e + Hn);
+function rr(e) {
+	return $n(e + Zn);
 }
-function Yn(e) {
-	return Wn(e - Hn);
+function ir(e) {
+	return $n(e - Zn);
 }
-function Xn(e) {
-	return Wn(e - Hn);
+function ar(e) {
+	return $n(e - Zn);
 }
-function Zn(e) {
-	return Wn(e + Hn);
+function or(e) {
+	return $n(e + Zn);
 }
-zn.ImageViewer = qn;
+Jn.ImageViewer = nr;
 //#endregion
 //#region src/components/chat/VideoViewer.tsx
-var Qn = {
+var sr = {
 	background: "rgba(255,255,255,0.15)",
 	border: "none",
 	borderRadius: 6,
@@ -8975,7 +9076,7 @@ var Qn = {
 	padding: "8px 12px",
 	backdropFilter: "blur(4px)"
 };
-function $n(e) {
+function cr(e) {
 	let t = (0, g.c)(16), { attachment: n, onClose: i } = e, a = o(null), s;
 	t[0] === i ? s = t[1] : (s = () => {
 		a.current && a.current.pause(), i();
@@ -8995,7 +9096,7 @@ function $n(e) {
 	}, t[5] = p) : p = t[5];
 	let m;
 	t[6] === Symbol.for("react.memo_cache_sentinel") ? (m = {
-		...Qn,
+		...sr,
 		position: "absolute",
 		top: 16,
 		right: 16,
@@ -9038,26 +9139,26 @@ function $n(e) {
 		children: [h, y]
 	}), t[13] = h, t[14] = y, t[15] = b) : b = t[15], b;
 }
-zn.VideoViewer = $n;
+Jn.VideoViewer = cr;
 //#endregion
 //#region src/components/chat/DocumentViewer.tsx
-var er = "oc-doc-viewer-styles";
-function tr() {
-	if (typeof document > "u" || document.getElementById(er)) return;
+var lr = "oc-doc-viewer-styles";
+function ur() {
+	if (typeof document > "u" || document.getElementById(lr)) return;
 	let e = document.createElement("style");
-	e.id = er, e.textContent = "@keyframes oc-spin { to { transform: rotate(360deg); } }", document.head.appendChild(e);
+	e.id = lr, e.textContent = "@keyframes oc-spin { to { transform: rotate(360deg); } }", document.head.appendChild(e);
 }
-function nr(e) {
+function dr(e) {
 	if (!e) return "";
 	let t = e.lastIndexOf(".");
 	return t >= 0 ? e.slice(t + 1).toLowerCase() : "";
 }
-function rr(e) {
+function fr(e) {
 	if (!e) return "";
 	let t = Number(e);
 	return Number.isNaN(t) ? e : t < 1024 ? `${t} B` : t < 1024 * 1024 ? `${(t / 1024).toFixed(1)} KB` : `${(t / (1024 * 1024)).toFixed(1)} MB`;
 }
-var ir = {
+var pr = {
 	background: "rgba(255,255,255,0.15)",
 	border: "none",
 	borderRadius: 6,
@@ -9066,7 +9167,7 @@ var ir = {
 	fontSize: 14,
 	padding: "8px 16px",
 	backdropFilter: "blur(4px)"
-}, ar = {
+}, mr = {
 	display: "inline-block",
 	background: "rgba(255,255,255,0.15)",
 	border: "none",
@@ -9077,7 +9178,7 @@ var ir = {
 	padding: "8px 16px",
 	textDecoration: "none",
 	backdropFilter: "blur(4px)"
-}, or = {
+}, hr = {
 	display: "inline-block",
 	background: "#4a90e2",
 	border: "none",
@@ -9088,7 +9189,7 @@ var ir = {
 	fontWeight: 600,
 	padding: "12px 28px",
 	textDecoration: "none"
-}, sr = {
+}, gr = {
 	width: 36,
 	height: 36,
 	border: "3px solid rgba(255,255,255,0.2)",
@@ -9096,7 +9197,7 @@ var ir = {
 	borderRadius: "50%",
 	animation: "oc-spin 0.8s linear infinite"
 };
-function cr(e) {
+function _r(e) {
 	let t = e.split("\n"), n = [], r = [], i = [], a = 0, o = () => {
 		r.length > 0 && (n.push(/* @__PURE__ */ l("ul", {
 			style: {
@@ -9105,7 +9206,7 @@ function cr(e) {
 			},
 			children: r.map((e, t) => /* @__PURE__ */ l("li", {
 				style: { marginBottom: 4 },
-				children: lr(e)
+				children: vr(e)
 			}, t))
 		}, a++)), r = []), i.length > 0 && (n.push(/* @__PURE__ */ l("ol", {
 			style: {
@@ -9114,7 +9215,7 @@ function cr(e) {
 			},
 			children: i.map((e, t) => /* @__PURE__ */ l("li", {
 				style: { marginBottom: 4 },
-				children: lr(e)
+				children: vr(e)
 			}, t))
 		}, a++)), i = []);
 	};
@@ -9136,7 +9237,7 @@ function cr(e) {
 					fontWeight: 700,
 					margin: "12px 0 6px"
 				},
-				children: lr(t[2])
+				children: vr(t[2])
 			}, a++));
 			continue;
 		}
@@ -9156,12 +9257,12 @@ function cr(e) {
 		}
 		n.push(/* @__PURE__ */ l("div", {
 			style: { margin: "4px 0" },
-			children: lr(e)
+			children: vr(e)
 		}, a++));
 	}
 	return o(), n;
 }
-function lr(e) {
+function vr(e) {
 	let t = [], n = e, r = 0;
 	for (; n.length > 0;) {
 		let e = n.match(/^(.*?)\*\*(.+?)\*\*(.*)$/), i = n.match(/^(.*?)\*(.+?)\*(.*)$/), a = n.match(/^(.*?)`(.+?)`(.*)$/), o = n.match(/^(.*?)\[(.+?)\]\((.+?)\)(.*)$/), s = [];
@@ -9205,7 +9306,7 @@ function lr(e) {
 	}
 	return t.length === 1 ? t[0] : /* @__PURE__ */ l(c, { children: t });
 }
-function ur(e) {
+function yr(e) {
 	let t = e.trim().split("\n").map((e) => e.split(",").map((e) => e.trim()));
 	if (t.length === 0) return /* @__PURE__ */ l("div", {
 		style: { color: "#fff" },
@@ -9246,7 +9347,7 @@ function ur(e) {
 		})
 	});
 }
-function dr(e) {
+function br(e) {
 	let t = (0, g.c)(21), { url: n, name: r } = e, [i, a] = s(!0), o, c;
 	t[0] === Symbol.for("react.memo_cache_sentinel") ? (o = {
 		display: "flex",
@@ -9265,7 +9366,7 @@ function dr(e) {
 		children: /* @__PURE__ */ l("a", {
 			href: n,
 			download: r,
-			style: ar,
+			style: mr,
 			children: "⬇ Download"
 		})
 	}), t[2] = r, t[3] = n, t[4] = d) : d = t[4];
@@ -9283,7 +9384,7 @@ function dr(e) {
 			alignItems: "center",
 			justifyContent: "center"
 		},
-		children: /* @__PURE__ */ l("div", { style: sr })
+		children: /* @__PURE__ */ l("div", { style: gr })
 	}), t[6] = i, t[7] = p);
 	let m = i ? "none" : "block", h;
 	t[8] === m ? h = t[9] : (h = {
@@ -9312,13 +9413,13 @@ function dr(e) {
 		children: [d, y]
 	}), t[18] = y, t[19] = d, t[20] = b) : b = t[20], b;
 }
-function fr(e) {
+function xr(e) {
 	let t = (0, g.c)(37), { url: n, name: i, ext: a } = e, o;
 	t[0] === Symbol.for("react.memo_cache_sentinel") ? (o = { status: "loading" }, t[0] = o) : o = t[0];
 	let [c, d] = s(o), f, p;
 	t[1] === n ? (f = t[2], p = t[3]) : (f = () => {
 		let e = !1;
-		return fetch(n).then(pr).then((t) => {
+		return fetch(n).then(Sr).then((t) => {
 			e || d({
 				status: "success",
 				content: t
@@ -9347,7 +9448,7 @@ function fr(e) {
 		children: /* @__PURE__ */ l("a", {
 			href: n,
 			download: i,
-			style: ar,
+			style: mr,
 			children: "⬇ Download"
 		})
 	}), t[6] = i, t[7] = n, t[8] = _) : _ = t[8];
@@ -9365,7 +9466,7 @@ function fr(e) {
 			justifyContent: "center",
 			height: "100%"
 		},
-		children: /* @__PURE__ */ l("div", { style: sr })
+		children: /* @__PURE__ */ l("div", { style: gr })
 	}), t[10] = c.status, t[11] = y);
 	let b;
 	t[12] !== i || t[13] !== c.status || t[14] !== n ? (b = c.status === "error" && /* @__PURE__ */ u("div", {
@@ -9386,7 +9487,7 @@ function fr(e) {
 		}), /* @__PURE__ */ l("a", {
 			href: n,
 			download: i,
-			style: or,
+			style: hr,
 			children: "⬇ Download"
 		})]
 	}), t[12] = i, t[13] = c.status, t[14] = n, t[15] = b) : b = t[15];
@@ -9409,10 +9510,10 @@ function fr(e) {
 			fontSize: 14,
 			lineHeight: 1.6
 		},
-		children: cr(c.content)
+		children: _r(c.content)
 	}), t[20] = a, t[21] = c.content, t[22] = c.status, t[23] = S) : S = t[23];
 	let C;
-	t[24] !== a || t[25] !== c.content || t[26] !== c.status ? (C = c.status === "success" && a === "csv" && ur(c.content), t[24] = a, t[25] = c.content, t[26] = c.status, t[27] = C) : C = t[27];
+	t[24] !== a || t[25] !== c.content || t[26] !== c.status ? (C = c.status === "success" && a === "csv" && yr(c.content), t[24] = a, t[25] = c.content, t[26] = c.status, t[27] = C) : C = t[27];
 	let w;
 	t[28] !== x || t[29] !== S || t[30] !== C || t[31] !== y || t[32] !== b ? (w = /* @__PURE__ */ u("div", {
 		style: v,
@@ -9430,11 +9531,11 @@ function fr(e) {
 		children: [_, w]
 	}), t[34] = w, t[35] = _, t[36] = T) : T = t[36], T;
 }
-function pr(e) {
+function Sr(e) {
 	if (!e.ok) throw Error("fetch failed");
 	return e.text();
 }
-function mr(e) {
+function Cr(e) {
 	let t = (0, g.c)(20), { attachment: n, url: r, name: i, ext: a } = e, o, s, c;
 	t[0] === Symbol.for("react.memo_cache_sentinel") ? (o = {
 		display: "flex",
@@ -9480,7 +9581,7 @@ function mr(e) {
 		children: a
 	}), t[6] = a, t[7] = p);
 	let m;
-	t[8] === n.size ? m = t[9] : (m = n.size && /* @__PURE__ */ l("span", { children: rr(n.size) }), t[8] = n.size, t[9] = m);
+	t[8] === n.size ? m = t[9] : (m = n.size && /* @__PURE__ */ l("span", { children: fr(n.size) }), t[8] = n.size, t[9] = m);
 	let h;
 	t[10] !== p || t[11] !== m ? (h = /* @__PURE__ */ u("div", {
 		style: f,
@@ -9490,7 +9591,7 @@ function mr(e) {
 	t[13] !== i || t[14] !== r ? (_ = /* @__PURE__ */ l("a", {
 		href: r,
 		download: i,
-		style: or,
+		style: hr,
 		children: "⬇ Download"
 	}), t[13] = i, t[14] = r, t[15] = _) : _ = t[15];
 	let v;
@@ -9504,11 +9605,11 @@ function mr(e) {
 		]
 	}), t[16] = d, t[17] = h, t[18] = _, t[19] = v) : v = t[19], v;
 }
-function hr(e) {
+function wr(e) {
 	let t = (0, g.c)(35), { attachment: n, onClose: i } = e, a = n.url ?? "", o = n.name ?? "file", s;
-	t[0] === o ? s = t[1] : (s = nr(o), t[0] = o, t[1] = s);
+	t[0] === o ? s = t[1] : (s = dr(o), t[0] = o, t[1] = s);
 	let c = s, d;
-	t[2] === Symbol.for("react.memo_cache_sentinel") ? (d = [], t[2] = d) : d = t[2], r(gr, d);
+	t[2] === Symbol.for("react.memo_cache_sentinel") ? (d = [], t[2] = d) : d = t[2], r(Tr, d);
 	let f;
 	t[3] === i ? f = t[4] : (f = (e) => {
 		e.key === "Escape" && i();
@@ -9516,14 +9617,14 @@ function hr(e) {
 	let p = f, m, h;
 	t[5] === p ? (m = t[6], h = t[7]) : (m = () => (window.addEventListener("keydown", p), () => window.removeEventListener("keydown", p)), h = [p], t[5] = p, t[6] = m, t[7] = h), r(m, h);
 	let _;
-	t[8] !== n || t[9] !== c || t[10] !== o || t[11] !== a ? (_ = () => c === "pdf" ? /* @__PURE__ */ l(dr, {
+	t[8] !== n || t[9] !== c || t[10] !== o || t[11] !== a ? (_ = () => c === "pdf" ? /* @__PURE__ */ l(br, {
 		url: a,
 		name: o
-	}) : c === "txt" || c === "md" || c === "csv" ? /* @__PURE__ */ l(fr, {
+	}) : c === "txt" || c === "md" || c === "csv" ? /* @__PURE__ */ l(xr, {
 		url: a,
 		name: o,
 		ext: c
-	}) : /* @__PURE__ */ l(mr, {
+	}) : /* @__PURE__ */ l(Cr, {
 		attachment: n,
 		url: a,
 		name: o,
@@ -9558,7 +9659,7 @@ function hr(e) {
 	}), t[16] = o, t[17] = S);
 	let C;
 	t[18] === Symbol.for("react.memo_cache_sentinel") ? (C = {
-		...ir,
+		...pr,
 		fontSize: 20,
 		padding: "6px 12px"
 	}, t[18] = C) : C = t[18];
@@ -9596,21 +9697,21 @@ function hr(e) {
 		children: [T, A]
 	}), t[32] = T, t[33] = A, t[34] = j) : j = t[34], j;
 }
-function gr() {
-	tr();
+function Tr() {
+	ur();
 }
-zn.DocumentViewer = hr;
+Jn.DocumentViewer = wr;
 //#endregion
 //#region src/components/chat/MediaViewer.tsx
-var _r = "oc-media-viewer-styles";
-function vr() {
-	if (typeof document > "u" || document.getElementById(_r)) return;
+var Er = "oc-media-viewer-styles";
+function Dr() {
+	if (typeof document > "u" || document.getElementById(Er)) return;
 	let e = document.createElement("style");
-	e.id = _r, e.textContent = "\n    @keyframes oc-fade-in {\n      from { opacity: 0; }\n      to   { opacity: 1; }\n    }\n    .oc-viewer-backdrop {\n      animation: oc-fade-in 200ms ease forwards;\n    }\n  ", document.head.appendChild(e);
+	e.id = Er, e.textContent = "\n    @keyframes oc-fade-in {\n      from { opacity: 0; }\n      to   { opacity: 1; }\n    }\n    .oc-viewer-backdrop {\n      animation: oc-fade-in 200ms ease forwards;\n    }\n  ", document.head.appendChild(e);
 }
-function yr(e) {
+function Or(e) {
 	let t = (0, g.c)(14), { active: n, onClose: i } = e, a = o(""), s;
-	t[0] === Symbol.for("react.memo_cache_sentinel") ? (s = [], t[0] = s) : s = t[0], r(br, s);
+	t[0] === Symbol.for("react.memo_cache_sentinel") ? (s = [], t[0] = s) : s = t[0], r(kr, s);
 	let c, u;
 	if (t[1] === n ? (c = t[2], u = t[3]) : (c = () => {
 		if (n) return a.current = document.body.style.overflow, document.body.style.overflow = "hidden", () => {
@@ -9628,14 +9729,14 @@ function yr(e) {
 		justifyContent: "center"
 	}, t[4] = f) : f = t[4];
 	let p = f, m;
-	t[5] !== n.attachment || t[6] !== n.imageSet || t[7] !== n.type || t[8] !== i ? (m = () => n.type === "image" ? /* @__PURE__ */ l(qn, {
+	t[5] !== n.attachment || t[6] !== n.imageSet || t[7] !== n.type || t[8] !== i ? (m = () => n.type === "image" ? /* @__PURE__ */ l(nr, {
 		attachment: n.attachment,
 		imageSet: n.imageSet ?? [n.attachment],
 		onClose: i
-	}) : n.type === "video" ? /* @__PURE__ */ l($n, {
+	}) : n.type === "video" ? /* @__PURE__ */ l(cr, {
 		attachment: n.attachment,
 		onClose: i
-	}) : n.type === "document" ? /* @__PURE__ */ l(hr, {
+	}) : n.type === "document" ? /* @__PURE__ */ l(wr, {
 		attachment: n.attachment,
 		onClose: i
 	}) : null, t[5] = n.attachment, t[6] = n.imageSet, t[7] = n.type, t[8] = i, t[9] = m) : m = t[9];
@@ -9649,12 +9750,12 @@ function yr(e) {
 		children: _
 	}), document.body), t[12] = _, t[13] = v), v;
 }
-function br() {
-	vr();
+function kr() {
+	Dr();
 }
 //#endregion
 //#region src/components/ui/PoweredBy.tsx
-function xr() {
+function Ar() {
 	let e = (0, g.c)(3), { showPoweredBy: t } = y();
 	if (!t) return null;
 	let n;
@@ -9691,30 +9792,34 @@ function xr() {
 }
 //#endregion
 //#region src/widgets/Chat.tsx
-function Sr({ conversationId: e, onCallRequest: t, renderHeader: n, chatBanner: i, defaultQuickMessages: d }) {
-	let { apiClient: f, baseUrl: p } = v(), { initiateCall: m } = P(), { conversations: h, loading: g, createDirect: _ } = le(), { records: y } = ge(), [b, x] = s(e ?? null), [S, C] = s("chats"), [w, T] = s(!1), [E, D] = s([]), [O, k] = s(!1), [A, j] = s(null), [M, N] = s(!1), [I, L] = s([]), [R, z] = s(null), [B, V] = s(null), [H, U] = s(null), [W, G] = s(!1), [K, q] = s(""), [J, Y] = s([]), [X, Z] = s(0), [ee, Q] = s(null), [te, ne] = s("offline");
+function jr({ conversationId: e, onCallRequest: t, renderHeader: n, chatBanner: i, defaultQuickMessages: d }) {
+	let { apiClient: f, baseUrl: p } = v(), { initiateCall: m } = P(), { conversations: h, loading: g, createDirect: _ } = ve(), { records: y } = Te(), [b, x] = s(e ?? null), [S, C] = s("chats"), [w, T] = s(!1), [E, D] = s([]), [O, k] = s(!1);
+	r(() => {
+		e && x(e);
+	}, [e]);
+	let [A, j] = s(null), [M, N] = s(!1), [I, L] = s([]), [R, z] = s(null), [B, V] = s(null), [H, U] = s(null), [W, G] = s(!1), [K, q] = s(""), [J, Y] = s([]), [X, Z] = s(0), [ee, Q] = s(null), [te, ne] = s("offline");
 	r(() => {
 		b && ne(h.find((e) => e.id === b)?.presenceStatus ?? "offline");
 	}, [b, h]), F("presence:changed", ({ app_user_id: e, status: t }) => {
 		b && h.find((e) => e.id === b)?.otherUserId === e && ne(t);
 	});
-	let { messages: re, typingUsers: $, pinnedMessages: ie, sendMessage: ae, sendTyping: oe, markRead: se, editMessageLocally: ce } = pe(b ?? ""), ue = a(() => re.flatMap((e) => e.attachment?.type === "image" ? [e.attachment] : []), [re]), de = o(/* @__PURE__ */ new Set());
+	let { messages: re, typingUsers: $, pinnedMessages: ie, sendMessage: ae, sendTyping: oe, markRead: se, editMessageLocally: ce } = Se(b ?? ""), le = a(() => re.flatMap((e) => e.attachment?.type === "image" ? [e.attachment] : []), [re]), ue = o(/* @__PURE__ */ new Set());
 	r(() => {
-		de.current = /* @__PURE__ */ new Set(), Q(null);
+		ue.current = /* @__PURE__ */ new Set(), Q(null);
 	}, [b]), r(() => {
 		b && re.forEach((e) => {
-			!e.sender && e.id && !de.current.has(e.id) && (de.current.add(e.id), se(e.id));
+			!e.sender && e.id && !ue.current.has(e.id) && (ue.current.add(e.id), se(e.id));
 		});
 	}, [
 		re,
 		b,
 		se
 	]);
-	function fe(e, t) {
+	function de(e, t) {
 		e.type === "image" ? Q({
 			type: "image",
 			attachment: e,
-			imageSet: t ?? ue
+			imageSet: t ?? le
 		}) : e.type === "video" ? Q({
 			type: "video",
 			attachment: e
@@ -9723,10 +9828,10 @@ function Sr({ conversationId: e, onCallRequest: t, renderHeader: n, chatBanner:
 			attachment: e
 		});
 	}
-	function me() {
+	function fe() {
 		Q(null);
 	}
-	function he(e) {
+	function pe(e) {
 		j({
 			messageId: e.id,
 			senderName: e.sender ? "You" : e.senderName ?? "Unknown",
@@ -9735,24 +9840,24 @@ function Sr({ conversationId: e, onCallRequest: t, renderHeader: n, chatBanner:
 			attachmentType: e.attachment?.type
 		});
 	}
-	async function _e(e) {
+	async function me(e) {
 		if (b) try {
 			await f.delete(`/messages/${e}`);
 		} catch (e) {
 			console.error("[Chat] delete failed", e);
 		}
 	}
-	async function ve(e) {
+	async function he(e) {
 		if (b && confirm("Recall this message for everyone?")) try {
 			await f.patch(`/messages/${e}/recall`, {});
 		} catch (e) {
 			console.error("[Chat] recall failed", e);
 		}
 	}
-	async function ye(e) {
+	async function ge(e) {
 		z(e);
 	}
-	async function be(e) {
+	async function _e(e) {
 		try {
 			B ? await f.post("/messages/batch", {
 				action: "forward",
@@ -9765,21 +9870,21 @@ function Sr({ conversationId: e, onCallRequest: t, renderHeader: n, chatBanner:
 			z(null), V(null);
 		}
 	}
-	async function xe(e, t) {
+	async function ye(e, t) {
 		try {
 			await f.post(`/messages/${e}/reactions`, { reaction_type: t });
 		} catch (e) {
 			console.error("[Chat] react failed", e);
 		}
 	}
-	async function Se(e, t) {
+	async function be(e, t) {
 		try {
 			t ? await f.delete(`/messages/${e}/pin`) : await f.post(`/messages/${e}/pin`, {});
 		} catch (e) {
 			console.error("[Chat] pin failed", e);
 		}
 	}
-	async function Ce(e) {
+	async function xe(e) {
 		let t = re.find((t) => t.id === e);
 		if (!t) return;
 		let n = window.prompt("Edit message:", t.content ?? "");
@@ -9789,7 +9894,7 @@ function Sr({ conversationId: e, onCallRequest: t, renderHeader: n, chatBanner:
 			console.error("[Chat] edit failed", e);
 		}
 	}
-	async function Te() {
+	async function Ce() {
 		if (I.length) try {
 			await f.post("/messages/batch", {
 				action: "delete",
@@ -9801,7 +9906,7 @@ function Sr({ conversationId: e, onCallRequest: t, renderHeader: n, chatBanner:
 			N(!1), L([]);
 		}
 	}
-	async function Ee() {
+	async function we() {
 		if (I.length && confirm(`Recall ${I.length} message(s) for everyone?`)) try {
 			await f.post("/messages/batch", {
 				action: "recall",
@@ -9813,10 +9918,10 @@ function Sr({ conversationId: e, onCallRequest: t, renderHeader: n, chatBanner:
 			N(!1), L([]);
 		}
 	}
-	function De() {
+	function Ee() {
 		V([...I]), N(!1), L([]);
 	}
-	function Oe(e) {
+	function De(e) {
 		if (q(e), Z(0), !e.trim()) {
 			Y([]);
 			return;
@@ -9824,16 +9929,16 @@ function Sr({ conversationId: e, onCallRequest: t, renderHeader: n, chatBanner:
 		let t = e.toLowerCase();
 		Y(re.filter((e) => e.content?.toLowerCase().includes(t)).map((e) => e.id));
 	}
-	function ke() {
+	function Oe() {
 		G((e) => (e && (q(""), Y([]), Z(0)), !e));
 	}
-	function Ae() {
+	function ke() {
 		J.length && Z((e) => (e + 1) % J.length);
 	}
-	function je() {
+	function Ae() {
 		J.length && Z((e) => (e - 1 + J.length) % J.length);
 	}
-	async function Me() {
+	async function je() {
 		T(!0), k(!0);
 		try {
 			D(await f.get("/app-users"));
@@ -9843,34 +9948,36 @@ function Sr({ conversationId: e, onCallRequest: t, renderHeader: n, chatBanner:
 			k(!1);
 		}
 	}
-	async function Ne(e) {
+	async function Me(e) {
 		T(!1), x(await _(e));
 	}
 	if (b) {
-		let e = h.find((e) => e.id === b), r = e?.otherUserId ?? e?.id ?? "", a = h.map((e) => ({
+		let r = h.find((e) => e.id === b), a = r?.otherUserId ?? r?.id ?? "", o = h.map((e) => ({
 			id: e.id,
 			name: e.name,
 			avatarSrc: e.avatarSrc
 		}));
 		return /* @__PURE__ */ u(c, { children: [
-			/* @__PURE__ */ l(An, {
-				conversationName: e?.name ?? "…",
-				avatarSrc: e?.avatarSrc,
-				isOnline: e?.online,
-				isGroup: e?.isGroup,
-				otherUserId: r,
+			/* @__PURE__ */ l(zn, {
+				conversationName: r?.name ?? "…",
+				avatarSrc: r?.avatarSrc,
+				isOnline: r?.online,
+				isGroup: r?.isGroup,
+				otherUserId: a,
 				presenceStatus: te,
 				renderHeader: n,
 				chatBanner: i,
 				defaultQuickMessages: d,
 				messages: re,
 				typingUsers: $,
-				onBack: () => x(null),
+				onBack: () => {
+					e || x(null);
+				},
 				onCall: t || m ? () => {
-					r ? m(r, "voice", b ?? void 0) : t?.(r, "voice");
+					a ? m(a, "voice", b ?? void 0) : t?.(a, "voice");
 				} : void 0,
 				onVideoCall: t || m ? () => {
-					r ? m(r, "video", b ?? void 0) : t?.(r, "video");
+					a ? m(a, "video", b ?? void 0) : t?.(a, "video");
 				} : void 0,
 				onSend: (e, t) => {
 					A ? (f.post(`/conversations/${b}/messages/reply`, {
@@ -9904,56 +10011,56 @@ function Sr({ conversationId: e, onCallRequest: t, renderHeader: n, chatBanner:
 				},
 				replyingTo: A,
 				onDismissReply: () => j(null),
-				onReplyMessage: he,
+				onReplyMessage: pe,
 				batchMode: M,
 				batchSelectedIds: I,
 				batchSelectedCount: I.length,
 				onToggleBatchSelect: (e) => {
 					M || N(!0), L((t) => t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
 				},
-				onBatchDelete: Te,
-				onBatchRecall: Ee,
-				onBatchForward: De,
+				onBatchDelete: Ce,
+				onBatchRecall: we,
+				onBatchForward: Ee,
 				onBatchCancel: () => {
 					N(!1), L([]);
 				},
 				searchActive: W,
 				searchQuery: K,
-				onSearchToggle: ke,
-				onSearchChange: Oe,
+				onSearchToggle: Oe,
+				onSearchChange: De,
 				searchResultIds: J,
 				searchCurrentIndex: X,
-				onSearchNext: Ae,
-				onSearchPrev: je,
-				onDeleteMessage: _e,
-				onRecallMessage: ve,
-				onForwardMessage: ye,
+				onSearchNext: ke,
+				onSearchPrev: Ae,
+				onDeleteMessage: me,
+				onRecallMessage: he,
+				onForwardMessage: ge,
 				onInfoMessage: (e) => U(e),
-				onEditMessage: Ce,
-				onReactMessage: xe,
-				onPinMessage: Se,
+				onEditMessage: xe,
+				onReactMessage: ye,
+				onPinMessage: be,
 				pinnedMessages: ie,
-				onMediaOpen: fe,
-				imageSet: ue
+				onMediaOpen: de,
+				imageSet: le
 			}),
-			/* @__PURE__ */ l(yr, {
+			/* @__PURE__ */ l(Or, {
 				active: ee,
-				onClose: me
+				onClose: fe
 			}),
-			(R || B) && /* @__PURE__ */ l(Pn, {
-				conversations: a,
-				onConfirm: be,
+			(R || B) && /* @__PURE__ */ l(Un, {
+				conversations: o,
+				onConfirm: _e,
 				onClose: () => {
 					z(null), V(null);
 				}
 			}),
-			H && /* @__PURE__ */ l(Rn, {
+			H && /* @__PURE__ */ l(qn, {
 				messageId: H,
 				apiBaseUrl: p,
 				authToken: f.userToken,
 				onClose: () => U(null)
 			}),
-			/* @__PURE__ */ l(xr, {})
+			/* @__PURE__ */ l(Ar, {})
 		] });
 	}
 	return w ? /* @__PURE__ */ u("div", {
@@ -9989,7 +10096,7 @@ function Sr({ conversationId: e, onCallRequest: t, renderHeader: n, chatBanner:
 					className: "flex items-center justify-center h-24 text-sm text-muted-foreground",
 					children: "No users found"
 				}) : E.map((e) => /* @__PURE__ */ u("button", {
-					onClick: () => Ne(e.id),
+					onClick: () => Me(e.id),
 					className: "w-full h-16 flex items-center gap-3 px-4 border-none bg-transparent cursor-pointer text-left border-b",
 					style: { borderBottomColor: "rgba(48,54,61,0.6)" },
 					children: [/* @__PURE__ */ l("div", {
@@ -10001,27 +10108,27 @@ function Sr({ conversationId: e, onCallRequest: t, renderHeader: n, chatBanner:
 					})]
 				}, e.id))
 			}),
-			/* @__PURE__ */ l(xr, {})
+			/* @__PURE__ */ l(Ar, {})
 		]
-	}) : S === "calls" ? /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l(Mn, {
+	}) : S === "calls" ? /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l(Vn, {
 		records: y,
 		onCall: (e, n) => t?.(e, n),
 		activeTab: S,
 		onTabChange: C
-	}), /* @__PURE__ */ l(xr, {})] }) : g ? /* @__PURE__ */ l("div", {
+	}), /* @__PURE__ */ l(Ar, {})] }) : g ? /* @__PURE__ */ l("div", {
 		className: "flex-1 flex items-center justify-center bg-background text-muted-foreground text-sm",
 		children: "Loading…"
-	}) : /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l(we, {
+	}) : /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l(Ne, {
 		conversations: h,
 		onSelect: x,
-		onNewChat: Me,
+		onNewChat: je,
 		activeTab: S,
 		onTabChange: C
-	}), /* @__PURE__ */ l(xr, {})] });
+	}), /* @__PURE__ */ l(Ar, {})] });
 }
 //#endregion
 //#region src/components/call/CallControls.tsx
-function Cr(e) {
+function Mr(e) {
 	let t = (0, g.c)(28), { icon: n, label: r, active: i, danger: a, badge: o, onClick: s, size: c } = e, d = c === void 0 ? "sm" : c, f = d === "lg" ? 64 : 52, p = d === "lg" ? 26 : 22, m = a ? "linear-gradient(135deg, #ef4444, #dc2626)" : i ? "rgba(233,30,99,0.12)" : "rgba(255,255,255,0.1)", h = i ? "1px solid rgba(233,30,99,0.3)" : a ? "none" : "1px solid transparent", _ = a ? "0 4px 20px rgba(239,68,68,0.5)" : "none", v;
 	t[0] === f ? v = t[1] : (v = { minWidth: f }, t[0] = f, t[1] = v);
 	let y;
@@ -10071,57 +10178,57 @@ function Cr(e) {
 		children: [w, T]
 	}), t[23] = s, t[24] = v, t[25] = w, t[26] = T, t[27] = E) : E = t[27], E;
 }
-var wr = "M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3zM19 10v2a7 7 0 0 1-14 0v-2M12 19v4M8 23h8", Tr = "M1 1l22 22M9 9v3a3 3 0 0 0 5.12 2.12M15 9.34V4a3 3 0 0 0-5.94-.6M17 16.95A7 7 0 0 1 5 12v-2m14 0v2a7 7 0 0 1-.11 1.23M12 19v4M8 23h8", Er = "M15 10l4.553-2.069A1 1 0 0 1 21 8.82v6.36a1 1 0 0 1-1.447.89L15 14M3 8a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z", Dr = "M11 5L6 9H2v6h4l5 4V5zM19.07 4.93a10 10 0 0 1 0 14.14M15.54 8.46a5 5 0 0 1 0 7.07", Or = "M2 3h20v14H2zM8 21h8M12 17v4", kr = "M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2M9 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM23 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75", Ar = "M5 12h.01M12 12h.01M19 12h.01", jr = "M10.68 13.31a16 16 0 0 0 3.41 2.6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.42 19.42 0 0 1-3.33-2.67m-2.67-3.34a19.79 19.79 0 0 1-3.07-8.63A2 2 0 0 1 3.88 2h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L7.91 9.91M23 1 1 23", Mr = "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z";
-function Nr(e) {
+var Nr = "M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3zM19 10v2a7 7 0 0 1-14 0v-2M12 19v4M8 23h8", Pr = "M1 1l22 22M9 9v3a3 3 0 0 0 5.12 2.12M15 9.34V4a3 3 0 0 0-5.94-.6M17 16.95A7 7 0 0 1 5 12v-2m14 0v2a7 7 0 0 1-.11 1.23M12 19v4M8 23h8", Fr = "M15 10l4.553-2.069A1 1 0 0 1 21 8.82v6.36a1 1 0 0 1-1.447.89L15 14M3 8a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z", Ir = "M11 5L6 9H2v6h4l5 4V5zM19.07 4.93a10 10 0 0 1 0 14.14M15.54 8.46a5 5 0 0 1 0 7.07", Lr = "M2 3h20v14H2zM8 21h8M12 17v4", Rr = "M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2M9 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM23 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75", zr = "M5 12h.01M12 12h.01M19 12h.01", Br = "M10.68 13.31a16 16 0 0 0 3.41 2.6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.42 19.42 0 0 1-3.33-2.67m-2.67-3.34a19.79 19.79 0 0 1-3.07-8.63A2 2 0 0 1 3.88 2h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L7.91 9.91M23 1 1 23", Vr = "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z";
+function Hr(e) {
 	let t = (0, g.c)(36), { muted: n, cameraOff: r, speakerOn: i, participantCount: a, onMute: o, onCamera: s, onSpeaker: c, onScreen: d, onParticipants: f, onMore: p, onChat: m, onEnd: h, showCamera: _, showScreen: v } = e, y = _ === void 0 ? !0 : _, b = v === void 0 ? !0 : v, x;
 	t[0] === Symbol.for("react.memo_cache_sentinel") ? (x = {
 		backgroundColor: "rgba(13,17,23,0.85)",
 		backdropFilter: "blur(20px)",
 		borderColor: "rgba(255,255,255,0.08)"
 	}, t[0] = x) : x = t[0];
-	let S = n ? Tr : wr, C = n ? "Unmute" : "Mute", w;
-	t[1] !== n || t[2] !== o || t[3] !== S || t[4] !== C ? (w = /* @__PURE__ */ l(Cr, {
+	let S = n ? Pr : Nr, C = n ? "Unmute" : "Mute", w;
+	t[1] !== n || t[2] !== o || t[3] !== S || t[4] !== C ? (w = /* @__PURE__ */ l(Mr, {
 		icon: S,
 		label: C,
 		danger: n,
 		onClick: o
 	}), t[1] = n, t[2] = o, t[3] = S, t[4] = C, t[5] = w) : w = t[5];
 	let T;
-	t[6] !== r || t[7] !== s || t[8] !== y ? (T = y && /* @__PURE__ */ l(Cr, {
-		icon: Er,
+	t[6] !== r || t[7] !== s || t[8] !== y ? (T = y && /* @__PURE__ */ l(Mr, {
+		icon: Fr,
 		label: "Camera",
 		active: !r,
 		onClick: s
 	}), t[6] = r, t[7] = s, t[8] = y, t[9] = T) : T = t[9];
 	let E;
-	t[10] !== c || t[11] !== i ? (E = c && /* @__PURE__ */ l(Cr, {
-		icon: Dr,
+	t[10] !== c || t[11] !== i ? (E = c && /* @__PURE__ */ l(Mr, {
+		icon: Ir,
 		label: "Speaker",
 		active: i,
 		onClick: c
 	}), t[10] = c, t[11] = i, t[12] = E) : E = t[12];
 	let D;
-	t[13] !== d || t[14] !== b ? (D = b && d && /* @__PURE__ */ l(Cr, {
-		icon: Or,
+	t[13] !== d || t[14] !== b ? (D = b && d && /* @__PURE__ */ l(Mr, {
+		icon: Lr,
 		label: "Screen",
 		onClick: d
 	}), t[13] = d, t[14] = b, t[15] = D) : D = t[15];
 	let O;
-	t[16] !== f || t[17] !== a ? (O = f && /* @__PURE__ */ l(Cr, {
-		icon: kr,
+	t[16] !== f || t[17] !== a ? (O = f && /* @__PURE__ */ l(Mr, {
+		icon: Rr,
 		label: "People",
 		badge: a,
 		onClick: f
 	}), t[16] = f, t[17] = a, t[18] = O) : O = t[18];
 	let k;
-	t[19] === m ? k = t[20] : (k = m && /* @__PURE__ */ l(Cr, {
-		icon: Mr,
+	t[19] === m ? k = t[20] : (k = m && /* @__PURE__ */ l(Mr, {
+		icon: Vr,
 		label: "Chat",
 		onClick: m
 	}), t[19] = m, t[20] = k);
 	let A;
-	t[21] === p ? A = t[22] : (A = p && /* @__PURE__ */ l(Cr, {
-		icon: Ar,
+	t[21] === p ? A = t[22] : (A = p && /* @__PURE__ */ l(Mr, {
+		icon: zr,
 		label: "More",
 		onClick: p
 	}), t[21] = p, t[22] = A);
@@ -10141,8 +10248,8 @@ function Nr(e) {
 	let M;
 	t[31] === h ? M = t[32] : (M = /* @__PURE__ */ l("div", {
 		className: "flex justify-center mt-4 mb-10",
-		children: /* @__PURE__ */ l(Cr, {
-			icon: jr,
+		children: /* @__PURE__ */ l(Mr, {
+			icon: Br,
 			label: "End",
 			danger: !0,
 			onClick: h,
@@ -10158,15 +10265,15 @@ function Nr(e) {
 }
 //#endregion
 //#region src/components/call/InCallChatPanel.tsx
-function Pr(e) {
-	let t = (0, g.c)(19), { conversationId: n } = e, { messages: i, typingUsers: a, sendMessage: s, sendTyping: c } = pe(n), d = o(null), f;
+function Ur(e) {
+	let t = (0, g.c)(19), { conversationId: n } = e, { messages: i, typingUsers: a, sendMessage: s, sendTyping: c } = Se(n), d = o(null), f;
 	t[0] === Symbol.for("react.memo_cache_sentinel") ? (f = () => {
 		d.current?.scrollIntoView({ behavior: "smooth" });
 	}, t[0] = f) : f = t[0];
 	let p;
 	t[1] === i.length ? p = t[2] : (p = [i.length], t[1] = i.length, t[2] = p), r(f, p);
 	let m;
-	t[3] === i ? m = t[4] : (m = i.map((e, t) => /* @__PURE__ */ l(ft, {
+	t[3] === i ? m = t[4] : (m = i.map((e, t) => /* @__PURE__ */ l(xt, {
 		...e,
 		isGrouped: t < i.length - 1 && i[t + 1]?.sender === e.sender
 	}, e.id)), t[3] = i, t[4] = m);
@@ -10179,7 +10286,7 @@ function Pr(e) {
 				0,
 				1,
 				2
-			].map(Fr)
+			].map(Wr)
 		})
 	}), t[5] = a.length, t[6] = h);
 	let _;
@@ -10199,7 +10306,7 @@ function Pr(e) {
 	let y;
 	t[11] === s ? y = t[12] : (y = (e) => s(e), t[11] = s, t[12] = y);
 	let b;
-	t[13] !== c || t[14] !== y ? (b = /* @__PURE__ */ l(en, {
+	t[13] !== c || t[14] !== y ? (b = /* @__PURE__ */ l(un, {
 		onSend: y,
 		onTyping: c
 	}), t[13] = c, t[14] = y, t[15] = b) : b = t[15];
@@ -10209,7 +10316,7 @@ function Pr(e) {
 		children: [v, b]
 	}), t[16] = v, t[17] = b, t[18] = x) : x = t[18], x;
 }
-function Fr(e) {
+function Wr(e) {
 	return /* @__PURE__ */ l("span", {
 		className: "w-1.5 h-1.5 rounded-full block",
 		style: {
@@ -10219,7 +10326,7 @@ function Fr(e) {
 		}
 	}, e);
 }
-function Ir(e) {
+function Gr(e) {
 	let t = (0, g.c)(22), { open: n, conversationId: r, onClose: i } = e, a;
 	t[0] !== i || t[1] !== n ? (a = n && /* @__PURE__ */ l("div", {
 		className: "fixed inset-0 z-[55] md:hidden",
@@ -10302,7 +10409,7 @@ function Ir(e) {
 	let y;
 	t[13] === r ? y = t[14] : (y = /* @__PURE__ */ l("div", {
 		className: "flex-1 min-h-0",
-		children: r ? /* @__PURE__ */ l(Pr, { conversationId: r }) : /* @__PURE__ */ l("div", {
+		children: r ? /* @__PURE__ */ l(Ur, { conversationId: r }) : /* @__PURE__ */ l("div", {
 			className: "flex items-center justify-center h-full",
 			children: /* @__PURE__ */ l("p", {
 				className: "text-sm",
@@ -10322,10 +10429,10 @@ function Ir(e) {
 }
 //#endregion
 //#region src/components/call/CallScreen.tsx
-function Lr() {
+function Kr() {
 	let e = (0, g.c)(6), [t, n] = s(0), i, a;
 	e[0] === Symbol.for("react.memo_cache_sentinel") ? (i = () => {
-		let e = setInterval(() => n(Rr), 1e3);
+		let e = setInterval(() => n(qr), 1e3);
 		return () => clearInterval(e);
 	}, a = [], e[0] = i, e[1] = a) : (i = e[0], a = e[1]), r(i, a);
 	let o = String(Math.floor(t / 60)), c;
@@ -10333,10 +10440,10 @@ function Lr() {
 	let l = c, u = String(t % 60), d;
 	return e[4] === u ? d = e[5] : (d = u.padStart(2, "0"), e[4] = u, e[5] = d), `${l}:${d}`;
 }
-function Rr(e) {
+function qr(e) {
 	return e + 1;
 }
-var zr = [
+var Jr = [
 	12,
 	18,
 	10,
@@ -10348,8 +10455,8 @@ var zr = [
 	14,
 	22
 ];
-function Br({ callerName: e, callerAvatar: t, remoteStream: n, conversationId: i, onEnd: a, onMute: d }) {
-	let [f, p] = s(!1), [m, h] = s(!0), [g, _] = s(!1), v = Lr(), y = o(null);
+function Yr({ callerName: e, callerAvatar: t, remoteStream: n, conversationId: i, onEnd: a, onMute: d }) {
+	let [f, p] = s(!1), [m, h] = s(!0), [g, _] = s(!1), v = Kr(), y = o(null);
 	return r(() => {
 		let e = y.current;
 		!e || !n || e.srcObject !== n && (e.srcObject = n, e.play().catch(() => {}));
@@ -10376,7 +10483,7 @@ function Br({ callerName: e, callerAvatar: t, remoteStream: n, conversationId: i
 								className: "absolute inset-0 rounded-full",
 								style: { boxShadow: "0 0 0 8px rgba(233,30,99,0.15), 0 0 0 16px rgba(233,30,99,0.08)" }
 							}),
-							/* @__PURE__ */ l(ve, {
+							/* @__PURE__ */ l(De, {
 								src: t,
 								name: e,
 								size: 120
@@ -10468,7 +10575,7 @@ function Br({ callerName: e, callerAvatar: t, remoteStream: n, conversationId: i
 					}),
 					/* @__PURE__ */ l("div", {
 						className: "flex items-center justify-center gap-0.5 mt-8 w-48 h-12",
-						children: zr.map((e, t) => /* @__PURE__ */ l("div", {
+						children: Jr.map((e, t) => /* @__PURE__ */ l("div", {
 							className: "w-0.5 rounded-sm",
 							style: {
 								height: f ? 3 : e,
@@ -10479,7 +10586,7 @@ function Br({ callerName: e, callerAvatar: t, remoteStream: n, conversationId: i
 					})
 				]
 			}),
-			/* @__PURE__ */ l(Nr, {
+			/* @__PURE__ */ l(Hr, {
 				muted: f,
 				cameraOff: !1,
 				speakerOn: m,
@@ -10501,7 +10608,7 @@ function Br({ callerName: e, callerAvatar: t, remoteStream: n, conversationId: i
 				showCamera: !1,
 				showScreen: !1
 			}),
-			/* @__PURE__ */ l(Ir, {
+			/* @__PURE__ */ l(Gr, {
 				open: g,
 				conversationId: i,
 				onClose: () => _(!1)
@@ -10511,10 +10618,10 @@ function Br({ callerName: e, callerAvatar: t, remoteStream: n, conversationId: i
 }
 //#endregion
 //#region src/components/call/VideoCallScreen.tsx
-function Vr() {
+function Xr() {
 	let e = (0, g.c)(6), [t, n] = s(0), i, a;
 	e[0] === Symbol.for("react.memo_cache_sentinel") ? (i = () => {
-		let e = setInterval(() => n(Hr), 1e3);
+		let e = setInterval(() => n(Zr), 1e3);
 		return () => clearInterval(e);
 	}, a = [], e[0] = i, e[1] = a) : (i = e[0], a = e[1]), r(i, a);
 	let o = String(Math.floor(t / 60)), c;
@@ -10522,14 +10629,14 @@ function Vr() {
 	let l = String(t % 60), u;
 	return e[4] === l ? u = e[5] : (u = l.padStart(2, "00"), e[4] = l, e[5] = u), `${c}:${u}`;
 }
-function Hr(e) {
+function Zr(e) {
 	return e + 1;
 }
-function Ur(e) {
+function Qr(e) {
 	let t = (0, g.c)(14), { participant: n, isLocal: i } = e, a = o(null), s, c;
 	t[0] === n.videoStream ? (s = t[1], c = t[2]) : (s = () => {
 		let e = a.current;
-		!e || !n.videoStream || (e.srcObject = n.videoStream, e.play().catch(Wr));
+		!e || !n.videoStream || (e.srcObject = n.videoStream, e.play().catch($r));
 	}, c = [n.videoStream], t[0] = n.videoStream, t[1] = s, t[2] = c), r(s, c);
 	let d;
 	t[3] !== i || t[4] !== n.avatarSrc || t[5] !== n.name || t[6] !== n.videoStream ? (d = n.videoStream ? /* @__PURE__ */ l("video", {
@@ -10566,9 +10673,9 @@ function Ur(e) {
 		children: [d, m]
 	}), t[11] = d, t[12] = m, t[13] = h) : h = t[13], h;
 }
-function Wr() {}
-var Gr = 110, Kr = 160;
-function qr(e) {
+function $r() {}
+var ei = 110, ti = 160;
+function ni(e) {
 	let t = (0, g.c)(31), { participant: n, isLocal: i, position: a, onPositionChange: s, onClick: c } = e, d = o(null), f = o(!1), p;
 	t[0] === Symbol.for("react.memo_cache_sentinel") ? (p = {
 		x: 0,
@@ -10577,9 +10684,9 @@ function qr(e) {
 	let m = o(p), h = o(!1), _, v;
 	t[1] === n.videoStream ? (_ = t[2], v = t[3]) : (_ = () => {
 		let e = d.current;
-		!e || !n.videoStream || (e.srcObject = n.videoStream, e.play().catch(Yr));
+		!e || !n.videoStream || (e.srcObject = n.videoStream, e.play().catch(ii));
 	}, v = [n.videoStream], t[1] = n.videoStream, t[2] = _, t[3] = v), r(_, v);
-	let y = Jr, b;
+	let y = ri, b;
 	t[4] !== a.x || t[5] !== a.y ? (b = (e) => {
 		f.current = !0, h.current = !1, m.current = {
 			x: e.clientX - a.x,
@@ -10602,8 +10709,8 @@ function qr(e) {
 		position: "fixed",
 		left: a.x,
 		top: a.y,
-		width: Gr,
-		height: Kr,
+		width: ei,
+		height: ti,
 		borderRadius: 14,
 		overflow: "hidden",
 		boxShadow: "0 4px 24px rgba(0,0,0,0.6)",
@@ -10710,18 +10817,18 @@ function qr(e) {
 		]
 	}), t[24] = x, t[25] = C, t[26] = T, t[27] = A, t[28] = E, t[29] = D, t[30] = N) : N = t[30], N;
 }
-function Jr(e) {
+function ri(e) {
 	return {
-		x: Math.max(8, Math.min(window.innerWidth - Gr - 8, e.x)),
-		y: Math.max(8, Math.min(window.innerHeight - Kr - 8, e.y))
+		x: Math.max(8, Math.min(window.innerWidth - ei - 8, e.x)),
+		y: Math.max(8, Math.min(window.innerHeight - ti - 8, e.y))
 	};
 }
-function Yr() {}
-function Xr(e) {
-	let t = (0, g.c)(63), { title: n, participants: i, localParticipant: a, remoteStream: c, conversationId: d, onEnd: f, onMute: p, onCamera: m, onParticipants: h, onMore: _, onMinimize: v } = e, [y, b] = s(!1), [x, S] = s(!1), [C, w] = s(!1), T = Vr(), E = o(null), [D, O] = s(!0), [k, A] = s(ei), j, M;
+function ii() {}
+function ai(e) {
+	let t = (0, g.c)(63), { title: n, participants: i, localParticipant: a, remoteStream: c, conversationId: d, onEnd: f, onMute: p, onCamera: m, onParticipants: h, onMore: _, onMinimize: v } = e, [y, b] = s(!1), [x, S] = s(!1), [C, w] = s(!1), T = Xr(), E = o(null), [D, O] = s(!0), [k, A] = s(li), j, M;
 	t[0] === c ? (j = t[1], M = t[2]) : (j = () => {
 		let e = E.current;
-		!e || !c || e.srcObject !== c && (e.srcObject = c, e.play().catch($r));
+		!e || !c || e.srcObject !== c && (e.srcObject = c, e.play().catch(ci));
 	}, M = [c], t[0] = c, t[1] = j, t[2] = M), r(j, M);
 	let N;
 	t[3] !== i[0] || t[4] !== c || t[5] !== n ? (N = i[0] ?? {
@@ -10735,7 +10842,7 @@ function Xr(e) {
 		videoStream: F
 	}, t[7] = P, t[8] = F, t[9] = I) : I = t[9];
 	let L = I, R = D ? L : a, z = D ? a : L, B = !D, V = D, H;
-	t[10] === Symbol.for("react.memo_cache_sentinel") ? (H = () => O(Qr), t[10] = H) : H = t[10];
+	t[10] === Symbol.for("react.memo_cache_sentinel") ? (H = () => O(si), t[10] = H) : H = t[10];
 	let U = H, W;
 	t[11] === Symbol.for("react.memo_cache_sentinel") ? (W = { background: "#000" }, t[11] = W) : W = t[11];
 	let G;
@@ -10746,7 +10853,7 @@ function Xr(e) {
 		style: { display: "none" }
 	}), t[12] = G) : G = t[12];
 	let K;
-	t[13] !== B || t[14] !== R ? (K = /* @__PURE__ */ l(Ur, {
+	t[13] !== B || t[14] !== R ? (K = /* @__PURE__ */ l(Qr, {
 		participant: R,
 		isLocal: B
 	}), t[13] = B, t[14] = R, t[15] = K) : K = t[15];
@@ -10812,7 +10919,7 @@ function Xr(e) {
 		children: [ee, Q]
 	}), t[28] = ee, t[29] = Q, t[30] = te) : te = t[30];
 	let ne;
-	t[31] !== V || t[32] !== z || t[33] !== k ? (ne = /* @__PURE__ */ l(qr, {
+	t[31] !== V || t[32] !== z || t[33] !== k ? (ne = /* @__PURE__ */ l(ni, {
 		participant: z,
 		isLocal: V,
 		position: k,
@@ -10830,11 +10937,11 @@ function Xr(e) {
 		S(e), m?.(e);
 	}, t[38] = x, t[39] = m, t[40] = ie) : ie = t[40];
 	let ae;
-	t[41] === d ? ae = t[42] : (ae = d ? () => w(Zr) : void 0, t[41] = d, t[42] = ae);
+	t[41] === d ? ae = t[42] : (ae = d ? () => w(oi) : void 0, t[41] = d, t[42] = ae);
 	let oe;
 	t[43] !== x || t[44] !== y || t[45] !== f || t[46] !== _ || t[47] !== h || t[48] !== re || t[49] !== $ || t[50] !== ie || t[51] !== ae ? (oe = /* @__PURE__ */ l("div", {
 		className: "absolute bottom-0 left-0 right-0 z-20",
-		children: /* @__PURE__ */ l(Nr, {
+		children: /* @__PURE__ */ l(Hr, {
 			muted: y,
 			cameraOff: x,
 			speakerOn: !1,
@@ -10851,7 +10958,7 @@ function Xr(e) {
 	let se;
 	t[53] === Symbol.for("react.memo_cache_sentinel") ? (se = () => w(!1), t[53] = se) : se = t[53];
 	let ce;
-	t[54] !== C || t[55] !== d ? (ce = /* @__PURE__ */ l(Ir, {
+	t[54] !== C || t[55] !== d ? (ce = /* @__PURE__ */ l(Gr, {
 		open: C,
 		conversationId: d,
 		onClose: se
@@ -10870,22 +10977,22 @@ function Xr(e) {
 		]
 	}), t[57] = te, t[58] = ne, t[59] = oe, t[60] = ce, t[61] = K, t[62] = le) : le = t[62], le;
 }
-function Zr(e) {
+function oi(e) {
 	return !e;
 }
-function Qr(e) {
+function si(e) {
 	return !e;
 }
-function $r() {}
-function ei() {
+function ci() {}
+function li() {
 	return {
-		x: typeof window < "u" ? window.innerWidth - Gr - 16 : 200,
+		x: typeof window < "u" ? window.innerWidth - ei - 16 : 200,
 		y: 80
 	};
 }
 //#endregion
 //#region src/components/call/IncomingCallModal.tsx
-function ti(e) {
+function ui(e) {
 	let t = (0, g.c)(33), { callerName: n, callerAvatar: r, callType: i, onAccept: a, onReject: o } = e, s;
 	t[0] === Symbol.for("react.memo_cache_sentinel") ? (s = {
 		background: "rgba(0,0,0,0.6)",
@@ -10894,7 +11001,7 @@ function ti(e) {
 	let d, f;
 	t[1] === Symbol.for("react.memo_cache_sentinel") ? (d = { backgroundColor: "var(--oc-card)" }, f = /* @__PURE__ */ l("div", { className: "w-10 h-1 rounded-full bg-border" }), t[1] = d, t[2] = f) : (d = t[1], f = t[2]);
 	let p;
-	t[3] !== r || t[4] !== n ? (p = /* @__PURE__ */ l(ve, {
+	t[3] !== r || t[4] !== n ? (p = /* @__PURE__ */ l(De, {
 		src: r,
 		name: n,
 		size: 80,
@@ -11018,14 +11125,14 @@ function ti(e) {
 }
 //#endregion
 //#region src/components/call/OutgoingCallScreen.tsx
-var ni = {
+var di = {
 	ringing: "Ringing…",
 	active: "Connected"
 };
-function ri(e) {
+function fi(e) {
 	let t = (0, g.c)(38), { calleeName: n, calleeAvatar: i, callType: a, state: o, onCancel: c } = e, [d, f] = s(0), p, m;
 	t[0] === Symbol.for("react.memo_cache_sentinel") ? (p = () => {
-		let e = setInterval(() => f(ii), 1200);
+		let e = setInterval(() => f(pi), 1200);
 		return () => clearInterval(e);
 	}, m = [], t[0] = p, t[1] = m) : (p = t[0], m = t[1]), r(p, m);
 	let h;
@@ -11043,7 +11150,7 @@ function ri(e) {
 		color: "var(--oc-primary)",
 		opacity: y
 	}, t[5] = y, t[6] = b);
-	let x = ni[o] ?? "Calling…", S;
+	let x = di[o] ?? "Calling…", S;
 	t[7] !== b || t[8] !== x ? (S = /* @__PURE__ */ l("span", {
 		className: "text-base font-semibold",
 		style: b,
@@ -11071,7 +11178,7 @@ function ri(e) {
 		}
 	}, e)), t[13] = d, t[14] = o, t[15] = w) : w = t[15];
 	let T;
-	t[16] !== i || t[17] !== n ? (T = /* @__PURE__ */ l(ve, {
+	t[16] !== i || t[17] !== n ? (T = /* @__PURE__ */ l(De, {
 		src: i,
 		name: n,
 		size: 120
@@ -11135,12 +11242,12 @@ function ri(e) {
 		]
 	}), t[33] = C, t[34] = E, t[35] = A, t[36] = N, t[37] = P) : P = t[37], P;
 }
-function ii(e) {
+function pi(e) {
 	return e + 1;
 }
 //#endregion
 //#region src/widgets/VideoCall.tsx
-function ai() {
+function mi() {
 	let e = (0, g.c)(42), { call: t, localStream: n, remoteStream: r, acceptCall: i, rejectCall: a, endCall: o, toggleMute: s, toggleCamera: c, dismissEnded: d } = P();
 	if (!t || t.state === "idle") return null;
 	if (t.state === "ended") {
@@ -11173,7 +11280,7 @@ function ai() {
 	}
 	if (t.state === "incoming") {
 		let n = t.remoteUserName ?? t.remoteUserId, r;
-		return e[5] !== i || e[6] !== t.callType || e[7] !== t.remoteAvatarSrc || e[8] !== a || e[9] !== n ? (r = /* @__PURE__ */ l(ti, {
+		return e[5] !== i || e[6] !== t.callType || e[7] !== t.remoteAvatarSrc || e[8] !== a || e[9] !== n ? (r = /* @__PURE__ */ l(ui, {
 			callerName: n,
 			callerAvatar: t.remoteAvatarSrc,
 			callType: t.callType,
@@ -11183,7 +11290,7 @@ function ai() {
 	}
 	if (t.state === "ringing") {
 		let n = t.remoteUserName ?? t.remoteUserId, r;
-		return e[11] !== t.callType || e[12] !== t.remoteAvatarSrc || e[13] !== o || e[14] !== n ? (r = /* @__PURE__ */ l(ri, {
+		return e[11] !== t.callType || e[12] !== t.remoteAvatarSrc || e[13] !== o || e[14] !== n ? (r = /* @__PURE__ */ l(fi, {
 			calleeName: n,
 			calleeAvatar: t.remoteAvatarSrc,
 			callType: t.callType,
@@ -11196,7 +11303,7 @@ function ai() {
 	let p = f;
 	if (t.callType === "voice") {
 		let n = t.remoteUserName ?? t.remoteUserId, i;
-		return e[18] !== t.conversationId || e[19] !== t.remoteAvatarSrc || e[20] !== o || e[21] !== p || e[22] !== r || e[23] !== n ? (i = /* @__PURE__ */ l(Br, {
+		return e[18] !== t.conversationId || e[19] !== t.remoteAvatarSrc || e[20] !== o || e[21] !== p || e[22] !== r || e[23] !== n ? (i = /* @__PURE__ */ l(Yr, {
 			callerName: n,
 			callerAvatar: t.remoteAvatarSrc,
 			callType: "voice",
@@ -11221,7 +11328,7 @@ function ai() {
 		videoStream: y
 	}, e[31] = y, e[32] = b);
 	let x;
-	return e[33] !== t.conversationId || e[34] !== o || e[35] !== r || e[36] !== m || e[37] !== v || e[38] !== b || e[39] !== c || e[40] !== s ? (x = /* @__PURE__ */ l(Xr, {
+	return e[33] !== t.conversationId || e[34] !== o || e[35] !== r || e[36] !== m || e[37] !== v || e[38] !== b || e[39] !== c || e[40] !== s ? (x = /* @__PURE__ */ l(ai, {
 		title: m,
 		participants: v,
 		localParticipant: b,
@@ -11234,17 +11341,17 @@ function ai() {
 }
 //#endregion
 //#region src/components/meeting/ParticipantGrid.tsx
-function oi(e) {
+function hi(e) {
 	let t = (0, g.c)(26), { p: n, isLocal: i } = e, a = o(null), s = o(null), c, d;
 	t[0] === n.videoStream ? (c = t[1], d = t[2]) : (c = () => {
 		let e = a.current;
-		!e || !n.videoStream || e.srcObject !== n.videoStream && (e.srcObject = n.videoStream, e.play().catch(ci));
+		!e || !n.videoStream || e.srcObject !== n.videoStream && (e.srcObject = n.videoStream, e.play().catch(_i));
 	}, d = [n.videoStream], t[0] = n.videoStream, t[1] = c, t[2] = d), r(c, d);
 	let f, p;
 	t[3] !== i || t[4] !== n.videoStream ? (f = () => {
 		if (i) return;
 		let e = s.current;
-		!e || !n.videoStream || e.srcObject !== n.videoStream && (e.srcObject = n.videoStream, e.play().catch(si));
+		!e || !n.videoStream || e.srcObject !== n.videoStream && (e.srcObject = n.videoStream, e.play().catch(gi));
 	}, p = [n.videoStream, i], t[3] = i, t[4] = n.videoStream, t[5] = f, t[6] = p) : (f = t[5], p = t[6]), r(f, p);
 	let m = n.isActiveSpeaker ? "2px solid var(--oc-success)" : "2px solid transparent", h;
 	t[7] === m ? h = t[8] : (h = { border: m }, t[7] = m, t[8] = h);
@@ -11312,26 +11419,26 @@ function oi(e) {
 		]
 	}), t[20] = b, t[21] = x, t[22] = h, t[23] = _, t[24] = v, t[25] = S) : S = t[25], S;
 }
-function si() {}
-function ci() {}
-function li(e) {
-	let t = (0, g.c)(13), { participants: n, localParticipant: r } = e, i;
+function gi() {}
+function _i() {}
+function vi(e) {
+	let t = (0, g.c)(14), { participants: n, localParticipant: r } = e, i;
 	t[0] !== r || t[1] !== n ? (i = [r, ...n], t[0] = r, t[1] = n, t[2] = i) : i = t[2];
 	let a = i, o;
-	t[3] === a ? o = t[4] : (o = a.slice(0, 4), t[3] = a, t[4] = o);
-	let s = o, c = a.length - 4, d = a.length === 1 ? "1fr" : "1fr 1fr", f;
-	t[5] === d ? f = t[6] : (f = {
-		gridTemplateColumns: d,
-		gridTemplateRows: "1fr 1fr",
+	t[3] === a ? o = t[4] : (o = a.slice(0, 9), t[3] = a, t[4] = o);
+	let s = o, c = a.length - 9, d = a.length === 1 ? 1 : a.length <= 4 ? 2 : 3, f = Math.ceil(s.length / d), p = `repeat(${d}, 1fr)`, m = `repeat(${f}, 1fr)`, h;
+	t[5] !== p || t[6] !== m ? (h = {
+		gridTemplateColumns: p,
+		gridTemplateRows: m,
 		background: "var(--oc-background)"
-	}, t[5] = d, t[6] = f);
-	let p;
-	t[7] !== c || t[8] !== s ? (p = s.map((e, t) => /* @__PURE__ */ u("div", {
+	}, t[5] = p, t[6] = m, t[7] = h) : h = t[7];
+	let _;
+	t[8] !== c || t[9] !== s ? (_ = s.map((e, t) => /* @__PURE__ */ u("div", {
 		className: "relative",
-		children: [/* @__PURE__ */ l(oi, {
+		children: [/* @__PURE__ */ l(hi, {
 			p: e,
 			isLocal: t === 0
-		}), t === 3 && c > 0 && /* @__PURE__ */ u("div", {
+		}), t === s.length - 1 && c > 0 && /* @__PURE__ */ u("div", {
 			className: "absolute inset-0 flex items-center justify-center bg-black/60 text-white text-sm font-semibold",
 			children: [
 				"+",
@@ -11339,17 +11446,17 @@ function li(e) {
 				" more"
 			]
 		})]
-	}, e.id)), t[7] = c, t[8] = s, t[9] = p) : p = t[9];
-	let m;
-	return t[10] !== f || t[11] !== p ? (m = /* @__PURE__ */ l("div", {
+	}, e.id)), t[8] = c, t[9] = s, t[10] = _) : _ = t[10];
+	let v;
+	return t[11] !== h || t[12] !== _ ? (v = /* @__PURE__ */ l("div", {
 		className: "flex-1 grid gap-0.5",
-		style: f,
-		children: p
-	}), t[10] = f, t[11] = p, t[12] = m) : m = t[12], m;
+		style: h,
+		children: _
+	}), t[11] = h, t[12] = _, t[13] = v) : v = t[13], v;
 }
 //#endregion
 //#region src/components/meeting/MeetingControls.tsx
-var ui = "M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3zM19 10v2a7 7 0 0 1-14 0v-2M12 19v4M8 23h8", di = "M1 1l22 22M9 9v3a3 3 0 0 0 5.12 2.12M15 9.34V4a3 3 0 0 0-5.94-.6M17 16.95A7 7 0 0 1 5 12v-2m14 0v2a7 7 0 0 1-.11 1.23M12 19v4M8 23h8", fi = "M15 10l4.553-2.069A1 1 0 0 1 21 8.82v6.36a1 1 0 0 1-1.447.89L15 14M3 8a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z", pi = "M16 16v1a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2h2m5.66 0H14a2 2 0 0 1 2 2v3.34l1 1L23 7v10M1 1l22 22", mi = "M2 3h20v14H2zM8 21h8M12 17v4", hi = "M18 11V6a2 2 0 0 0-2-2v0a2 2 0 0 0-2 2v0M14 10V4a2 2 0 0 0-2-2v0a2 2 0 0 0-2 2v2M10 10.5V6a2 2 0 0 0-2-2v0a2 2 0 0 0-2 2v8M6 14v0a4 4 0 0 0 4 4h4a4 4 0 0 0 4-4v-2.5", gi = "M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2M9 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM23 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75", _i = "M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10zM8 14s1.5 2 4 2 4-2 4-2M9 9h.01M15 9h.01", vi = "M10.68 13.31a16 16 0 0 0 3.41 2.6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.42 19.42 0 0 1-3.33-2.67m-2.67-3.34a19.79 19.79 0 0 1-3.07-8.63A2 2 0 0 1 3.88 2h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L7.91 9.91M23 1 1 23", yi = [
+var yi = "M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3zM19 10v2a7 7 0 0 1-14 0v-2M12 19v4M8 23h8", bi = "M1 1l22 22M9 9v3a3 3 0 0 0 5.12 2.12M15 9.34V4a3 3 0 0 0-5.94-.6M17 16.95A7 7 0 0 1 5 12v-2m14 0v2a7 7 0 0 1-.11 1.23M12 19v4M8 23h8", xi = "M15 10l4.553-2.069A1 1 0 0 1 21 8.82v6.36a1 1 0 0 1-1.447.89L15 14M3 8a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z", Si = "M16 16v1a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2h2m5.66 0H14a2 2 0 0 1 2 2v3.34l1 1L23 7v10M1 1l22 22", Ci = "M2 3h20v14H2zM8 21h8M12 17v4", wi = "M18 11V6a2 2 0 0 0-2-2v0a2 2 0 0 0-2 2v0M14 10V4a2 2 0 0 0-2-2v0a2 2 0 0 0-2 2v2M10 10.5V6a2 2 0 0 0-2-2v0a2 2 0 0 0-2 2v8M6 14v0a4 4 0 0 0 4 4h4a4 4 0 0 0 4-4v-2.5", Ti = "M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2M9 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM23 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75", Ei = "M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10zM8 14s1.5 2 4 2 4-2 4-2M9 9h.01M15 9h.01", Di = "M10.68 13.31a16 16 0 0 0 3.41 2.6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.42 19.42 0 0 1-3.33-2.67m-2.67-3.34a19.79 19.79 0 0 1-3.07-8.63A2 2 0 0 1 3.88 2h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L7.91 9.91M23 1 1 23", Oi = [
 	"👍",
 	"❤️",
 	"😂",
@@ -11357,7 +11464,7 @@ var ui = "M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3zM19 10v2a7 7 0 0 1
 	"👏",
 	"🎉"
 ];
-function bi(e) {
+function ki(e) {
 	let t = (0, g.c)(31), { icon: n, label: r, active: i, danger: a, badge: o, onClick: s, size: c, disabled: d } = e, f = c === void 0 ? "sm" : c, p = f === "lg" ? 60 : 50, m = f === "lg" ? 24 : 20, h = a ? "linear-gradient(135deg, #ef4444, #dc2626)" : i ? "rgba(233,30,99,0.18)" : "rgba(255,255,255,0.1)", _ = i ? "1px solid rgba(233,30,99,0.35)" : a ? "none" : "1px solid transparent", v = a ? "0 4px 20px rgba(239,68,68,0.45)" : "none", y = d ? .4 : 1, b;
 	t[0] !== p || t[1] !== y ? (b = {
 		minWidth: p,
@@ -11413,7 +11520,7 @@ function bi(e) {
 		children: [E, k]
 	}), t[25] = d, t[26] = s, t[27] = k, t[28] = b, t[29] = E, t[30] = A) : A = t[30], A;
 }
-function xi(e) {
+function Ai(e) {
 	let t = (0, g.c)(53), { muted: n, cameraOff: r, screenSharing: i, handRaised: a, participantCount: o, onMute: c, onCamera: d, onScreenShare: f, onHandRaise: p, onReaction: m, onParticipants: h, onEnd: _ } = e, [v, y] = s(!1), b;
 	t[0] === Symbol.for("react.memo_cache_sentinel") ? (b = {
 		backgroundColor: "rgba(13,17,23,0.9)",
@@ -11429,7 +11536,7 @@ function xi(e) {
 			border: "1px solid rgba(255,255,255,0.1)",
 			boxShadow: "0 8px 32px rgba(0,0,0,0.5)"
 		},
-		children: yi.map((e) => /* @__PURE__ */ l("button", {
+		children: Oi.map((e) => /* @__PURE__ */ l("button", {
 			onClick: () => {
 				m(e), y(!1);
 			},
@@ -11438,19 +11545,19 @@ function xi(e) {
 			children: e
 		}, e))
 	}), t[1] = m, t[2] = v, t[3] = x) : x = t[3];
-	let S = n ? di : ui, C = n ? "Unmute" : "Mute", w;
+	let S = n ? bi : yi, C = n ? "Unmute" : "Mute", w;
 	t[4] !== n || t[5] !== c ? (w = () => c(!n), t[4] = n, t[5] = c, t[6] = w) : w = t[6];
 	let T;
-	t[7] !== n || t[8] !== S || t[9] !== C || t[10] !== w ? (T = /* @__PURE__ */ l(bi, {
+	t[7] !== n || t[8] !== S || t[9] !== C || t[10] !== w ? (T = /* @__PURE__ */ l(ki, {
 		icon: S,
 		label: C,
 		danger: n,
 		onClick: w
 	}), t[7] = n, t[8] = S, t[9] = C, t[10] = w, t[11] = T) : T = t[11];
-	let E = r ? pi : fi, D = r ? "Start video" : "Stop video", O = !r, k;
+	let E = r ? Si : xi, D = r ? "Start video" : "Stop video", O = !r, k;
 	t[12] !== r || t[13] !== d ? (k = () => d(!r), t[12] = r, t[13] = d, t[14] = k) : k = t[14];
 	let A;
-	t[15] !== k || t[16] !== E || t[17] !== D || t[18] !== O ? (A = /* @__PURE__ */ l(bi, {
+	t[15] !== k || t[16] !== E || t[17] !== D || t[18] !== O ? (A = /* @__PURE__ */ l(ki, {
 		icon: E,
 		label: D,
 		active: O,
@@ -11459,8 +11566,8 @@ function xi(e) {
 	let j = i ? "Stop share" : "Share", M;
 	t[20] !== f || t[21] !== i ? (M = () => f(!i), t[20] = f, t[21] = i, t[22] = M) : M = t[22];
 	let N;
-	t[23] !== i || t[24] !== j || t[25] !== M ? (N = /* @__PURE__ */ l(bi, {
-		icon: mi,
+	t[23] !== i || t[24] !== j || t[25] !== M ? (N = /* @__PURE__ */ l(ki, {
+		icon: Ci,
 		label: j,
 		active: i,
 		onClick: M
@@ -11468,24 +11575,24 @@ function xi(e) {
 	let P = a ? "Lower hand" : "Raise hand", F;
 	t[27] !== a || t[28] !== p ? (F = () => p(!a), t[27] = a, t[28] = p, t[29] = F) : F = t[29];
 	let I;
-	t[30] !== a || t[31] !== P || t[32] !== F ? (I = /* @__PURE__ */ l(bi, {
-		icon: hi,
+	t[30] !== a || t[31] !== P || t[32] !== F ? (I = /* @__PURE__ */ l(ki, {
+		icon: wi,
 		label: P,
 		active: a,
 		onClick: F
 	}), t[30] = a, t[31] = P, t[32] = F, t[33] = I) : I = t[33];
 	let L;
-	t[34] === Symbol.for("react.memo_cache_sentinel") ? (L = () => y(Si), t[34] = L) : L = t[34];
+	t[34] === Symbol.for("react.memo_cache_sentinel") ? (L = () => y(ji), t[34] = L) : L = t[34];
 	let R;
-	t[35] === v ? R = t[36] : (R = /* @__PURE__ */ l(bi, {
-		icon: _i,
+	t[35] === v ? R = t[36] : (R = /* @__PURE__ */ l(ki, {
+		icon: Ei,
 		label: "React",
 		active: v,
 		onClick: L
 	}), t[35] = v, t[36] = R);
 	let z;
-	t[37] !== h || t[38] !== o ? (z = /* @__PURE__ */ l(bi, {
-		icon: gi,
+	t[37] !== h || t[38] !== o ? (z = /* @__PURE__ */ l(ki, {
+		icon: Ti,
 		label: "People",
 		badge: o,
 		onClick: h
@@ -11505,8 +11612,8 @@ function xi(e) {
 	let V;
 	t[47] === _ ? V = t[48] : (V = /* @__PURE__ */ l("div", {
 		className: "flex justify-center mt-3 mb-8",
-		children: /* @__PURE__ */ l(bi, {
-			icon: vi,
+		children: /* @__PURE__ */ l(ki, {
+			icon: Di,
 			label: "Leave",
 			danger: !0,
 			onClick: _,
@@ -11524,12 +11631,12 @@ function xi(e) {
 		]
 	}), t[49] = x, t[50] = B, t[51] = V, t[52] = H) : H = t[52], H;
 }
-function Si(e) {
+function ji(e) {
 	return !e;
 }
 //#endregion
 //#region src/components/meeting/ParticipantsPanel.tsx
-function Ci(e) {
+function Mi(e) {
 	let t = (0, g.c)(35), { participants: n, localParticipant: r, handRaisedIds: i, onClose: a } = e, o, s, d, f, p, m, h;
 	if (t[0] !== i || t[1] !== r || t[2] !== a || t[3] !== n) {
 		let e = [r, ...n], c;
@@ -11659,22 +11766,22 @@ function Ci(e) {
 }
 //#endregion
 //#region src/components/meeting/ReactionBurst.tsx
-function wi(e) {
+function Ni(e) {
 	let t = (0, g.c)(4), { reactions: n } = e, r;
-	t[0] === n ? r = t[1] : (r = n.map(Ti), t[0] = n, t[1] = r);
+	t[0] === n ? r = t[1] : (r = n.map(Pi), t[0] = n, t[1] = r);
 	let i;
 	return t[2] === r ? i = t[3] : (i = /* @__PURE__ */ l("div", {
 		className: "absolute inset-0 pointer-events-none z-30 overflow-hidden",
 		children: r
 	}), t[2] = r, t[3] = i), i;
 }
-function Ti(e) {
-	return /* @__PURE__ */ l(Ei, {
+function Pi(e) {
+	return /* @__PURE__ */ l(Fi, {
 		emoji: e.emoji,
 		name: e.name
 	}, e.id);
 }
-function Ei(e) {
+function Fi(e) {
 	let t = (0, g.c)(13), { emoji: n, name: i } = e, [a, o] = s(!0), c = 10 + Math.random() * 70, d, f;
 	if (t[0] === Symbol.for("react.memo_cache_sentinel") ? (d = () => {
 		let e = setTimeout(() => o(!1), 3e3);
@@ -11728,10 +11835,10 @@ function Ei(e) {
 }
 //#endregion
 //#region src/components/meeting/MeetingRoom.tsx
-function Di() {
+function Ii() {
 	let e = (0, g.c)(6), [t, n] = s(0), i, a;
 	e[0] === Symbol.for("react.memo_cache_sentinel") ? (i = () => {
-		let e = setInterval(() => n(Oi), 1e3);
+		let e = setInterval(() => n(Li), 1e3);
 		return () => clearInterval(e);
 	}, a = [], e[0] = i, e[1] = a) : (i = e[0], a = e[1]), r(i, a);
 	let o = String(Math.floor(t / 60)), c;
@@ -11739,15 +11846,15 @@ function Di() {
 	let l = String(t % 60), u;
 	return e[4] === l ? u = e[5] : (u = l.padStart(2, "0"), e[4] = l, e[5] = u), `${c}:${u}`;
 }
-function Oi(e) {
+function Li(e) {
 	return e + 1;
 }
-function ki(e) {
+function Ri(e) {
 	let t = (0, g.c)(74), { title: n, participants: r, localParticipant: i, activeSpeakerId: a, handRaisedIds: o, reactionEvents: c, onEnd: d, onMute: f, onCamera: p, onScreenShare: m, onHandRaise: h, onReaction: _, onMinimize: v } = e, y;
 	t[0] === o ? y = t[1] : (y = o === void 0 ? [] : o, t[0] = o, t[1] = y);
 	let b = y, x;
 	t[2] === c ? x = t[3] : (x = c === void 0 ? [] : c, t[2] = c, t[3] = x);
-	let S = x, [C, w] = s(!1), [T, E] = s(!1), [D, O] = s(!1), [k, A] = s(!1), [j, M] = s(!1), N = Di(), P = r.length + 1, F;
+	let S = x, [C, w] = s(!1), [T, E] = s(!1), [D, O] = s(!1), [k, A] = s(!1), [j, M] = s(!1), N = Ii(), P = r.length + 1, F;
 	if (t[4] !== a || t[5] !== r) {
 		let e;
 		t[7] === a ? e = t[8] : (e = (e) => ({
@@ -11761,7 +11868,7 @@ function ki(e) {
 		isActiveSpeaker: L
 	}, t[9] = i, t[10] = L, t[11] = R) : R = t[11];
 	let z = R, B;
-	t[12] === r ? B = t[13] : (B = r.find(Ai), t[12] = r, t[13] = B);
+	t[12] === r ? B = t[13] : (B = r.find(zi), t[12] = r, t[13] = B);
 	let V = B, H;
 	t[14] === f ? H = t[15] : (H = (e) => {
 		w(e), f(e);
@@ -11779,12 +11886,12 @@ function ki(e) {
 		A(e), h(e);
 	}, t[20] = h, t[21] = J);
 	let Y = J, X;
-	t[22] !== z || t[23] !== I ? (X = /* @__PURE__ */ l(li, {
+	t[22] !== z || t[23] !== I ? (X = /* @__PURE__ */ l(vi, {
 		participants: I,
 		localParticipant: z
 	}), t[22] = z, t[23] = I, t[24] = X) : X = t[24];
 	let Z;
-	t[25] === S ? Z = t[26] : (Z = /* @__PURE__ */ l(wi, { reactions: S }), t[25] = S, t[26] = Z);
+	t[25] === S ? Z = t[26] : (Z = /* @__PURE__ */ l(Ni, { reactions: S }), t[25] = S, t[26] = Z);
 	let ee;
 	t[27] === Symbol.for("react.memo_cache_sentinel") ? (ee = { background: "linear-gradient(to bottom, rgba(0,0,0,0.55) 0%, transparent 100%)" }, t[27] = ee) : ee = t[27];
 	let Q;
@@ -11883,7 +11990,7 @@ function ki(e) {
 	let le;
 	t[50] === Symbol.for("react.memo_cache_sentinel") ? (le = () => M(!0), t[50] = le) : le = t[50];
 	let ue;
-	t[51] !== T || t[52] !== k || t[53] !== G || t[54] !== Y || t[55] !== U || t[56] !== q || t[57] !== C || t[58] !== d || t[59] !== _ || t[60] !== D || t[61] !== P ? (ue = /* @__PURE__ */ l(xi, {
+	t[51] !== T || t[52] !== k || t[53] !== G || t[54] !== Y || t[55] !== U || t[56] !== q || t[57] !== C || t[58] !== d || t[59] !== _ || t[60] !== D || t[61] !== P ? (ue = /* @__PURE__ */ l(Ai, {
 		muted: C,
 		cameraOff: T,
 		screenSharing: D,
@@ -11898,7 +12005,7 @@ function ki(e) {
 		onEnd: d
 	}), t[51] = T, t[52] = k, t[53] = G, t[54] = Y, t[55] = U, t[56] = q, t[57] = C, t[58] = d, t[59] = _, t[60] = D, t[61] = P, t[62] = ue) : ue = t[62];
 	let de;
-	t[63] !== z || t[64] !== I || t[65] !== b || t[66] !== j ? (de = j && /* @__PURE__ */ l(Ci, {
+	t[63] !== z || t[64] !== I || t[65] !== b || t[66] !== j ? (de = j && /* @__PURE__ */ l(Mi, {
 		participants: I,
 		localParticipant: z,
 		handRaisedIds: b,
@@ -11916,15 +12023,15 @@ function ki(e) {
 		]
 	}), t[68] = X, t[69] = Z, t[70] = ce, t[71] = ue, t[72] = de, t[73] = fe) : fe = t[73], fe;
 }
-function Ai(e) {
+function zi(e) {
 	return e.isScreenSharing;
 }
 //#endregion
 //#region src/components/meeting/WaitingRoom.tsx
-function ji() {
+function Bi() {
 	let e = (0, g.c)(6), [t, n] = s(0), i, a;
 	e[0] === Symbol.for("react.memo_cache_sentinel") ? (i = () => {
-		let e = setInterval(() => n(Mi), 1e3);
+		let e = setInterval(() => n(Vi), 1e3);
 		return () => clearInterval(e);
 	}, a = [], e[0] = i, e[1] = a) : (i = e[0], a = e[1]), r(i, a);
 	let o = String(Math.floor(t / 60)), c;
@@ -11932,14 +12039,14 @@ function ji() {
 	let l = String(t % 60), u;
 	return e[4] === l ? u = e[5] : (u = l.padStart(2, "0"), e[4] = l, e[5] = u), `${c}:${u}`;
 }
-function Mi(e) {
+function Vi(e) {
 	return e + 1;
 }
-function Ni(e) {
-	let t = (0, g.c)(33), { title: n, localStream: i, onEnd: a, onMinimize: c } = e, [d, f] = s(!1), [p, m] = s(!1), h = ji(), _ = o(null), v, y;
+function Hi(e) {
+	let t = (0, g.c)(33), { title: n, localStream: i, onEnd: a, onMinimize: c } = e, [d, f] = s(!1), [p, m] = s(!1), h = Bi(), _ = o(null), v, y;
 	t[0] === i ? (v = t[1], y = t[2]) : (v = () => {
 		let e = _.current;
-		!e || !i || (e.srcObject = i, e.play().catch(Li));
+		!e || !i || (e.srcObject = i, e.play().catch(Ki));
 	}, y = [i], t[0] = i, t[1] = v, t[2] = y), r(v, y);
 	let b;
 	t[3] === i ? b = t[4] : (b = i ? /* @__PURE__ */ l("video", {
@@ -11972,7 +12079,7 @@ function Ni(e) {
 			6,
 			10,
 			14
-		].map(Ii)
+		].map(Gi)
 	}), t[13] = T) : T = t[13];
 	let E;
 	t[14] === c ? E = t[15] : (E = c && /* @__PURE__ */ l("button", {
@@ -12030,11 +12137,11 @@ function Ni(e) {
 		children: [/* @__PURE__ */ l("span", { className: "w-1.5 h-1.5 rounded-full bg-primary flex-shrink-0" }), "Waiting for others to join…"]
 	}), A = /* @__PURE__ */ l("div", { className: "flex-1" }), t[21] = k, t[22] = A) : (k = t[21], A = t[22]);
 	let j, M;
-	t[23] === Symbol.for("react.memo_cache_sentinel") ? (j = () => f(Fi), M = () => m(Pi), t[23] = j, t[24] = M) : (j = t[23], M = t[24]);
+	t[23] === Symbol.for("react.memo_cache_sentinel") ? (j = () => f(Wi), M = () => m(Ui), t[23] = j, t[24] = M) : (j = t[23], M = t[24]);
 	let N;
 	t[25] !== p || t[26] !== d || t[27] !== a ? (N = /* @__PURE__ */ l("div", {
 		className: "relative z-10",
-		children: /* @__PURE__ */ l(Nr, {
+		children: /* @__PURE__ */ l(Hr, {
 			muted: d,
 			cameraOff: p,
 			speakerOn: !1,
@@ -12057,13 +12164,13 @@ function Ni(e) {
 		]
 	}), t[29] = O, t[30] = N, t[31] = b, t[32] = P) : P = t[32], P;
 }
-function Pi(e) {
+function Ui(e) {
 	return !e;
 }
-function Fi(e) {
+function Wi(e) {
 	return !e;
 }
-function Ii(e, t) {
+function Gi(e, t) {
 	return /* @__PURE__ */ l("div", {
 		className: "w-0.5 rounded-sm",
 		style: {
@@ -12072,10 +12179,10 @@ function Ii(e, t) {
 		}
 	}, t);
 }
-function Li() {}
+function Ki() {}
 //#endregion
 //#region src/widgets/MeetingWidget.tsx
-function Ri({ meetingId: e, title: t = "Meeting", onEnd: n }) {
+function qi({ meetingId: e, title: t = "Meeting", onEnd: n }) {
 	let { appUserId: i } = v(), { meeting: a, localStream: o, localDisplayStream: d, reactionEvents: f, joinMeeting: p, leaveMeeting: m, muteSelf: h, toggleCamera: g, startScreenShare: _, stopScreenShare: y, raiseHand: b, lowerHand: x, sendReaction: S } = J(), [C, w] = s(null);
 	r(() => (w(null), p(e, t).catch((e) => {
 		w(e instanceof Error ? e.message : "Failed to join meeting");
@@ -12103,23 +12210,23 @@ function Ri({ meetingId: e, title: t = "Meeting", onEnd: n }) {
 				},
 				children: "Back"
 			}),
-			/* @__PURE__ */ l(xr, {})
+			/* @__PURE__ */ l(Ar, {})
 		]
 	}) : /* @__PURE__ */ u("div", {
 		className: "flex-1 flex flex-col items-center justify-center bg-background text-muted-foreground text-sm",
-		children: ["Joining…", /* @__PURE__ */ l(xr, {})]
+		children: ["Joining…", /* @__PURE__ */ l(Ar, {})]
 	});
-	if (a.state === "waiting") return /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l(Ni, {
+	if (a.state === "waiting") return /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l(Hi, {
 		title: a.title,
 		localStream: o ?? void 0,
 		onEnd: T
-	}), /* @__PURE__ */ l(xr, {})] });
+	}), /* @__PURE__ */ l(Ar, {})] });
 	let E = {
 		id: i,
 		name: "You",
 		videoStream: d ?? void 0
 	}, D = a.participants.filter((e) => e.id !== i);
-	return /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l(ki, {
+	return /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l(Ri, {
 		title: a.title,
 		participants: D,
 		localParticipant: E,
@@ -12132,39 +12239,39 @@ function Ri({ meetingId: e, title: t = "Meeting", onEnd: n }) {
 		onScreenShare: (e) => e ? _() : y(),
 		onHandRaise: (e) => e ? b() : x(),
 		onReaction: S
-	}), /* @__PURE__ */ l(xr, {})] });
+	}), /* @__PURE__ */ l(Ar, {})] });
 }
 //#endregion
 //#region src/hooks/usePresence.ts
-var zi = /* @__PURE__ */ new Map(), Bi = /* @__PURE__ */ new Set();
-function Vi() {
-	for (let e of Bi) e();
+var Ji = /* @__PURE__ */ new Map(), Yi = /* @__PURE__ */ new Set();
+function Xi() {
+	for (let e of Yi) e();
 }
-function Hi(e) {
+function Zi(e) {
 	let t = (0, g.c)(7), [, n] = s(0), i;
 	t[0] === n ? i = t[1] : (i = () => {
-		let e = () => n(Wi);
-		return Bi.add(e), () => {
-			Bi.delete(e);
+		let e = () => n($i);
+		return Yi.add(e), () => {
+			Yi.delete(e);
 		};
 	}, t[0] = n, t[1] = i);
 	let a;
-	t[2] === Symbol.for("react.memo_cache_sentinel") ? (a = [], t[2] = a) : a = t[2], r(i, a), F("presence:changed", Ui);
+	t[2] === Symbol.for("react.memo_cache_sentinel") ? (a = [], t[2] = a) : a = t[2], r(i, a), F("presence:changed", Qi);
 	let o;
-	t[3] === e ? o = t[4] : (o = zi.get(e) ?? "offline", t[3] = e, t[4] = o);
+	t[3] === e ? o = t[4] : (o = Ji.get(e) ?? "offline", t[3] = e, t[4] = o);
 	let c;
 	return t[5] === o ? c = t[6] : (c = { status: o }, t[5] = o, t[6] = c), c;
 }
-function Ui(e) {
+function Qi(e) {
 	let t = e.app_user_id, n = e.status;
-	t && n && (zi.set(t, n), Vi());
+	t && n && (Ji.set(t, n), Xi());
 }
-function Wi(e) {
+function $i(e) {
 	return e + 1;
 }
 //#endregion
 //#region src/hooks/useRealtime.ts
-function Gi() {
+function ea() {
 	let { apiClient: e } = v(), [n, r] = s(null), [i, a] = s(!1), [o, c] = s(null), l = t(async (t) => {
 		a(!0), c(null);
 		try {
@@ -12222,7 +12329,7 @@ function Gi() {
 }
 //#endregion
 //#region src/hooks/useNotifications.ts
-function Ki() {
+function ta() {
 	let e = (0, g.c)(10), t;
 	e[0] === Symbol.for("react.memo_cache_sentinel") ? (t = [], e[0] = t) : t = e[0];
 	let [n, r] = s(t), i;
@@ -12244,14 +12351,14 @@ function Ki() {
 	}, e[2] = a) : a = e[2];
 	let o = a, c;
 	e[3] === Symbol.for("react.memo_cache_sentinel") ? (c = () => {
-		r(Ji);
+		r(ra);
 	}, e[3] = c) : c = e[3];
 	let l = c, u;
 	e[4] === Symbol.for("react.memo_cache_sentinel") ? (u = () => {
 		r([]);
 	}, e[4] = u) : u = e[4];
 	let d = u, f;
-	e[5] === n ? f = e[6] : (f = n.filter(qi), e[5] = n, e[6] = f);
+	e[5] === n ? f = e[6] : (f = n.filter(na), e[5] = n, e[6] = f);
 	let p = f.length, m;
 	return e[7] !== n || e[8] !== p ? (m = {
 		notifications: n,
@@ -12261,13 +12368,13 @@ function Ki() {
 		clearAll: d
 	}, e[7] = n, e[8] = p, e[9] = m) : m = e[9], m;
 }
-function qi(e) {
+function na(e) {
 	return !e.read;
 }
-function Ji(e) {
-	return e.map(Yi);
+function ra(e) {
+	return e.map(ia);
 }
-function Yi(e) {
+function ia(e) {
 	return {
 		...e,
 		read: !0
@@ -12275,7 +12382,7 @@ function Yi(e) {
 }
 //#endregion
 //#region src/components/ui/IconBtn.tsx
-function Xi(e) {
+function aa(e) {
 	let t = (0, g.c)(14), n, r, i, a, o;
 	t[0] === e ? (n = t[1], r = t[2], i = t[3], a = t[4], o = t[5]) : ({children: n, variant: i, size: a, className: o, ...r} = e, t[0] = e, t[1] = n, t[2] = r, t[3] = i, t[4] = a, t[5] = o);
 	let s = i === void 0 ? "ghost" : i, c = a === void 0 ? 40 : a, u = o === void 0 ? "" : o, d;
@@ -12299,8 +12406,8 @@ function Xi(e) {
 }
 //#endregion
 //#region src/components/ui/EscalationButton.tsx
-function Zi(e) {
-	let t = (0, g.c)(9), { transitionType: n, contextId: r, label: i, className: a } = e, { transition: o, isLoading: s, session: c } = Gi(), u = s || !c, d;
+function oa(e) {
+	let t = (0, g.c)(9), { transitionType: n, contextId: r, label: i, className: a } = e, { transition: o, isLoading: s, session: c } = ea(), u = s || !c, d;
 	t[0] !== r || t[1] !== o || t[2] !== n ? (d = () => o(n, r), t[0] = r, t[1] = o, t[2] = n, t[3] = d) : d = t[3];
 	let f = i ?? n, p;
 	return t[4] !== a || t[5] !== u || t[6] !== d || t[7] !== f ? (p = /* @__PURE__ */ l("button", {
@@ -12312,9 +12419,9 @@ function Zi(e) {
 }
 //#endregion
 //#region src/components/chat/MessageList.tsx
-function Qi(e) {
+function sa(e) {
 	let t = (0, g.c)(8), { messages: n, typingUsers: r, onCallBack: i } = e, a;
-	t[0] !== n || t[1] !== i ? (a = n.map((e, t) => /* @__PURE__ */ l(ft, {
+	t[0] !== n || t[1] !== i ? (a = n.map((e, t) => /* @__PURE__ */ l(xt, {
 		...e,
 		onCallBack: i,
 		isGrouped: t < n.length - 1 && n[t + 1]?.sender === e.sender
@@ -12329,7 +12436,7 @@ function Qi(e) {
 				0,
 				1,
 				2
-			].map($i)
+			].map(ca)
 		})]
 	}), t[3] = r, t[4] = o);
 	let s;
@@ -12338,7 +12445,7 @@ function Qi(e) {
 		children: [a, o]
 	}), t[5] = a, t[6] = o, t[7] = s) : s = t[7], s;
 }
-function $i(e) {
+function ca(e) {
 	return /* @__PURE__ */ l("span", {
 		className: "w-1.5 h-1.5 rounded-full block",
 		style: {
@@ -12350,10 +12457,10 @@ function $i(e) {
 }
 //#endregion
 //#region src/components/chat/MediaMessage.tsx
-function ea(e) {
-	let t = (0, g.c)(18), { mediaId: n, type: i } = e, { getMedia: a } = Tt(), [o, c] = s(null), d, f;
+function la(e) {
+	let t = (0, g.c)(18), { mediaId: n, type: i } = e, { getMedia: a } = Pt(), [o, c] = s(null), d, f;
 	if (t[0] !== a || t[1] !== n ? (d = () => {
-		a(n).then((e) => c(e.url)).catch(ta);
+		a(n).then((e) => c(e.url)).catch(ua);
 	}, f = [n, a], t[0] = a, t[1] = n, t[2] = d, t[3] = f) : (d = t[2], f = t[3]), r(d, f), !o) {
 		let e;
 		return t[4] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ l("div", {
@@ -12393,10 +12500,10 @@ function ea(e) {
 		]
 	}), t[14] = p, t[15] = m, t[16] = h, t[17] = _) : _ = t[17], _;
 }
-function ta() {}
+function ua() {}
 //#endregion
 //#region src/components/meeting/ScreenShareView.tsx
-function na(e) {
+function da(e) {
 	let t = (0, g.c)(8), { stream: n, presenterName: i } = e, a = o(null), s, c;
 	t[0] === n ? (s = t[1], c = t[2]) : (s = () => {
 		a.current && (a.current.srcObject = n);
@@ -12438,4 +12545,4 @@ function na(e) {
 	}), t[6] = i, t[7] = m), m;
 }
 //#endregion
-export { kt as AttachmentPicker, Ne as AttachmentRenderer, Pt as AudioRecorder, ve as Avatar, pn as BatchToolbar, xe as BottomNav, Fe as CallBanner, Nr as CallControls, Mn as CallHistory, Br as CallScreen, Sr as Chat, An as ChatBox, en as Composer, we as ConversationList, Pn as ConversationPicker, hr as DocumentViewer, bt as EmojiPicker, Zi as EscalationButton, Xi as IconBtn, qn as ImageViewer, Ir as InCallChatPanel, ti as IncomingCallModal, ot as LinkPreview, ea as MediaMessage, yr as MediaViewer, q as MeetingContext, $ as MeetingProvider, ki as MeetingRoom, Ri as MeetingWidget, Ge as MessageActionMenu, ft as MessageBubble, Rn as MessageInfoSheet, ln as MessageInput, Qi as MessageList, ae as OrbitProvider, li as ParticipantGrid, et as ReactionDialog, fn as ReplyComposer, na as ScreenShareView, Bt as StickerPicker, D as ThemeProvider, ai as VideoCall, Xr as VideoCallScreen, $n as VideoViewer, Ni as WaitingRoom, S as darkTheme, rt as extractUrls, C as lightTheme, y as useAppConfig, P as useCall, ge as useCallHistory, le as useConversations, Tt as useMedia, Y as useMeeting, J as useMeetingContext, pe as useMessages, Ki as useNotifications, v as useOrbit, F as useOrbitEvent, A as useOrbitListener, Hi as usePresence, Gi as useRealtime, T as useTheme };
+export { Rt as AttachmentPicker, He as AttachmentRenderer, Ut as AudioRecorder, De as Avatar, Sn as BatchToolbar, Ae as BottomNav, We as CallBanner, Hr as CallControls, Vn as CallHistory, Yr as CallScreen, jr as Chat, zn as ChatBox, un as Composer, Ne as ConversationList, Un as ConversationPicker, wr as DocumentViewer, kt as EmojiPicker, oa as EscalationButton, aa as IconBtn, nr as ImageViewer, Gr as InCallChatPanel, ui as IncomingCallModal, ht as LinkPreview, la as MediaMessage, Or as MediaViewer, q as MeetingContext, $ as MeetingProvider, Ri as MeetingRoom, qi as MeetingWidget, et as MessageActionMenu, xt as MessageBubble, qn as MessageInfoSheet, vn as MessageInput, sa as MessageList, pe as OrbitProvider, vi as ParticipantGrid, lt as ReactionDialog, xn as ReplyComposer, da as ScreenShareView, Yt as StickerPicker, D as ThemeProvider, mi as VideoCall, ai as VideoCallScreen, cr as VideoViewer, Hi as WaitingRoom, S as darkTheme, ft as extractUrls, C as lightTheme, y as useAppConfig, P as useCall, Te as useCallHistory, ve as useConversations, Pt as useMedia, Y as useMeeting, J as useMeetingContext, Se as useMessages, ta as useNotifications, v as useOrbit, F as useOrbitEvent, A as useOrbitListener, Zi as usePresence, ea as useRealtime, T as useTheme };