@orbitconnect/react 0.1.4 → 0.2.0

package/dist/index.js

@@ -1134,7 +1134,7 @@ function ee(e) {
 	let T = w, E;
 	t[14] === Symbol.for("react.memo_cache_sentinel") ? (E = () => {
 		for (let e of l.current.values()) e.close();
-		l.current.clear(), u.current?.getTracks().forEach(ne), u.current = null;
+		l.current.clear(), u.current?.getTracks().forEach(re), u.current = null;
 	}, t[14] = E) : E = t[14];
 	let D = E, O;
 	t[15] !== y || t[16] !== s ? (O = async (e) => {
@@ -1154,7 +1154,7 @@ function ee(e) {
 		t && await t.setRemoteDescription({
 			type: "answer",
 			sdp: e.sdp
-		}).catch(te);
+		}).catch(ne);
 	}, t[18] = k) : k = t[18], F("meeting:answer", k);
 	let j;
 	t[19] === Symbol.for("react.memo_cache_sentinel") ? (j = async (e) => {
@@ -1164,7 +1164,7 @@ function ee(e) {
 			candidate: e.candidate,
 			sdpMid: e.sdpMid ?? null,
 			sdpMLineIndex: e.sdpMLineIndex ?? null
-		}).catch(Q);
+		}).catch(te);
 	}, t[19] = j) : j = t[19], F("meeting:ice_candidate", j);
 	let M;
 	t[20] === Symbol.for("react.memo_cache_sentinel") ? (M = (e) => {
@@ -1190,15 +1190,15 @@ function ee(e) {
 		toggleCamera: I
 	}, t[22] = C, t[23] = L), L;
 }
-function Q() {}
 function te() {}
-function ne(e) {
+function ne() {}
+function re(e) {
 	return e.stop();
 }
 //#endregion
 //#region src/meeting/MeetingProvider.tsx
-var re = 0;
-function ie({ children: e }) {
+var ie = 0;
+function ae({ children: e }) {
 	let n = Y(), { socket: i } = A(), { play: a } = U(), [c, u] = s(null), [d, f] = s(null), [p, m] = s(/* @__PURE__ */ new Map()), [h, g] = s([]), _ = o(null), v = o(null);
 	r(() => {
 		_.current = n.meeting?.meetingId ?? null;
@@ -1220,7 +1220,7 @@ function ie({ children: e }) {
 	F("meeting:reaction", (e) => {
 		if (e.meeting_id !== _.current) return;
 		let t = {
-			id: `r-${++re}`,
+			id: `r-${++ie}`,
 			emoji: e.emoji,
 			name: e.display_name
 		};
@@ -1301,13 +1301,13 @@ function ie({ children: e }) {
 }
 //#endregion
 //#region src/offline/QueueManager.ts
-var ae = [
+var oe = [
 	2e3,
 	5e3,
 	15e3,
 	3e4,
 	6e4
-], oe = 5e3, se = class {
+], se = 5e3, ce = class {
 	storage;
 	sendFn = null;
 	listeners = /* @__PURE__ */ new Map();
@@ -1459,7 +1459,7 @@ var ae = [
 			}), setTimeout(() => this.storage.remove(e.localId), 2e3), !0;
 		} catch (t) {
 			let n = t instanceof Error ? t.message : String(t), r = e.retries + 1;
-			if (r >= oe) await this.storage.update(e.localId, {
+			if (r >= se) await this.storage.update(e.localId, {
 				status: "failed",
 				retries: r,
 				updatedAt: Date.now()
@@ -1475,7 +1475,7 @@ var ae = [
 					retries: r,
 					updatedAt: Date.now()
 				});
-				let t = ae[Math.min(r - 1, ae.length - 1)], n = Math.random() * t * .2, i = setTimeout(() => {
+				let t = oe[Math.min(r - 1, oe.length - 1)], n = Math.random() * t * .2, i = setTimeout(() => {
 					this.retryTimers.delete(e.localId), this.online && !this.paused && (e.retries = r, e.status = "queued", this.storage.update(e.localId, {
 						status: "queued",
 						updatedAt: Date.now()
@@ -1486,11 +1486,11 @@ var ae = [
 			return !1;
 		}
 	}
-}, ce = "orbitconnect_offline_db", le = 1, $ = "queue", ue = class {
+}, le = "orbitconnect_offline_db", Q = 1, $ = "queue", ue = class {
 	db = null;
 	async open() {
 		if (!this.db) return new Promise((e, t) => {
-			let n = indexedDB.open(ce, le);
+			let n = indexedDB.open(le, Q);
 			n.onupgradeneeded = (e) => {
 				let t = e.target.result;
 				if (!t.objectStoreNames.contains($)) {
@@ -1719,7 +1719,7 @@ function me() {
 //#region src/offline/OfflineQueueProvider.tsx
 function he({ children: e }) {
 	let { apiClient: n } = v(), { socket: i, status: c } = A(), [u, d] = s(navigator.onLine), f = o(null), p = o(null), m = o(null), h = o(null), g = o(c);
-	f.current ||= new ue(), p.current ||= new se(f.current), m.current ||= new de(), h.current ||= new fe();
+	f.current ||= new ue(), p.current ||= new ce(f.current), m.current ||= new de(), h.current ||= new fe();
 	let _ = p.current;
 	r(() => {
 		_.setSendFn(async (e) => {
@@ -1886,7 +1886,7 @@ function Te(e) {
 		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(he, { children: /* @__PURE__ */ l(G, { children: /* @__PURE__ */ l(ie, { children: f }) }) }), t[17] = f, t[18] = A);
+	t[17] === f ? A = t[18] : (A = /* @__PURE__ */ l(he, { children: /* @__PURE__ */ l(G, { children: /* @__PURE__ */ l(ae, { children: f }) }) }), t[17] = f, t[18] = A);
 	let j;
 	t[19] !== A || t[20] !== k ? (j = /* @__PURE__ */ l(_.Provider, {
 		value: k,
@@ -1971,11 +1971,12 @@ function ke(e, t) {
 		time: r ? new Date(r.created_at).toLocaleTimeString([], {
 			hour: "2-digit",
 			minute: "2-digit"
-		}) : ""
+		}) : "",
+		context: e.context ?? null
 	};
 }
 function Ae() {
-	let e = (0, g.c)(25), { apiClient: t, appUserId: n } = v(), i;
+	let e = (0, g.c)(30), { 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];
@@ -2064,20 +2065,39 @@ function Ae() {
 		}));
 	}, e[16] = w) : w = e[16], F("presence:changed", w);
 	let T;
-	e[17] !== t || e[18] !== n ? (T = async (e) => {
-		let r = await t.post("/conversations", {
+	e[17] === Symbol.for("react.memo_cache_sentinel") ? (T = (e) => {
+		let { conversation_id: t, context: n } = e;
+		c((e) => e.map((e) => e.id === t ? {
+			...e,
+			context: n
+		} : e));
+	}, e[17] = T) : T = e[17], F("conversation:context_updated", T);
+	let E;
+	e[18] !== t || e[19] !== n ? (E = async (e, r) => {
+		let i = await t.post("/conversations", {
 			type: "direct",
-			participant_id: e
+			participant_id: e,
+			...r ? { context: r } : {}
 		});
-		return c((e) => [ke(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 = {
+		return c((e) => [ke(i, n), ...e]), i.id;
+	}, e[18] = t, e[19] = n, e[20] = E) : E = e[20];
+	let D = E, O;
+	e[21] !== t || e[22] !== n ? (O = async (e, r) => {
+		let i = await t.post("/conversations", {
+			type: "group",
+			participant_ids: e,
+			...r ? { context: r } : {}
+		});
+		return c((e) => [ke(i, n), ...e]), i.id;
+	}, e[21] = t, e[22] = n, e[23] = O) : O = e[23];
+	let k = O, A;
+	return e[24] !== a || e[25] !== D || e[26] !== k || e[27] !== l || e[28] !== m ? (A = {
 		conversations: a,
 		loading: l,
-		createDirect: E,
+		createDirect: D,
+		createGroup: k,
 		refresh: m
-	}, e[20] = a, e[21] = E, e[22] = l, e[23] = m, e[24] = D) : D = e[24], D;
+	}, e[24] = a, e[25] = D, e[26] = k, e[27] = l, e[28] = m, e[29] = A) : A = e[29], A;
 }
 function je(e) {
 	return [e.id, {
@@ -3925,8 +3945,8 @@ function pt(e) {
 	}, t[52] = Z) : Z = t[52];
 	let ee;
 	t[53] === X ? ee = t[54] : (ee = X.filter(gt), t[53] = X, t[54] = ee);
-	let Q;
-	return t[55] !== T || t[56] !== ee ? (Q = /* @__PURE__ */ l("div", {
+	let te;
+	return t[55] !== T || t[56] !== ee ? (te = /* @__PURE__ */ l("div", {
 		ref: y,
 		role: "menu",
 		className: "absolute z-50 min-w-[160px] rounded-xl border overflow-hidden",
@@ -3946,7 +3966,7 @@ function pt(e) {
 				children: e.icon
 			}), e.label]
 		}, e.label))
-	}), t[55] = T, t[56] = ee, t[57] = Q) : Q = t[57], Q;
+	}), t[55] = T, t[56] = ee, t[57] = te) : te = t[57], te;
 }
 function mt(e) {
 	e.currentTarget.style.backgroundColor = "transparent";
@@ -4696,25 +4716,25 @@ function Ft(e) {
 			children: s
 		}), t[14] = e, t[15] = s, t[16] = c) : c = t[16], c;
 	}
-	let J = i ? "var(--oc-bubble-sender)" : "var(--oc-bubble-receiver)", Y = i ? "var(--oc-bubble-sender-fg)" : "var(--oc-bubble-receiver-fg)", X = i ? b ? "14px" : "14px 14px 4px 14px" : b ? "14px" : "14px 14px 14px 4px", Z = B === "queued" || B === "sending" ? .7 : 1, ee = m?.type === "image" || m?.type === "video", Q = m?.type === "sticker", te = ee && !r, ne;
-	t[17] !== D || t[18] !== v ? (ne = function() {
+	let J = i ? "var(--oc-bubble-sender)" : "var(--oc-bubble-receiver)", Y = i ? "var(--oc-bubble-sender-fg)" : "var(--oc-bubble-receiver-fg)", X = i ? b ? "14px" : "14px 14px 4px 14px" : b ? "14px" : "14px 14px 14px 4px", Z = B === "queued" || B === "sending" ? .7 : 1, ee = m?.type === "image" || m?.type === "video", te = m?.type === "sticker", ne = ee && !r, re;
+	t[17] !== D || t[18] !== v ? (re = function() {
 		!D || !v || D(v.messageId ?? v.senderName);
-	}, t[17] = D, t[18] = v, t[19] = ne) : ne = t[19];
-	let re = ne, ie = `flex flex-col gap-0.5 max-w-full ${i ? "items-end" : "items-start"}`, ae;
-	t[20] === Symbol.for("react.memo_cache_sentinel") ? (ae = () => H(!0), t[20] = ae) : ae = t[20];
-	let oe;
-	t[21] !== U || t[22] !== G ? (oe = () => {
-		!U && !G && H(!1);
-	}, t[21] = U, t[22] = G, t[23] = oe) : oe = t[23];
+	}, t[17] = D, t[18] = v, t[19] = re) : re = t[19];
+	let ie = re, ae = `flex flex-col gap-0.5 max-w-full ${i ? "items-end" : "items-start"}`, oe;
+	t[20] === Symbol.for("react.memo_cache_sentinel") ? (oe = () => H(!0), t[20] = oe) : oe = t[20];
 	let se;
-	t[24] === F ? se = t[25] : (se = F ? {
+	t[21] !== U || t[22] !== G ? (se = () => {
+		!U && !G && H(!1);
+	}, t[21] = U, t[22] = G, t[23] = se) : se = t[23];
+	let ce;
+	t[24] === F ? ce = t[25] : (ce = F ? {
 		backgroundColor: "rgba(234,179,8,0.12)",
 		borderRadius: "8px",
 		padding: "2px 4px",
 		margin: "-2px -4px"
-	} : void 0, t[24] = F, t[25] = se);
-	let ce = `relative flex items-end gap-2 max-w-[85%] ${i ? "flex-row-reverse" : ""}`, le;
-	t[26] !== E || t[27] !== w || t[28] !== T || t[29] !== i ? (le = w && /* @__PURE__ */ l("button", {
+	} : void 0, t[24] = F, t[25] = ce);
+	let le = `relative flex items-end gap-2 max-w-[85%] ${i ? "flex-row-reverse" : ""}`, Q;
+	t[26] !== E || t[27] !== w || t[28] !== T || t[29] !== i ? (Q = w && /* @__PURE__ */ l("button", {
 		onClick: E,
 		className: "flex-shrink-0 flex items-center justify-center w-5 h-5 rounded border-2 cursor-pointer transition-colors",
 		style: {
@@ -4734,7 +4754,7 @@ function Ft(e) {
 			strokeLinejoin: "round",
 			children: /* @__PURE__ */ l("polyline", { points: "20 6 9 17 4 12" })
 		})
-	}), t[26] = E, t[27] = w, t[28] = T, t[29] = i, t[30] = le) : le = t[30];
+	}), t[26] = E, t[27] = w, t[28] = T, t[29] = i, t[30] = Q) : Q = t[30];
 	let $;
 	t[31] !== f || t[32] !== b || t[33] !== i || t[34] !== p ? ($ = !i && /* @__PURE__ */ l("div", {
 		style: { opacity: +!b },
@@ -4744,7 +4764,7 @@ function Ft(e) {
 			size: 28
 		})
 	}), t[31] = f, t[32] = b, t[33] = i, t[34] = p, t[35] = $) : $ = t[35];
-	let ue = Q ? "transparent" : B === "failed" ? "var(--oc-bubble-failed, rgba(239,68,68,0.15))" : J, de;
+	let ue = te ? "transparent" : B === "failed" ? "var(--oc-bubble-failed, rgba(239,68,68,0.15))" : J, de;
 	t[36] === B ? de = t[37] : (de = B === "failed" ? {
 		border: "1px solid var(--oc-destructive, #ef4444)",
 		borderStyle: "dashed"
@@ -4758,7 +4778,7 @@ function Ft(e) {
 		...de
 	}, t[38] = X, t[39] = Y, t[40] = Z, t[41] = de, t[42] = ue, t[43] = fe) : fe = t[43];
 	let pe;
-	t[44] !== m || t[45] !== X || t[46] !== r || t[47] !== C || t[48] !== S || t[49] !== re || t[50] !== z || t[51] !== b || t[52] !== ee || t[53] !== B || t[54] !== R || t[55] !== te || t[56] !== I || t[57] !== x || t[58] !== v || t[59] !== i || t[60] !== d || t[61] !== a ? (pe = x ? /* @__PURE__ */ l("div", {
+	t[44] !== m || t[45] !== X || t[46] !== r || t[47] !== C || t[48] !== S || t[49] !== ie || t[50] !== z || t[51] !== b || t[52] !== ee || t[53] !== B || t[54] !== R || t[55] !== ne || t[56] !== I || t[57] !== x || t[58] !== v || t[59] !== i || t[60] !== d || t[61] !== a ? (pe = x ? /* @__PURE__ */ l("div", {
 		className: "px-3.5 py-2.5 text-sm italic",
 		style: { color: "var(--oc-muted-foreground, #fff)" },
 		children: "This message was recalled"
@@ -4785,10 +4805,10 @@ function Ft(e) {
 				borderColor: "var(--oc-reply-border)",
 				backgroundColor: i ? "var(--oc-reply-bg-sender)" : "var(--oc-reply-bg-receiver)"
 			},
-			onClick: re,
+			onClick: ie,
 			role: "button",
 			tabIndex: 0,
-			onKeyDown: (e) => e.key === "Enter" && re(),
+			onKeyDown: (e) => e.key === "Enter" && ie(),
 			"aria-label": "Jump to original message",
 			children: [
 				/* @__PURE__ */ u("div", {
@@ -4886,7 +4906,7 @@ function Ft(e) {
 				sender: i
 			}, e[0]) : null;
 		})(),
-		te && !b && /* @__PURE__ */ l(Nt, {
+		ne && !b && /* @__PURE__ */ l(Nt, {
 			time: a,
 			sender: i,
 			status: d,
@@ -4894,7 +4914,7 @@ function Ft(e) {
 			edited: C,
 			offlineStatus: B
 		})
-	] }), t[44] = m, t[45] = X, t[46] = r, t[47] = C, t[48] = S, t[49] = re, t[50] = z, t[51] = b, t[52] = ee, t[53] = B, t[54] = R, t[55] = te, t[56] = I, t[57] = x, t[58] = v, t[59] = i, t[60] = d, t[61] = a, t[62] = pe) : pe = t[62];
+	] }), t[44] = m, t[45] = X, t[46] = r, t[47] = C, t[48] = S, t[49] = ie, t[50] = z, t[51] = b, t[52] = ee, t[53] = B, t[54] = R, t[55] = ne, t[56] = I, t[57] = x, t[58] = v, t[59] = i, t[60] = d, t[61] = a, t[62] = pe) : pe = t[62];
 	let me;
 	t[63] !== fe || t[64] !== pe ? (me = /* @__PURE__ */ l("div", {
 		className: "relative overflow-hidden",
@@ -4949,16 +4969,16 @@ function Ft(e) {
 		]
 	}), t[66] = n, t[67] = V, t[68] = U, t[69] = M, t[70] = A, t[71] = j, t[72] = P, t[73] = L, t[74] = k, t[75] = N, t[76] = O, t[77] = E, t[78] = I, t[79] = G, t[80] = w, t[81] = i, t[82] = he) : he = t[82];
 	let ge;
-	t[83] !== me || t[84] !== he || t[85] !== ce || t[86] !== le || t[87] !== $ ? (ge = /* @__PURE__ */ u("div", {
+	t[83] !== me || t[84] !== he || t[85] !== le || t[86] !== Q || t[87] !== $ ? (ge = /* @__PURE__ */ u("div", {
 		ref: q,
-		className: ce,
+		className: le,
 		children: [
-			le,
+			Q,
 			$,
 			me,
 			he
 		]
-	}), t[83] = me, t[84] = he, t[85] = ce, t[86] = le, t[87] = $, t[88] = ge) : ge = t[88];
+	}), t[83] = me, t[84] = he, t[85] = le, t[86] = Q, t[87] = $, t[88] = ge) : ge = t[88];
 	let _e;
 	t[89] !== B || t[90] !== i ? (_e = B === "failed" && /* @__PURE__ */ u("div", {
 		className: `flex items-center gap-1.5 text-[11px] mt-0.5 ${i ? "pr-1 justify-end" : "pl-9"}`,
@@ -5011,26 +5031,26 @@ function Ft(e) {
 		children: y.map(It)
 	}), t[92] = y, t[93] = i, t[94] = ve) : ve = t[94];
 	let ye;
-	t[95] !== C || t[96] !== b || t[97] !== B || t[98] !== te || t[99] !== i || t[100] !== d || t[101] !== a ? (ye = (!b || C) && !te && /* @__PURE__ */ l(Nt, {
+	t[95] !== C || t[96] !== b || t[97] !== B || t[98] !== ne || t[99] !== i || t[100] !== d || t[101] !== a ? (ye = (!b || C) && !ne && /* @__PURE__ */ l(Nt, {
 		time: a,
 		sender: i,
 		status: d,
 		edited: C,
 		offlineStatus: B
-	}), t[95] = C, t[96] = b, t[97] = B, t[98] = te, t[99] = i, t[100] = d, t[101] = a, t[102] = ye) : ye = t[102];
+	}), t[95] = C, t[96] = b, t[97] = B, t[98] = ne, t[99] = i, t[100] = d, t[101] = a, t[102] = ye) : ye = t[102];
 	let be;
-	return t[103] !== ge || t[104] !== _e || t[105] !== ve || t[106] !== ye || t[107] !== ie || t[108] !== oe || t[109] !== se ? (be = /* @__PURE__ */ u("div", {
-		className: ie,
-		onMouseEnter: ae,
-		onMouseLeave: oe,
-		style: se,
+	return t[103] !== ge || t[104] !== _e || t[105] !== ve || t[106] !== ye || t[107] !== ae || t[108] !== se || t[109] !== ce ? (be = /* @__PURE__ */ u("div", {
+		className: ae,
+		onMouseEnter: oe,
+		onMouseLeave: se,
+		style: ce,
 		children: [
 			ge,
 			_e,
 			ve,
 			ye
 		]
-	}), t[103] = ge, t[104] = _e, t[105] = ve, t[106] = ye, t[107] = ie, t[108] = oe, t[109] = se, t[110] = be) : be = t[110], be;
+	}), t[103] = ge, t[104] = _e, t[105] = ve, t[106] = ye, t[107] = ae, t[108] = se, t[109] = ce, t[110] = be) : be = t[110], be;
 }
 function It(e, t) {
 	return /* @__PURE__ */ u("span", {
@@ -6363,8 +6383,8 @@ function un(e) {
 			Z
 		]
 	}), t[41] = K, t[42] = X, t[43] = Z, t[44] = ee) : ee = t[44];
-	let Q;
-	t[45] !== x || t[46] !== h ? (Q = h === "search" && /* @__PURE__ */ l("div", {
+	let te;
+	t[45] !== x || t[46] !== h ? (te = h === "search" && /* @__PURE__ */ l("div", {
 		className: "flex-shrink-0 px-3 pt-2 pb-1",
 		children: /* @__PURE__ */ u("div", {
 			className: "flex items-center gap-2 rounded-xl px-3 h-9 border",
@@ -6404,11 +6424,11 @@ function un(e) {
 				style: { color: "var(--oc-foreground)" }
 			})]
 		})
-	}), t[45] = x, t[46] = h, t[47] = Q) : Q = t[47];
-	let te;
-	t[48] === Symbol.for("react.memo_cache_sentinel") ? (te = { scrollbarWidth: "none" }, t[48] = te) : te = t[48];
+	}), t[45] = x, t[46] = h, t[47] = te) : te = t[47];
 	let ne;
-	t[49] !== B || t[50] !== y || t[51] !== R || t[52] !== E || t[53] !== x || t[54] !== w || t[55] !== h ? (ne = E ? /* @__PURE__ */ l("div", {
+	t[48] === Symbol.for("react.memo_cache_sentinel") ? (ne = { scrollbarWidth: "none" }, t[48] = ne) : ne = t[48];
+	let re;
+	t[49] !== B || t[50] !== y || t[51] !== R || t[52] !== E || t[53] !== x || t[54] !== w || t[55] !== h ? (re = E ? /* @__PURE__ */ l("div", {
 		className: "flex items-center justify-center h-full text-sm",
 		style: { color: "var(--oc-muted-foreground)" },
 		children: "Loading…"
@@ -6425,15 +6445,15 @@ function un(e) {
 	}) : B ? /* @__PURE__ */ l(ln, {
 		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];
-	let re;
-	t[57] === ne ? re = t[58] : (re = /* @__PURE__ */ l("div", {
-		className: "flex-1 overflow-y-auto",
-		style: te,
-		children: ne
-	}), t[57] = ne, t[58] = re);
+	}) : null, t[49] = B, t[50] = y, t[51] = R, t[52] = E, t[53] = x, t[54] = w, t[55] = h, t[56] = re) : re = t[56];
 	let ie;
-	t[59] === h ? ie = t[60] : (ie = (h === "featured" || h === "search") && /* @__PURE__ */ l("div", {
+	t[57] === re ? ie = t[58] : (ie = /* @__PURE__ */ l("div", {
+		className: "flex-1 overflow-y-auto",
+		style: ne,
+		children: re
+	}), t[57] = re, t[58] = ie);
+	let ae;
+	t[59] === h ? ae = t[60] : (ae = (h === "featured" || h === "search") && /* @__PURE__ */ l("div", {
 		className: "flex-shrink-0 flex items-center justify-end px-3 py-1.5 border-t",
 		style: { borderColor: "var(--oc-border)" },
 		children: /* @__PURE__ */ l("span", {
@@ -6444,19 +6464,19 @@ function un(e) {
 			},
 			children: "Powered by Tenor"
 		})
-	}), t[59] = h, t[60] = ie);
-	let ae;
-	return t[61] !== ee || t[62] !== Q || t[63] !== re || t[64] !== ie ? (ae = /* @__PURE__ */ u("div", {
+	}), t[59] = h, t[60] = ae);
+	let oe;
+	return t[61] !== ee || t[62] !== te || t[63] !== ie || t[64] !== ae ? (oe = /* @__PURE__ */ u("div", {
 		ref: m,
 		className: "flex flex-col rounded-2xl border overflow-hidden",
 		style: V,
 		children: [
 			ee,
-			Q,
-			re,
-			ie
+			te,
+			ie,
+			ae
 		]
-	}), t[61] = ee, t[62] = Q, t[63] = re, t[64] = ie, t[65] = ae) : ae = t[65], ae;
+	}), t[61] = ee, t[62] = te, t[63] = ie, t[64] = ae, t[65] = oe) : oe = t[65], oe;
 }
 //#endregion
 //#region src/components/chat/QuickMessages.tsx
@@ -7019,8 +7039,8 @@ function wn(e) {
 		let e = window.getSelection();
 		e && e.rangeCount > 0 && v.current?.contains(e.anchorNode) && (X.current = e.getRangeAt(0).cloneRange());
 	}, t[11] = Z) : Z = t[11];
-	let ee = Z, Q;
-	t[12] === a ? Q = t[13] : (Q = (e) => {
+	let ee = Z, te;
+	t[12] === a ? te = t[13] : (te = (e) => {
 		let t = v.current;
 		if (!t) return;
 		t.focus();
@@ -7035,30 +7055,30 @@ function wn(e) {
 			r.insertNode(i), r.setStartAfter(i), r.collapse(!0), n.removeAllRanges(), n.addRange(r), X.current = r.cloneRange();
 		} else t.innerText += e;
 		N(!0), F(t.innerText.length), a?.();
-	}, t[12] = a, t[13] = Q);
-	let te = Q, ne;
-	t[14] === Symbol.for("react.memo_cache_sentinel") ? (ne = (e) => {
+	}, t[12] = a, t[13] = te);
+	let ne = te, re;
+	t[14] === Symbol.for("react.memo_cache_sentinel") ? (re = (e) => {
 		let t = v.current;
 		if (!t) return;
 		t.focus(), t.innerText = e;
 		let n = document.createRange(), r = window.getSelection();
 		n.selectNodeContents(t), n.collapse(!1), r?.removeAllRanges(), r?.addRange(n), N(!0), F(e.length);
-	}, t[14] = ne) : ne = t[14];
-	let re = ne, ie;
-	t[15] === i ? ie = t[16] : (ie = (e) => {
+	}, t[14] = re) : re = t[14];
+	let ie = re, ae;
+	t[15] === i ? ae = t[16] : (ae = (e) => {
 		i?.({
 			type: "sticker",
 			url: e.url,
 			filename: e.title ?? "sticker"
 		}), D(!1);
-	}, t[15] = i, t[16] = ie);
-	let ae = ie, oe = jn, se, ce;
-	if (t[17] === Symbol.for("react.memo_cache_sentinel") ? (se = () => {
+	}, t[15] = i, t[16] = ae);
+	let oe = ae, se = jn, ce, le;
+	if (t[17] === Symbol.for("react.memo_cache_sentinel") ? (ce = () => {
 		let e = (e) => {
 			e.key === "Escape" && (x(!1), C(!1), D(!1), k(!1), L(null));
 		};
 		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
-	}, ce = [], t[17] = se, t[18] = ce) : (se = t[17], ce = t[18]), r(se, ce), w) {
+	}, le = [], t[17] = ce, t[18] = le) : (ce = t[17], le = t[18]), r(ce, le), w) {
 		let e;
 		t[19] === Symbol.for("react.memo_cache_sentinel") ? (e = { backgroundColor: "var(--oc-composer-bg)" }, t[19] = e) : e = t[19];
 		let n;
@@ -7077,11 +7097,11 @@ function wn(e) {
 			})
 		}), t[23] = n, t[24] = a), a;
 	}
-	let le;
-	t[25] === I ? le = t[26] : (le = I && /* @__PURE__ */ l(yn, {
+	let Q;
+	t[25] === I ? Q = t[26] : (Q = I && /* @__PURE__ */ l(yn, {
 		onFormat: Y,
 		position: I
-	}), t[25] = I, t[26] = le);
+	}), t[25] = I, t[26] = Q);
 	let $;
 	t[27] === Symbol.for("react.memo_cache_sentinel") ? ($ = { backgroundColor: "var(--oc-composer-bg)" }, t[27] = $) : $ = t[27];
 	let ue;
@@ -7228,7 +7248,7 @@ function wn(e) {
 				]
 			})
 		}), O && /* @__PURE__ */ l(hn, {
-			onSelect: re,
+			onSelect: ie,
 			onClose: () => k(!1),
 			onManage: () => {
 				k(!1), j(!0);
@@ -7248,7 +7268,7 @@ function wn(e) {
 		suppressContentEditableWarning: !0,
 		onKeyDown: V,
 		onInput: U,
-		onPaste: oe,
+		onPaste: se,
 		onBlur: ee,
 		"data-placeholder": h,
 		className: "px-3.5 py-2.5 text-sm leading-relaxed outline-none max-h-[120px] overflow-y-auto empty:before:content-[attr(data-placeholder)] empty:before:pointer-events-none",
@@ -7387,15 +7407,15 @@ function wn(e) {
 		]
 	}), t[79] = _e, t[80] = ve, t[81] = De, t[82] = Ne, t[83] = Pe, t[84] = Fe) : Fe = t[84];
 	let Ie;
-	t[85] !== te || t[86] !== b ? (Ie = b && /* @__PURE__ */ l("div", {
+	t[85] !== ne || t[86] !== b ? (Ie = b && /* @__PURE__ */ l("div", {
 		className: "absolute bottom-full right-0 mb-2 z-50",
 		children: /* @__PURE__ */ l(Ut, {
 			onSelect: (e) => {
-				te(e), v.current?.focus();
+				ne(e), v.current?.focus();
 			},
 			onClose: () => x(!1)
 		})
-	}), t[85] = te, t[86] = b, t[87] = Ie) : Ie = t[87];
+	}), t[85] = ne, t[86] = b, t[87] = Ie) : Ie = t[87];
 	let Le;
 	t[88] !== i || t[89] !== S ? (Le = S && /* @__PURE__ */ l("div", {
 		className: "absolute bottom-full left-0 mb-2 z-50",
@@ -7407,15 +7427,15 @@ function wn(e) {
 		})
 	}), t[88] = i, t[89] = S, t[90] = Le) : Le = t[90];
 	let Re;
-	t[91] !== ae || t[92] !== E || t[93] !== f || t[94] !== p ? (Re = E && /* @__PURE__ */ l("div", {
+	t[91] !== oe || 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(un, {
-			onSelect: ae,
+			onSelect: oe,
 			onClose: () => D(!1),
 			customPacks: f,
 			tenorApiKey: p
 		})
-	}), t[91] = ae, t[92] = E, t[93] = f, t[94] = p, t[95] = Re) : Re = t[95];
+	}), t[91] = oe, t[92] = E, t[93] = f, t[94] = p, t[95] = Re) : Re = t[95];
 	let ze;
 	t[96] !== ge || t[97] !== Fe || t[98] !== Ie || t[99] !== Le || t[100] !== Re ? (ze = /* @__PURE__ */ u("footer", {
 		className: "flex-shrink-0 border-t border-border relative",
@@ -7434,11 +7454,11 @@ function wn(e) {
 		onClose: () => j(!1)
 	}), t[102] = m, t[103] = A, t[104] = Be) : Be = t[104];
 	let Ve;
-	return t[105] !== le || t[106] !== ze || t[107] !== Be ? (Ve = /* @__PURE__ */ u(c, { children: [
-		le,
+	return t[105] !== Q || t[106] !== ze || t[107] !== Be ? (Ve = /* @__PURE__ */ u(c, { children: [
+		Q,
 		ze,
 		Be
-	] }), t[105] = le, t[106] = ze, t[107] = Be, t[108] = Ve) : Ve = t[108], Ve;
+	] }), t[105] = Q, t[106] = ze, t[107] = Be, t[108] = Ve) : Ve = t[108], Ve;
 }
 function Tn(e) {
 	return !e;
@@ -8357,38 +8377,38 @@ function Qn({ onViewProfile: e, onClose: t }) {
 		})
 	});
 }
-function $n({ 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), ie = o(null), ae = o(null), oe = o(/* @__PURE__ */ new Map()), [se, ce] = s(!1), [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 $n({ 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: te, imageSet: ne }) {
+	let re = y(), ie = o(null), ae = o(null), oe = o(null), se = o(/* @__PURE__ */ new Map()), [ce, le] = s(!1), [Q, $] = 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 = oe.current.get(e);
+		let t = se.current.get(e);
 		t && (t.scrollIntoView({
 			behavior: "smooth",
 			block: "center"
 		}), de(e), setTimeout(() => de(null), 1500));
 	}
 	r(() => {
-		ie.current?.scrollIntoView({ behavior: "instant" }), ve.current = f.length;
+		ae.current?.scrollIntoView({ behavior: "instant" }), ve.current = f.length;
 	}, []), r(() => {
-		p && p.length > 0 && ae.current?.scrollIntoView({
+		p && p.length > 0 && oe.current?.scrollIntoView({
 			behavior: "smooth",
 			block: "center"
 		});
 	}, [p]), r(() => {
 		let e = f.length - ve.current;
-		if (ve.current = f.length, !(e <= 0)) if (_e.current) ie.current?.scrollIntoView({ behavior: "smooth" });
+		if (ve.current = f.length, !(e <= 0)) if (_e.current) ae.current?.scrollIntoView({ behavior: "smooth" });
 		else {
 			let t = f.slice(-e).filter((e) => !e.sender).length;
 			t > 0 && $((e) => e + t);
 		}
 	}, [f, f.length]);
 	function be() {
-		let e = re.current;
+		let e = ie.current;
 		if (!e) return;
 		let t = e.scrollHeight - e.scrollTop - e.clientHeight;
-		_e.current = t < 80, ce(t > 200), t < 80 && $(0);
+		_e.current = t < 80, le(t > 200), t < 80 && $(0);
 	}
 	function xe() {
-		ie.current?.scrollIntoView({ behavior: "smooth" }), $(0);
+		ae.current?.scrollIntoView({ behavior: "smooth" }), $(0);
 	}
 	r(() => {
 		if (!I?.length) return;
@@ -8405,7 +8425,7 @@ function $n({ conversationName: e, avatarSrc: t, isOnline: n, presenceStatus: i,
 		}
 		Se.push(/* @__PURE__ */ l("div", {
 			ref: (t) => {
-				t ? oe.current.set(e.id, t) : oe.current.delete(e.id);
+				t ? se.current.set(e.id, t) : se.current.delete(e.id);
 			},
 			children: /* @__PURE__ */ l(Ft, {
 				...e,
@@ -8424,14 +8444,14 @@ function $n({ conversationName: e, avatarSrc: t, isOnline: n, presenceStatus: i,
 				onEdit: () => W?.(e.id),
 				onReact: (t) => G?.(e.id, t),
 				onPin: K ? () => K(e.id, !!e.pinned) : void 0,
-				onMediaOpen: Q,
-				imageSet: te
+				onMediaOpen: te,
+				imageSet: ne
 			})
 		}, e.id));
 	}), /* @__PURE__ */ u("div", {
 		className: "flex flex-col h-full bg-background text-foreground font-body relative",
 		children: [
-			ne.showChatHeader && /* @__PURE__ */ u("header", {
+			re.showChatHeader && /* @__PURE__ */ u("header", {
 				className: "flex-shrink-0 h-[60px] flex items-center gap-1 px-1 border-b border-border z-10",
 				style: {
 					backgroundColor: "rgba(13,17,23,0.95)",
@@ -8485,10 +8505,10 @@ function $n({ conversationName: e, avatarSrc: t, isOnline: n, presenceStatus: i,
 							children: i
 						})] })] })
 					}),
-					h && ne.showAudioIcon && /* @__PURE__ */ l("button", {
+					h && re.showAudioIcon && /* @__PURE__ */ l("button", {
 						onClick: h,
 						className: "w-10 h-10 flex items-center justify-center rounded-xl border-none bg-transparent cursor-pointer text-muted-foreground",
-						children: ne.callIcon ?? /* @__PURE__ */ l("svg", {
+						children: re.callIcon ?? /* @__PURE__ */ l("svg", {
 							width: "20",
 							height: "20",
 							viewBox: "0 0 24 24",
@@ -8500,10 +8520,10 @@ function $n({ conversationName: e, avatarSrc: t, isOnline: n, presenceStatus: i,
 							children: /* @__PURE__ */ l("path", { d: "M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.15 12a19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 3.06 1h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L7.09 8.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 21 16z" })
 						})
 					}),
-					g && ne.showVideoIcon && /* @__PURE__ */ l("button", {
+					g && re.showVideoIcon && /* @__PURE__ */ l("button", {
 						onClick: g,
 						className: "w-10 h-10 flex items-center justify-center rounded-xl border-none bg-transparent cursor-pointer text-muted-foreground",
-						children: ne.VideoCallIcon ?? /* @__PURE__ */ u("svg", {
+						children: re.VideoCallIcon ?? /* @__PURE__ */ u("svg", {
 							width: "20",
 							height: "20",
 							viewBox: "0 0 24 24",
@@ -8522,7 +8542,7 @@ function $n({ conversationName: e, avatarSrc: t, isOnline: n, presenceStatus: i,
 							})]
 						})
 					}),
-					P && ne.showSearchIcon && /* @__PURE__ */ l("button", {
+					P && re.showSearchIcon && /* @__PURE__ */ l("button", {
 						onClick: P,
 						className: "w-10 h-10 flex items-center justify-center rounded-xl border-none bg-transparent cursor-pointer",
 						style: { color: M ? "var(--oc-primary, #3b82f6)" : "var(--oc-muted-foreground)" },
@@ -8695,7 +8715,7 @@ function $n({ conversationName: e, avatarSrc: t, isOnline: n, presenceStatus: i,
 				onUnpin: K ? (e) => K(e, !0) : void 0
 			}),
 			/* @__PURE__ */ u("main", {
-				ref: re,
+				ref: ie,
 				onScroll: be,
 				className: "flex-1 overflow-y-auto px-4 py-3 flex flex-col gap-2 scrollbar-none relative",
 				children: [
@@ -8715,7 +8735,7 @@ function $n({ conversationName: e, avatarSrc: t, isOnline: n, presenceStatus: i,
 								2,
 								3
 							].map((e) => /* @__PURE__ */ l("span", {
-								ref: ae,
+								ref: oe,
 								className: "w-1.5 h-1.5 rounded-full block",
 								style: {
 									backgroundColor: "var(--oc-typing-dot)",
@@ -8726,29 +8746,29 @@ function $n({ conversationName: e, avatarSrc: t, isOnline: n, presenceStatus: i,
 						})]
 					}),
 					/* @__PURE__ */ l("div", {
-						ref: ie,
+						ref: ae,
 						className: "h-px"
 					})
 				]
 			}),
-			(se || le > 0) && /* @__PURE__ */ l("div", {
+			(ce || Q > 0) && /* @__PURE__ */ l("div", {
 				className: "flex justify-end px-4 py-2 pointer-events-none",
 				children: /* @__PURE__ */ u("button", {
 					onClick: xe,
 					className: "flex items-center gap-2 rounded-full border-none cursor-pointer z-20 shadow-lg transition-all pointer-events-auto",
 					style: {
-						backgroundColor: le > 0 ? "var(--oc-primary, #3b82f6)" : "var(--oc-card, #1e1e1e)",
-						color: le > 0 ? "#fff" : "var(--oc-foreground)",
-						padding: le > 0 ? "6px 14px 6px 10px" : "10px",
-						border: le > 0 ? "none" : "1px solid var(--oc-border)"
+						backgroundColor: Q > 0 ? "var(--oc-primary, #3b82f6)" : "var(--oc-card, #1e1e1e)",
+						color: Q > 0 ? "#fff" : "var(--oc-foreground)",
+						padding: Q > 0 ? "6px 14px 6px 10px" : "10px",
+						border: Q > 0 ? "none" : "1px solid var(--oc-border)"
 					},
 					"aria-label": "Scroll to bottom",
-					children: [le > 0 && /* @__PURE__ */ u("span", {
+					children: [Q > 0 && /* @__PURE__ */ u("span", {
 						className: "text-xs font-semibold leading-none",
 						children: [
-							le,
+							Q,
 							" new ",
-							le === 1 ? "message" : "messages"
+							Q === 1 ? "message" : "messages"
 						]
 					}), /* @__PURE__ */ l("svg", {
 						width: "16",
@@ -9646,30 +9666,30 @@ function gr(e) {
 	t[27] === Symbol.for("react.memo_cache_sentinel") ? (Z = () => {
 		T.current = !1, w(!1), A.current = null;
 	}, t[27] = Z) : Z = t[27];
-	let ee = Z, Q = i.length > 1, te;
-	t[28] === Symbol.for("react.memo_cache_sentinel") ? (te = {
+	let ee = Z, te = i.length > 1, ne;
+	t[28] === Symbol.for("react.memo_cache_sentinel") ? (ne = {
 		position: "relative",
 		width: "100vw",
 		height: "100vh"
-	}, t[28] = te) : te = t[28];
-	let ne;
-	t[29] === Symbol.for("react.memo_cache_sentinel") ? (ne = {
+	}, t[28] = ne) : ne = t[28];
+	let re;
+	t[29] === Symbol.for("react.memo_cache_sentinel") ? (re = {
 		...mr,
 		position: "absolute",
 		top: 16,
 		right: 16,
 		zIndex: 10,
 		fontSize: 22
-	}, t[29] = ne) : ne = t[29];
-	let re;
-	t[30] === a ? re = t[31] : (re = /* @__PURE__ */ l("button", {
+	}, t[29] = re) : re = t[29];
+	let ie;
+	t[30] === a ? ie = t[31] : (ie = /* @__PURE__ */ l("button", {
 		"aria-label": "Close",
 		onClick: a,
-		style: ne,
+		style: re,
 		children: "✕"
-	}), t[30] = a, t[31] = re);
-	let ie = p > 1 ? C ? "grabbing" : "grab" : "default", ae;
-	t[32] === ie ? ae = t[33] : (ae = {
+	}), t[30] = a, t[31] = ie);
+	let ae = p > 1 ? C ? "grabbing" : "grab" : "default", oe;
+	t[32] === ae ? oe = t[33] : (oe = {
 		position: "relative",
 		width: "100%",
 		height: "100%",
@@ -9677,54 +9697,54 @@ function gr(e) {
 		alignItems: "center",
 		justifyContent: "center",
 		overflow: "hidden",
-		cursor: ie,
+		cursor: ae,
 		userSelect: "none"
-	}, t[32] = ie, t[33] = ae);
-	let oe;
-	t[34] !== x || t[35] !== y ? (oe = y && !x && /* @__PURE__ */ l("div", {
+	}, t[32] = ae, t[33] = oe);
+	let se;
+	t[34] !== x || t[35] !== y ? (se = y && !x && /* @__PURE__ */ l("div", {
 		style: {
 			color: "#fff",
 			fontSize: 14,
 			opacity: .7
 		},
 		children: "Loading…"
-	}), t[34] = x, t[35] = y, t[36] = oe) : oe = t[36];
-	let se;
-	t[37] === x ? se = t[38] : (se = x && /* @__PURE__ */ l("div", {
+	}), t[34] = x, t[35] = y, t[36] = se) : se = t[36];
+	let ce;
+	t[37] === x ? ce = t[38] : (ce = x && /* @__PURE__ */ l("div", {
 		style: {
 			color: "#fff",
 			fontSize: 14,
 			opacity: .7
 		},
 		children: "Failed to load image"
-	}), t[37] = x, t[38] = se);
-	let ce = M.name ?? "Image", le = `scale(${p}) translate(${_.x}px, ${_.y}px)`, $ = C ? "none" : "transform 0.1s ease", ue = y || x ? "none" : "block", de;
-	t[39] !== le || t[40] !== $ || t[41] !== ue ? (de = {
+	}), t[37] = x, t[38] = ce);
+	let le = M.name ?? "Image", Q = `scale(${p}) translate(${_.x}px, ${_.y}px)`, $ = C ? "none" : "transform 0.1s ease", ue = y || x ? "none" : "block", de;
+	t[39] !== Q || t[40] !== $ || t[41] !== ue ? (de = {
 		maxWidth: "90vw",
 		maxHeight: "90vh",
 		objectFit: "contain",
-		transform: le,
+		transform: Q,
 		transformOrigin: "center center",
 		transition: $,
 		display: ue,
 		pointerEvents: "none"
-	}, t[39] = le, t[40] = $, t[41] = ue, t[42] = de) : de = t[42];
+	}, t[39] = Q, t[40] = $, t[41] = ue, t[42] = de) : de = t[42];
 	let fe, pe;
 	t[43] === Symbol.for("react.memo_cache_sentinel") ? (fe = () => b(!1), pe = () => {
 		b(!1), S(!0);
 	}, t[43] = fe, t[44] = pe) : (fe = t[43], pe = t[44]);
 	let me;
-	t[45] !== M.url || t[46] !== ce || t[47] !== de ? (me = /* @__PURE__ */ l("img", {
+	t[45] !== M.url || t[46] !== le || t[47] !== de ? (me = /* @__PURE__ */ l("img", {
 		src: M.url,
-		alt: ce,
+		alt: le,
 		style: de,
 		onLoad: fe,
 		onError: pe,
 		draggable: !1
-	}), t[45] = M.url, t[46] = ce, t[47] = de, t[48] = me) : me = t[48];
+	}), t[45] = M.url, t[46] = le, t[47] = de, t[48] = me) : me = t[48];
 	let he;
-	t[49] !== H || t[50] !== W || t[51] !== X || t[52] !== J || t[53] !== ae || t[54] !== oe || t[55] !== se || t[56] !== me ? (he = /* @__PURE__ */ u("div", {
-		style: ae,
+	t[49] !== H || t[50] !== W || t[51] !== X || t[52] !== J || t[53] !== oe || t[54] !== se || t[55] !== ce || t[56] !== me ? (he = /* @__PURE__ */ u("div", {
+		style: oe,
 		onWheel: B,
 		onMouseDown: H,
 		onMouseMove: W,
@@ -9734,11 +9754,11 @@ function gr(e) {
 		onTouchMove: X,
 		onTouchEnd: ee,
 		children: [
-			oe,
 			se,
+			ce,
 			me
 		]
-	}), t[49] = H, t[50] = W, t[51] = X, t[52] = J, t[53] = ae, t[54] = oe, t[55] = se, t[56] = me, t[57] = he) : he = t[57];
+	}), t[49] = H, t[50] = W, t[51] = X, t[52] = J, t[53] = oe, t[54] = se, t[55] = ce, t[56] = me, t[57] = he) : he = t[57];
 	let ge;
 	t[58] === Symbol.for("react.memo_cache_sentinel") ? (ge = {
 		position: "absolute",
@@ -9751,13 +9771,13 @@ function gr(e) {
 		zIndex: 10
 	}, t[58] = ge) : ge = t[58];
 	let _e;
-	t[59] !== d || t[60] !== Q ? (_e = Q && /* @__PURE__ */ l("button", {
+	t[59] !== d || t[60] !== te ? (_e = te && /* @__PURE__ */ l("button", {
 		"aria-label": "Previous image",
 		disabled: d === 0,
 		onClick: () => R(Math.max(0, d - 1)),
 		style: d === 0 ? hr : mr,
 		children: "‹"
-	}), t[59] = d, t[60] = Q, t[61] = _e) : _e = t[61];
+	}), t[59] = d, t[60] = te, 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",
@@ -9785,13 +9805,13 @@ function gr(e) {
 		children: "+"
 	}), t[68] = Se) : Se = t[68];
 	let Ce;
-	t[69] !== d || t[70] !== i.length || t[71] !== Q ? (Ce = Q && /* @__PURE__ */ l("button", {
+	t[69] !== d || t[70] !== i.length || t[71] !== te ? (Ce = te && /* @__PURE__ */ l("button", {
 		"aria-label": "Next image",
 		disabled: d === i.length - 1,
 		onClick: () => R(Math.min(i.length - 1, d + 1)),
 		style: d === i.length - 1 ? hr : mr,
 		children: "›"
-	}), t[69] = d, t[70] = i.length, t[71] = Q, t[72] = Ce) : Ce = t[72];
+	}), t[69] = d, t[70] = i.length, t[71] = te, t[72] = Ce) : Ce = t[72];
 	let we;
 	t[73] !== _e || t[74] !== xe || t[75] !== Ce ? (we = /* @__PURE__ */ u("div", {
 		style: ge,
@@ -9804,14 +9824,14 @@ function gr(e) {
 		]
 	}), t[73] = _e, t[74] = xe, t[75] = Ce, t[76] = we) : we = t[76];
 	let Te;
-	return t[77] !== re || t[78] !== he || t[79] !== we ? (Te = /* @__PURE__ */ u("div", {
-		style: te,
+	return t[77] !== ie || t[78] !== he || t[79] !== we ? (Te = /* @__PURE__ */ u("div", {
+		style: ne,
 		children: [
-			re,
+			ie,
 			he,
 			we
 		]
-	}), t[77] = re, t[78] = he, t[79] = we, t[80] = Te) : Te = t[80], Te;
+	}), t[77] = ie, t[78] = he, t[79] = we, t[80] = Te) : Te = t[80], Te;
 }
 function _r(e) {
 	return pr(e + dr);
@@ -10555,47 +10575,63 @@ function Wr() {
 }
 //#endregion
 //#region src/widgets/Chat.tsx
-function Gr({ conversationId: e, onCallRequest: t, renderHeader: n, chatBanner: i, defaultQuickMessages: d }) {
-	let { apiClient: f, baseUrl: p } = v(), { initiateCall: m } = P(), { conversations: h, loading: g, createDirect: _ } = Ae(), { records: y } = Re(), [b, x] = s(e ?? null), [S, C] = s("chats"), [w, T] = s(!1), [E, D] = s([]), [O, k] = s(!1);
+function Gr({ conversationId: e, onCallRequest: t, renderHeader: n, chatBanner: i, defaultQuickMessages: d, onOpenChatBox: f, onChatBoxClosed: p }) {
+	let { apiClient: m, baseUrl: h } = v(), { initiateCall: g } = P(), { conversations: _, loading: y, createDirect: b } = Ae(), { records: x } = Re(), [S, C] = s(e ?? null), [w, T] = s("chats"), [E, D] = s(!1), [O, k] = s([]), [A, j] = s(!1);
+	function M(e) {
+		if (C(e), f) {
+			let t = _.find((t) => t.id === e);
+			t && f(t);
+		}
+	}
 	r(() => {
-		e && x(e);
+		e && M(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");
+	let [N, I] = s(null), [L, R] = s(!1), [z, B] = s([]), [V, H] = s(null), [U, W] = s(null), [G, K] = s(null), [q, J] = s(!1), [Y, X] = s(""), [Z, ee] = s([]), [te, ne] = s(0), [re, ie] = s(null), [ae, oe] = 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);
+		S && oe(_.find((e) => e.id === S)?.presenceStatus ?? "offline");
+	}, [S, _]), F("presence:changed", ({ app_user_id: e, status: t }) => {
+		S && _.find((e) => e.id === S)?.otherUserId === e && oe(t);
 	});
-	let { messages: re, typingUsers: ie, pinnedMessages: ae, sendMessage: oe, sendTyping: se, markRead: ce, editMessageLocally: le } = Fe(b ?? ""), $ = a(() => re.flatMap((e) => e.attachment?.type === "image" ? [e.attachment] : []), [re]), ue = o(/* @__PURE__ */ new Set());
+	let { messages: se, typingUsers: ce, pinnedMessages: le, sendMessage: Q, sendTyping: $, markRead: ue, editMessageLocally: de } = Fe(S ?? ""), fe = a(() => {
+		let e = _.find((e) => e.id === S)?.avatarSrc;
+		return e ? se.map((t) => ({
+			...t,
+			avatarSrc: e
+		})) : se;
+	}, [
+		se,
+		S,
+		_
+	]), pe = a(() => fe.flatMap((e) => e.attachment?.type === "image" ? [e.attachment] : []), [fe]), me = o(/* @__PURE__ */ new Set());
 	r(() => {
-		ue.current = /* @__PURE__ */ new Set(), Q(null);
-	}, [b]), r(() => {
-		b && re.forEach((e) => {
-			!e.sender && e.id && !ue.current.has(e.id) && (ue.current.add(e.id), ce(e.id));
+		me.current = /* @__PURE__ */ new Set(), ie(null);
+	}, [S]), r(() => {
+		S && se.forEach((e) => {
+			!e.sender && e.id && !me.current.has(e.id) && (me.current.add(e.id), ue(e.id));
 		});
 	}, [
-		re,
-		b,
-		ce
+		se,
+		S,
+		ue
 	]);
-	function de(e, t) {
-		e.type === "image" ? Q({
+	function he(e, t) {
+		e.type === "image" ? ie({
 			type: "image",
 			attachment: e,
-			imageSet: t ?? $
-		}) : e.type === "video" ? Q({
+			imageSet: t ?? pe
+		}) : e.type === "video" ? ie({
 			type: "video",
 			attachment: e
-		}) : Q({
+		}) : ie({
 			type: "document",
 			attachment: e
 		});
 	}
-	function fe() {
-		Q(null);
+	function ge() {
+		ie(null);
 	}
-	function pe(e) {
-		j({
+	function _e(e) {
+		I({
 			messageId: e.id,
 			senderName: e.sender ? "You" : e.senderName ?? "Unknown",
 			content: e.content ?? "",
@@ -10603,119 +10639,119 @@ function Gr({ conversationId: e, onCallRequest: t, renderHeader: n, chatBanner:
 			attachmentType: e.attachment?.type
 		});
 	}
-	async function me(e) {
-		if (b) try {
-			await f.delete(`/messages/${e}`);
+	async function ve(e) {
+		if (S) try {
+			await m.delete(`/messages/${e}`);
 		} catch (e) {
 			console.error("[Chat] delete failed", e);
 		}
 	}
-	async function he(e) {
-		if (b && confirm("Recall this message for everyone?")) try {
-			await f.patch(`/messages/${e}/recall`, {});
+	async function ye(e) {
+		if (S && confirm("Recall this message for everyone?")) try {
+			await m.patch(`/messages/${e}/recall`, {});
 		} catch (e) {
 			console.error("[Chat] recall failed", e);
 		}
 	}
-	async function ge(e) {
-		z(e);
+	async function be(e) {
+		H(e);
 	}
-	async function _e(e) {
+	async function xe(e) {
 		try {
-			B ? await f.post("/messages/batch", {
+			U ? await m.post("/messages/batch", {
 				action: "forward",
-				message_ids: B,
+				message_ids: U,
 				target_conversation_ids: e
-			}) : R && await f.post(`/messages/${R}/forward`, { target_conversation_ids: e });
+			}) : V && await m.post(`/messages/${V}/forward`, { target_conversation_ids: e });
 		} catch (e) {
 			console.error("[Chat] forward failed", e);
 		} finally {
-			z(null), V(null);
+			H(null), W(null);
 		}
 	}
-	async function ve(e, t) {
+	async function Se(e, t) {
 		try {
-			await f.post(`/messages/${e}/reactions`, { reaction_type: t });
+			await m.post(`/messages/${e}/reactions`, { reaction_type: t });
 		} catch (e) {
 			console.error("[Chat] react failed", e);
 		}
 	}
-	async function ye(e, t) {
+	async function Ce(e, t) {
 		try {
-			t ? await f.delete(`/messages/${e}/pin`) : await f.post(`/messages/${e}/pin`, {});
+			t ? await m.delete(`/messages/${e}/pin`) : await m.post(`/messages/${e}/pin`, {});
 		} catch (e) {
 			console.error("[Chat] pin failed", e);
 		}
 	}
-	async function be(e) {
-		let t = re.find((t) => t.id === e);
+	async function we(e) {
+		let t = se.find((t) => t.id === e);
 		if (!t) return;
 		let n = window.prompt("Edit message:", t.content ?? "");
 		if (!(n === null || n === t.content)) try {
-			await f.patch(`/messages/${e}`, { content: n }), le(e, n);
+			await m.patch(`/messages/${e}`, { content: n }), de(e, n);
 		} catch (e) {
 			console.error("[Chat] edit failed", e);
 		}
 	}
-	async function xe() {
-		if (I.length) try {
-			await f.post("/messages/batch", {
+	async function Te() {
+		if (z.length) try {
+			await m.post("/messages/batch", {
 				action: "delete",
-				message_ids: I
+				message_ids: z
 			});
 		} catch (e) {
 			console.error("[Chat] batch delete failed", e);
 		} finally {
-			N(!1), L([]);
+			R(!1), B([]);
 		}
 	}
-	async function Se() {
-		if (I.length && confirm(`Recall ${I.length} message(s) for everyone?`)) try {
-			await f.post("/messages/batch", {
+	async function Ee() {
+		if (z.length && confirm(`Recall ${z.length} message(s) for everyone?`)) try {
+			await m.post("/messages/batch", {
 				action: "recall",
-				message_ids: I
+				message_ids: z
 			});
 		} catch (e) {
 			console.error("[Chat] batch recall failed", e);
 		} finally {
-			N(!1), L([]);
+			R(!1), B([]);
 		}
 	}
-	function Ce() {
-		V([...I]), N(!1), L([]);
+	function De() {
+		W([...z]), R(!1), B([]);
 	}
-	function we(e) {
-		if (q(e), Z(0), !e.trim()) {
-			Y([]);
+	function Oe(e) {
+		if (X(e), ne(0), !e.trim()) {
+			ee([]);
 			return;
 		}
 		let t = e.toLowerCase();
-		Y(re.filter((e) => e.content?.toLowerCase().includes(t)).map((e) => e.id));
+		ee(se.filter((e) => e.content?.toLowerCase().includes(t)).map((e) => e.id));
 	}
-	function Te() {
-		G((e) => (e && (q(""), Y([]), Z(0)), !e));
+	function ke() {
+		J((e) => (e && (X(""), ee([]), ne(0)), !e));
 	}
-	function Ee() {
-		J.length && Z((e) => (e + 1) % J.length);
+	function je() {
+		Z.length && ne((e) => (e + 1) % Z.length);
 	}
-	function De() {
-		J.length && Z((e) => (e - 1 + J.length) % J.length);
+	function Me() {
+		Z.length && ne((e) => (e - 1 + Z.length) % Z.length);
 	}
-	async function Oe() {
-		T(!0), k(!0);
+	async function Ne() {
+		D(!0), j(!0);
 		try {
-			D(await f.get("/app-users"));
+			k(await m.get("/app-users"));
 		} catch {
-			D([]);
+			k([]);
 		} finally {
-			k(!1);
+			j(!1);
 		}
 	}
-	async function ke(e) {
-		T(!1), x(await _(e));
+	async function Pe(e) {
+		D(!1), M(await b(e));
 	}
-	if (b) {
-		let e = h.find((e) => e.id === b), r = e?.otherUserId ?? e?.id ?? "", a = h.map((e) => ({
+	if (S) {
+		let e = _.find((e) => e.id === S), r = e?.otherUserId ?? e?.id ?? "", a = _.map((e) => ({
 			id: e.id,
 			name: e.name,
 			avatarSrc: e.avatarSrc
@@ -10727,36 +10763,40 @@ function Gr({ conversationId: e, onCallRequest: t, renderHeader: n, chatBanner:
 				isOnline: e?.online,
 				isGroup: e?.isGroup,
 				otherUserId: r,
-				presenceStatus: te,
+				presenceStatus: ae,
 				renderHeader: n,
 				chatBanner: i,
 				defaultQuickMessages: d,
-				messages: re,
-				typingUsers: ie,
+				messages: fe,
+				typingUsers: ce,
 				onBack: () => {
-					x(null);
+					if (p) {
+						let e = _.find((e) => e.id === S);
+						e && p(e);
+					}
+					C(null);
 				},
-				onCall: t || m ? () => {
-					r ? m(r, "voice", b ?? void 0) : t?.(r, "voice");
+				onCall: t || g ? () => {
+					r ? g(r, "voice", S ?? void 0) : t?.(r, "voice");
 				} : void 0,
-				onVideoCall: t || m ? () => {
-					r ? m(r, "video", b ?? void 0) : t?.(r, "video");
+				onVideoCall: t || g ? () => {
+					r ? g(r, "video", S ?? void 0) : t?.(r, "video");
 				} : void 0,
 				onSend: (e, t) => {
-					A ? (f.post(`/conversations/${b}/messages/reply`, {
+					N ? (m.post(`/conversations/${S}/messages/reply`, {
 						content: e,
-						reply_to_message_id: A.messageId,
+						reply_to_message_id: N.messageId,
 						...t?.mediaId ? { media_id: t.mediaId } : {}
-					}).catch(console.error), j(null)) : t?.type === "location" ? oe(e, void 0, {
+					}).catch(console.error), I(null)) : t?.type === "location" ? Q(e, void 0, {
 						attachment_type: "location",
 						lat: t.location?.lat,
 						lng: t.location?.lng,
 						label: t.location?.label
-					}) : t?.type === "sticker" ? oe("", void 0, {
+					}) : t?.type === "sticker" ? Q("", void 0, {
 						attachment_type: "sticker",
 						sticker_url: t?.url,
 						filename: t?.filename
-					}) : oe(e, t?.mediaId, t ? {
+					}) : Q(e, t?.mediaId, t ? {
 						attachment_type: t.type,
 						filename: t.filename,
 						size: t.size,
@@ -10767,72 +10807,72 @@ function Gr({ conversationId: e, onCallRequest: t, renderHeader: n, chatBanner:
 						}
 					} : void 0);
 				},
-				onTyping: se,
+				onTyping: $,
 				onCallBack: (e, t) => {
-					let n = h.find((e) => e.id === b)?.otherUserId;
-					n && m(n, t);
+					let n = _.find((e) => e.id === S)?.otherUserId;
+					n && g(n, t);
 				},
-				replyingTo: A,
-				onDismissReply: () => j(null),
-				onReplyMessage: pe,
-				batchMode: M,
-				batchSelectedIds: I,
-				batchSelectedCount: I.length,
+				replyingTo: N,
+				onDismissReply: () => I(null),
+				onReplyMessage: _e,
+				batchMode: L,
+				batchSelectedIds: z,
+				batchSelectedCount: z.length,
 				onToggleBatchSelect: (e) => {
-					M || N(!0), L((t) => t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
+					L || R(!0), B((t) => t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
 				},
-				onBatchDelete: xe,
-				onBatchRecall: Se,
-				onBatchForward: Ce,
+				onBatchDelete: Te,
+				onBatchRecall: Ee,
+				onBatchForward: De,
 				onBatchCancel: () => {
-					N(!1), L([]);
+					R(!1), B([]);
 				},
-				searchActive: W,
-				searchQuery: K,
-				onSearchToggle: Te,
-				onSearchChange: we,
-				searchResultIds: J,
-				searchCurrentIndex: X,
-				onSearchNext: Ee,
-				onSearchPrev: De,
-				onDeleteMessage: me,
-				onRecallMessage: he,
-				onForwardMessage: ge,
-				onInfoMessage: (e) => U(e),
-				onEditMessage: be,
-				onReactMessage: ve,
-				onPinMessage: ye,
-				pinnedMessages: ae,
-				onMediaOpen: de,
-				imageSet: $
+				searchActive: q,
+				searchQuery: Y,
+				onSearchToggle: ke,
+				onSearchChange: Oe,
+				searchResultIds: Z,
+				searchCurrentIndex: te,
+				onSearchNext: je,
+				onSearchPrev: Me,
+				onDeleteMessage: ve,
+				onRecallMessage: ye,
+				onForwardMessage: be,
+				onInfoMessage: (e) => K(e),
+				onEditMessage: we,
+				onReactMessage: Se,
+				onPinMessage: Ce,
+				pinnedMessages: le,
+				onMediaOpen: he,
+				imageSet: pe
 			}),
 			/* @__PURE__ */ l(Hr, {
-				active: ee,
-				onClose: fe
+				active: re,
+				onClose: ge
 			}),
-			(R || B) && /* @__PURE__ */ l(rr, {
+			(V || U) && /* @__PURE__ */ l(rr, {
 				conversations: a,
-				onConfirm: _e,
+				onConfirm: xe,
 				onClose: () => {
-					z(null), V(null);
+					H(null), W(null);
 				}
 			}),
-			H && /* @__PURE__ */ l(sr, {
-				messageId: H,
-				apiBaseUrl: p,
-				authToken: f.userToken,
-				onClose: () => U(null)
+			G && /* @__PURE__ */ l(sr, {
+				messageId: G,
+				apiBaseUrl: h,
+				authToken: m.userToken,
+				onClose: () => K(null)
 			}),
 			/* @__PURE__ */ l(Wr, {})
 		] });
 	}
-	return w ? /* @__PURE__ */ u("div", {
+	return E ? /* @__PURE__ */ u("div", {
 		className: "flex flex-col h-full bg-background text-foreground",
 		children: [
 			/* @__PURE__ */ u("header", {
 				className: "flex-shrink-0 h-14 flex items-center gap-3 px-4 border-b border-border",
 				children: [/* @__PURE__ */ l("button", {
-					onClick: () => T(!1),
+					onClick: () => D(!1),
 					className: "w-8 h-8 flex items-center justify-center rounded-xl border-none bg-transparent cursor-pointer text-muted-foreground",
 					children: /* @__PURE__ */ l("svg", {
 						width: "20",
@@ -10852,14 +10892,14 @@ function Gr({ conversationId: e, onCallRequest: t, renderHeader: n, chatBanner:
 			}),
 			/* @__PURE__ */ l("div", {
 				className: "flex-1 overflow-y-auto",
-				children: O ? /* @__PURE__ */ l("div", {
+				children: A ? /* @__PURE__ */ l("div", {
 					className: "flex items-center justify-center h-24 text-sm text-muted-foreground",
 					children: "Loading users…"
-				}) : E.length === 0 ? /* @__PURE__ */ l("div", {
+				}) : O.length === 0 ? /* @__PURE__ */ l("div", {
 					className: "flex items-center justify-center h-24 text-sm text-muted-foreground",
 					children: "No users found"
-				}) : E.map((e) => /* @__PURE__ */ u("button", {
-					onClick: () => ke(e.id),
+				}) : O.map((e) => /* @__PURE__ */ u("button", {
+					onClick: () => Pe(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", {
@@ -10873,20 +10913,20 @@ function Gr({ conversationId: e, onCallRequest: t, renderHeader: n, chatBanner:
 			}),
 			/* @__PURE__ */ l(Wr, {})
 		]
-	}) : S === "calls" ? /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l(tr, {
-		records: y,
+	}) : w === "calls" ? /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l(tr, {
+		records: x,
 		onCall: (e, n) => t?.(e, n),
-		activeTab: S,
-		onTabChange: C
-	}), /* @__PURE__ */ l(Wr, {})] }) : g ? /* @__PURE__ */ l("div", {
+		activeTab: w,
+		onTabChange: T
+	}), /* @__PURE__ */ l(Wr, {})] }) : y ? /* @__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(Ke, {
-		conversations: h,
-		onSelect: x,
-		onNewChat: Oe,
-		activeTab: S,
-		onTabChange: C
+		conversations: _,
+		onSelect: M,
+		onNewChat: Ne,
+		activeTab: w,
+		onTabChange: T
 	}), /* @__PURE__ */ l(Wr, {})] });
 }
 //#endregion
@@ -11643,8 +11683,8 @@ function yi(e) {
 	}), t[21] = T, t[22] = Z);
 	let ee;
 	t[23] !== Y || t[24] !== Z ? (ee = /* @__PURE__ */ u("div", { children: [Y, Z] }), t[23] = Y, t[24] = Z, t[25] = ee) : ee = t[25];
-	let Q;
-	t[26] === v ? Q = t[27] : (Q = v && /* @__PURE__ */ l("button", {
+	let te;
+	t[26] === v ? te = t[27] : (te = v && /* @__PURE__ */ l("button", {
 		onClick: v,
 		className: "w-9 h-9 rounded-lg flex items-center justify-center border-none cursor-pointer pointer-events-auto",
 		style: { background: "rgba(0,0,0,0.4)" },
@@ -11674,71 +11714,71 @@ function yi(e) {
 				})
 			]
 		})
-	}), t[26] = v, t[27] = Q);
-	let te;
-	t[28] !== ee || t[29] !== Q ? (te = /* @__PURE__ */ u("div", {
+	}), t[26] = v, t[27] = te);
+	let ne;
+	t[28] !== ee || t[29] !== te ? (ne = /* @__PURE__ */ u("div", {
 		className: "absolute top-0 left-0 right-0 px-4 pt-12 pb-6 flex justify-between items-start z-20 pointer-events-none",
 		style: q,
-		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(gi, {
+		children: [ee, te]
+	}), t[28] = ee, t[29] = te, t[30] = ne) : ne = t[30];
+	let re;
+	t[31] !== V || t[32] !== z || t[33] !== k ? (re = /* @__PURE__ */ l(gi, {
 		participant: z,
 		isLocal: V,
 		position: k,
 		onPositionChange: A,
 		onClick: U
-	}), t[31] = V, t[32] = z, t[33] = k, t[34] = ne) : ne = t[34];
-	let re = i.length + 1, ie;
-	t[35] !== y || t[36] !== p ? (ie = () => {
+	}), t[31] = V, t[32] = z, t[33] = k, t[34] = re) : re = t[34];
+	let ie = i.length + 1, ae;
+	t[35] !== y || t[36] !== p ? (ae = () => {
 		let e = !y;
 		b(e), p?.(e);
-	}, t[35] = y, t[36] = p, t[37] = ie) : ie = t[37];
-	let ae;
-	t[38] !== x || t[39] !== m ? (ae = () => {
+	}, t[35] = y, t[36] = p, t[37] = ae) : ae = t[37];
+	let oe;
+	t[38] !== x || t[39] !== m ? (oe = () => {
 		let e = !x;
 		S(e), m?.(e);
-	}, t[38] = x, t[39] = m, t[40] = ae) : ae = t[40];
-	let oe;
-	t[41] === d ? oe = t[42] : (oe = d ? () => w(bi) : void 0, t[41] = d, t[42] = oe);
+	}, t[38] = x, t[39] = m, t[40] = oe) : oe = t[40];
 	let se;
-	t[43] !== x || t[44] !== y || t[45] !== f || t[46] !== _ || t[47] !== h || t[48] !== re || t[49] !== ie || t[50] !== ae || t[51] !== oe ? (se = /* @__PURE__ */ l("div", {
+	t[41] === d ? se = t[42] : (se = d ? () => w(bi) : void 0, t[41] = d, t[42] = se);
+	let ce;
+	t[43] !== x || t[44] !== y || t[45] !== f || t[46] !== _ || t[47] !== h || t[48] !== ie || t[49] !== ae || t[50] !== oe || t[51] !== se ? (ce = /* @__PURE__ */ l("div", {
 		className: "absolute bottom-0 left-0 right-0 z-20",
 		children: /* @__PURE__ */ l(ni, {
 			muted: y,
 			cameraOff: x,
 			speakerOn: !1,
-			participantCount: re,
-			onMute: ie,
-			onCamera: ae,
+			participantCount: ie,
+			onMute: ae,
+			onCamera: oe,
 			onParticipants: h,
 			onMore: _,
 			onEnd: f,
-			onChat: oe,
+			onChat: se,
 			showScreen: !0
 		})
-	}), t[43] = x, t[44] = y, t[45] = f, t[46] = _, t[47] = h, t[48] = re, t[49] = ie, t[50] = ae, t[51] = oe, t[52] = se) : se = t[52];
-	let ce;
-	t[53] === Symbol.for("react.memo_cache_sentinel") ? (ce = () => w(!1), t[53] = ce) : ce = t[53];
+	}), t[43] = x, t[44] = y, t[45] = f, t[46] = _, t[47] = h, t[48] = ie, t[49] = ae, t[50] = oe, t[51] = se, t[52] = ce) : ce = t[52];
 	let le;
-	t[54] !== C || t[55] !== d ? (le = /* @__PURE__ */ l(ai, {
+	t[53] === Symbol.for("react.memo_cache_sentinel") ? (le = () => w(!1), t[53] = le) : le = t[53];
+	let Q;
+	t[54] !== C || t[55] !== d ? (Q = /* @__PURE__ */ l(ai, {
 		open: C,
 		conversationId: d,
-		onClose: ce
-	}), t[54] = C, t[55] = d, t[56] = le) : le = t[56];
+		onClose: le
+	}), t[54] = C, t[55] = d, t[56] = Q) : Q = t[56];
 	let $;
-	return t[57] !== te || t[58] !== ne || t[59] !== se || t[60] !== le || t[61] !== K ? ($ = /* @__PURE__ */ u("div", {
+	return t[57] !== ne || t[58] !== re || t[59] !== ce || t[60] !== Q || t[61] !== K ? ($ = /* @__PURE__ */ u("div", {
 		className: "fixed inset-0 z-50 overflow-hidden font-body",
 		style: W,
 		children: [
 			G,
 			K,
-			te,
 			ne,
-			se,
-			le
+			re,
+			ce,
+			Q
 		]
-	}), t[57] = te, t[58] = ne, t[59] = se, t[60] = le, t[61] = K, t[62] = $) : $ = t[62], $;
+	}), t[57] = ne, t[58] = re, t[59] = ce, t[60] = Q, t[61] = K, t[62] = $) : $ = t[62], $;
 }
 function bi(e) {
 	return !e;
@@ -12657,26 +12697,26 @@ function Qi(e) {
 	t[25] === S ? Z = t[26] : (Z = /* @__PURE__ */ l(qi, { 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;
-	t[28] === Symbol.for("react.memo_cache_sentinel") ? (Q = { textShadow: "0 1px 4px rgba(0,0,0,0.7)" }, t[28] = Q) : Q = t[28];
 	let te;
-	t[29] === n ? te = t[30] : (te = /* @__PURE__ */ l("p", {
+	t[28] === Symbol.for("react.memo_cache_sentinel") ? (te = { textShadow: "0 1px 4px rgba(0,0,0,0.7)" }, t[28] = te) : te = t[28];
+	let ne;
+	t[29] === n ? ne = t[30] : (ne = /* @__PURE__ */ l("p", {
 		className: "text-base font-semibold text-white",
-		style: Q,
+		style: te,
 		children: n
-	}), t[29] = n, t[30] = te);
-	let ne;
-	t[31] === Symbol.for("react.memo_cache_sentinel") ? (ne = { color: "rgba(255,255,255,0.7)" }, t[31] = ne) : ne = t[31];
+	}), t[29] = n, t[30] = ne);
 	let re;
-	t[32] === N ? re = t[33] : (re = /* @__PURE__ */ l("p", {
+	t[31] === Symbol.for("react.memo_cache_sentinel") ? (re = { color: "rgba(255,255,255,0.7)" }, t[31] = re) : re = t[31];
+	let ie;
+	t[32] === N ? ie = t[33] : (ie = /* @__PURE__ */ l("p", {
 		className: "text-sm font-mono",
-		style: ne,
+		style: re,
 		children: N
-	}), t[32] = N, t[33] = re);
-	let ie;
-	t[34] !== te || t[35] !== re ? (ie = /* @__PURE__ */ u("div", { children: [te, re] }), t[34] = te, t[35] = re, t[36] = ie) : ie = t[36];
+	}), t[32] = N, t[33] = ie);
 	let ae;
-	t[37] === V ? ae = t[38] : (ae = V && /* @__PURE__ */ u("div", {
+	t[34] !== ne || t[35] !== ie ? (ae = /* @__PURE__ */ u("div", { children: [ne, ie] }), t[34] = ne, t[35] = ie, t[36] = ae) : ae = t[36];
+	let oe;
+	t[37] === V ? oe = t[38] : (oe = V && /* @__PURE__ */ u("div", {
 		className: "flex items-center gap-1.5 px-3 py-1.5 rounded-full text-xs font-semibold text-white",
 		style: {
 			background: "rgba(79,142,247,0.25)",
@@ -12693,18 +12733,18 @@ function Qi(e) {
 			strokeLinejoin: "round",
 			children: /* @__PURE__ */ l("path", { d: "M2 3h20v14H2zM8 21h8M12 17v4" })
 		}), /* @__PURE__ */ u("span", { children: [V.name, " sharing"] })]
-	}), t[37] = V, t[38] = ae);
-	let oe;
-	t[39] === b.length ? oe = t[40] : (oe = b.length > 0 && /* @__PURE__ */ u("div", {
+	}), t[37] = V, t[38] = oe);
+	let se;
+	t[39] === b.length ? se = t[40] : (se = b.length > 0 && /* @__PURE__ */ u("div", {
 		className: "flex items-center gap-1.5 px-3 py-1.5 rounded-full text-xs font-semibold text-white",
 		style: {
 			background: "rgba(234,179,8,0.25)",
 			border: "1px solid rgba(234,179,8,0.4)"
 		},
 		children: [/* @__PURE__ */ l("span", { children: "✋" }), /* @__PURE__ */ l("span", { children: b.length })]
-	}), t[39] = b.length, t[40] = oe);
-	let se;
-	t[41] === v ? se = t[42] : (se = v && /* @__PURE__ */ l("button", {
+	}), t[39] = b.length, t[40] = se);
+	let ce;
+	t[41] === v ? ce = t[42] : (ce = v && /* @__PURE__ */ l("button", {
 		onClick: v,
 		className: "w-9 h-9 rounded-lg flex items-center justify-center border-none cursor-pointer",
 		style: { background: "rgba(0,0,0,0.4)" },
@@ -12734,22 +12774,22 @@ function Qi(e) {
 				})
 			]
 		})
-	}), t[41] = v, t[42] = se);
-	let ce;
-	t[43] !== ae || t[44] !== oe || t[45] !== se ? (ce = /* @__PURE__ */ u("div", {
+	}), t[41] = v, t[42] = ce);
+	let le;
+	t[43] !== oe || t[44] !== se || t[45] !== ce ? (le = /* @__PURE__ */ u("div", {
 		className: "flex items-center gap-3 pointer-events-auto",
 		children: [
-			ae,
 			oe,
-			se
+			se,
+			ce
 		]
-	}), t[43] = ae, t[44] = oe, t[45] = se, t[46] = ce) : ce = t[46];
-	let le;
-	t[47] !== ie || t[48] !== ce ? (le = /* @__PURE__ */ u("div", {
+	}), t[43] = oe, t[44] = se, t[45] = ce, t[46] = le) : le = t[46];
+	let Q;
+	t[47] !== ae || t[48] !== le ? (Q = /* @__PURE__ */ u("div", {
 		className: "absolute top-0 left-0 right-0 px-4 pt-12 pb-6 flex justify-between items-start z-20 pointer-events-none",
 		style: ee,
-		children: [ie, ce]
-	}), t[47] = ie, t[48] = ce, t[49] = le) : le = t[49];
+		children: [ae, le]
+	}), t[47] = ae, t[48] = le, t[49] = Q) : Q = t[49];
 	let $;
 	t[50] === Symbol.for("react.memo_cache_sentinel") ? ($ = () => M(!0), t[50] = $) : $ = t[50];
 	let ue;
@@ -12775,16 +12815,16 @@ function Qi(e) {
 		onClose: () => M(!1)
 	}), t[63] = z, t[64] = I, t[65] = b, t[66] = j, t[67] = de) : de = t[67];
 	let fe;
-	return t[68] !== X || t[69] !== Z || t[70] !== le || t[71] !== ue || t[72] !== de ? (fe = /* @__PURE__ */ u("div", {
+	return t[68] !== X || t[69] !== Z || t[70] !== Q || t[71] !== ue || t[72] !== de ? (fe = /* @__PURE__ */ u("div", {
 		className: "relative flex flex-col h-full bg-black font-body overflow-hidden",
 		children: [
 			X,
 			Z,
-			le,
+			Q,
 			ue,
 			de
 		]
-	}), t[68] = X, t[69] = Z, t[70] = le, t[71] = ue, t[72] = de, t[73] = fe) : fe = t[73], fe;
+	}), t[68] = X, t[69] = Z, t[70] = Q, t[71] = ue, t[72] = de, t[73] = fe) : fe = t[73], fe;
 }
 function $i(e) {
 	return e.isScreenSharing;
@@ -13265,8 +13305,116 @@ function Ca(e) {
 }
 function wa() {}
 //#endregion
+//#region src/components/chat/ConversationContextCard.tsx
+var Ta = {
+	pending: "#f59e0b",
+	confirmed: "#10b981",
+	active: "#3b82f6",
+	completed: "#6b7280",
+	cancelled: "#ef4444"
+};
+function Ea(e) {
+	let t = (0, g.c)(25), { context: n, className: r } = e;
+	if (!n) return null;
+	let i = n.status ? Ta[n.status] ?? "#6b7280" : void 0, a = `orbit-context-card ${r ?? ""}`, o;
+	t[0] === Symbol.for("react.memo_cache_sentinel") ? (o = {
+		padding: "12px 16px",
+		borderBottom: "1px solid var(--orbit-border, #e5e7eb)",
+		backgroundColor: "var(--orbit-surface, #f9fafb)"
+	}, t[0] = o) : o = t[0];
+	let s = n.title || n.actor ? 6 : 0, c;
+	t[1] === s ? c = t[2] : (c = {
+		display: "flex",
+		alignItems: "center",
+		justifyContent: "space-between",
+		marginBottom: s
+	}, t[1] = s, t[2] = c);
+	let d;
+	t[3] === Symbol.for("react.memo_cache_sentinel") ? (d = {
+		fontSize: 11,
+		fontWeight: 600,
+		textTransform: "uppercase",
+		letterSpacing: "0.05em",
+		color: "var(--orbit-text-secondary, #6b7280)"
+	}, t[3] = d) : d = t[3];
+	let f;
+	t[4] === n.type ? f = t[5] : (f = /* @__PURE__ */ l("span", {
+		style: d,
+		children: n.type
+	}), t[4] = n.type, t[5] = f);
+	let p;
+	t[6] !== n.status || t[7] !== i ? (p = n.status && /* @__PURE__ */ l("span", {
+		style: {
+			fontSize: 11,
+			fontWeight: 500,
+			color: i,
+			textTransform: "capitalize"
+		},
+		children: n.status
+	}), t[6] = n.status, t[7] = i, t[8] = p) : p = t[8];
+	let m;
+	t[9] !== c || t[10] !== f || t[11] !== p ? (m = /* @__PURE__ */ u("div", {
+		style: c,
+		children: [f, p]
+	}), t[9] = c, t[10] = f, t[11] = p, t[12] = m) : m = t[12];
+	let h;
+	t[13] === n.title ? h = t[14] : (h = n.title && /* @__PURE__ */ l("div", {
+		style: {
+			fontSize: 14,
+			fontWeight: 600,
+			color: "var(--orbit-text, #111827)",
+			marginBottom: 2
+		},
+		children: n.title
+	}), t[13] = n.title, t[14] = h);
+	let _;
+	t[15] === n.actor ? _ = t[16] : (_ = n.actor && /* @__PURE__ */ u("div", {
+		style: {
+			display: "flex",
+			alignItems: "center",
+			gap: 6,
+			marginBottom: 2
+		},
+		children: [n.actor.avatar && /* @__PURE__ */ l("img", {
+			src: n.actor.avatar,
+			alt: "",
+			style: {
+				width: 16,
+				height: 16,
+				borderRadius: "50%",
+				objectFit: "cover"
+			}
+		}), /* @__PURE__ */ l("span", {
+			style: {
+				fontSize: 12,
+				color: "var(--orbit-text-secondary, #6b7280)"
+			},
+			children: n.actor.name
+		})]
+	}), t[15] = n.actor, t[16] = _);
+	let v;
+	t[17] === n.subtitle ? v = t[18] : (v = n.subtitle && /* @__PURE__ */ l("div", {
+		style: {
+			fontSize: 12,
+			color: "var(--orbit-text-secondary, #6b7280)"
+		},
+		children: n.subtitle
+	}), t[17] = n.subtitle, t[18] = v);
+	let y;
+	return t[19] !== a || t[20] !== _ || t[21] !== v || t[22] !== m || t[23] !== h ? (y = /* @__PURE__ */ u("div", {
+		className: a,
+		style: o,
+		children: [
+			m,
+			h,
+			_,
+			v
+		]
+	}), t[19] = a, t[20] = _, t[21] = v, t[22] = m, t[23] = h, t[24] = y) : y = t[24], y;
+}
+//#endregion
 //#region src/components/meeting/ScreenShareView.tsx
-function Ta(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);
@@ -13308,4 +13456,4 @@ function Ta(e) {
 	}), t[6] = i, t[7] = m), m;
 }
 //#endregion
-export { Qt as AttachmentPicker, tt as AttachmentRenderer, rn as AudioRecorder, Be as Avatar, In as BatchToolbar, Ue as BottomNav, rt as CallBanner, ni as CallControls, tr as CallHistory, li as CallScreen, Gr as Chat, $n as ChatBox, wn as Composer, Ke as ConversationList, rr as ConversationPicker, Rr as DocumentViewer, Ut as EmojiPicker, ba as EscalationButton, ya as IconBtn, gr as ImageViewer, ai as InCallChatPanel, wi as IncomingCallModal, Ot as LinkPreview, Ca as MediaMessage, Hr as MediaViewer, q as MeetingContext, ie as MeetingProvider, Qi as MeetingRoom, sa as MeetingWidget, pt as MessageActionMenu, Ft as MessageBubble, sr as MessageInfoSheet, Mn as MessageInput, xa as MessageList, he as OfflineQueueProvider, Te as OrbitProvider, Mi as ParticipantGrid, St as ReactionDialog, Fn as ReplyComposer, Ta as ScreenShareView, un as StickerPicker, D as ThemeProvider, Oi as VideoCall, yi as VideoCallScreen, Sr as VideoViewer, na as WaitingRoom, S as darkTheme, Tt as extractUrls, C as lightTheme, y as useAppConfig, P as useCall, Re as useCallHistory, Ae as useConversations, Jt as useMedia, Y as useMeeting, J as useMeetingContext, Fe as useMessages, ha as useNotifications, me as useOfflineQueue, v as useOrbit, F as useOrbitEvent, A as useOrbitListener, da as usePresence, ma as useRealtime, T as useTheme };
+export { Qt as AttachmentPicker, tt as AttachmentRenderer, rn as AudioRecorder, Be as Avatar, In as BatchToolbar, Ue as BottomNav, rt as CallBanner, ni as CallControls, tr as CallHistory, li as CallScreen, Gr as Chat, $n as ChatBox, wn as Composer, Ea as ConversationContextCard, Ke as ConversationList, rr as ConversationPicker, Rr as DocumentViewer, Ut as EmojiPicker, ba as EscalationButton, ya as IconBtn, gr as ImageViewer, ai as InCallChatPanel, wi as IncomingCallModal, Ot as LinkPreview, Ca as MediaMessage, Hr as MediaViewer, q as MeetingContext, ae as MeetingProvider, Qi as MeetingRoom, sa as MeetingWidget, pt as MessageActionMenu, Ft as MessageBubble, sr as MessageInfoSheet, Mn as MessageInput, xa as MessageList, he as OfflineQueueProvider, Te as OrbitProvider, Mi as ParticipantGrid, St as ReactionDialog, Fn as ReplyComposer, Da as ScreenShareView, un as StickerPicker, D as ThemeProvider, Oi as VideoCall, yi as VideoCallScreen, Sr as VideoViewer, na as WaitingRoom, S as darkTheme, Tt as extractUrls, C as lightTheme, y as useAppConfig, P as useCall, Re as useCallHistory, Ae as useConversations, Jt as useMedia, Y as useMeeting, J as useMeetingContext, Fe as useMessages, ha as useNotifications, me as useOfflineQueue, v as useOrbit, F as useOrbitEvent, A as useOrbitListener, da as usePresence, ma as useRealtime, T as useTheme };