@burdenoff/microfe-conversations 2026.924.1 → 2026.930.1

package/dist/conversations/pages/ConversationDetailPage.js

@@ -3,291 +3,331 @@ import { useTr as t } from "../utils/i18n.js";
 import { cn as n } from "../utils/cn.js";
 import { useConversationsStore as r } from "../store/conversationsStore.js";
 import { MessageBubble as i } from "../components/MessageBubble.js";
-import { useConversationActions as ee, useGetConversation as te } from "../hooks/useConversationQueries.js";
-import { useEditMessage as ne, useGetMessages as re, useMessageActions as ie, useSendMessage as ae } from "../hooks/useMessageQueries.js";
-import { useMessageStreamForConversation as oe } from "../hooks/useMessageSubscriptions.js";
+import { useConversationActions as ee, useGetConversation as te, useMarkConversationAsRead as ne } from "../hooks/useConversationQueries.js";
+import { useEditMessage as re, useGetMessages as ie, useMessageActions as ae, useSendMessage as oe } from "../hooks/useMessageQueries.js";
+import { useMessageStreamForConversation as se } from "../hooks/useMessageSubscriptions.js";
 import { PermissionGuard as a } from "../components/PermissionGuard.js";
-import { QuotaExhaustedDialog as se } from "../components/QuotaExhaustedDialog.js";
+import { QuotaExhaustedDialog as ce } from "../components/QuotaExhaustedDialog.js";
 import { CONVERSATIONS_PERMISSIONS as o } from "../constants/permissions.js";
-import { nativeImpact as ce, nativeNotify as s } from "../../utils/nativeBridge.js";
+import { nativeImpact as le, nativeNotify as s } from "../../utils/nativeBridge.js";
 import { useCallback as c, useEffect as l, useMemo as u, useRef as d, useState as f } from "react";
-import { Archive as le, ArrowLeft as ue, Bell as de, BellOff as fe, ExternalLink as pe, Hash as me, Loader2 as he, LogOut as ge, MoreVertical as _e, Pin as p, PinOff as ve, SendHorizontal as m, Users as ye, X as be } from "lucide-react";
-import { useNavigate as xe, useParams as Se } from "react-router";
-import { isQuotaExhaustedError as Ce } from "@burdenoff/fe-libs/shared/utils";
-import { useEventBus as we } from "@burdenoff/fe-libs/shared/events";
+import { Archive as ue, ArrowLeft as de, Bell as fe, BellOff as pe, ExternalLink as me, Hash as he, Loader2 as ge, LogOut as _e, MoreVertical as ve, Pin as p, PinOff as ye, SendHorizontal as m, Users as be, X as xe } from "lucide-react";
+import { useNavigate as Se, useParams as Ce } from "react-router";
+import { isQuotaExhaustedError as we } from "@burdenoff/fe-libs/shared/utils";
+import { useEventBus as Te } from "@burdenoff/fe-libs/shared/events";
 import { jsx as h, jsxs as g } from "react/jsx-runtime";
-import { Button as Te, IllustratedEmptyState as Ee, NextSteps as De } from "@burdenoff/fe-libs/ui";
+import { Button as Ee, IllustratedEmptyState as De, NextSteps as Oe } from "@burdenoff/fe-libs/ui";
 //#region src/conversations/pages/ConversationDetailPage.tsx
-var _ = 100, Oe = 3e4;
-function v() {
-	let { conversationId: a } = Se(), o = xe(), { basePath: v, currentUser: ke } = e(), x = we(), S = t(), { clearMessageDraft: C, isParticipantsPanelOpen: w, messageDrafts: Ae, setMessageDraft: je, toggleParticipantsPanel: T } = r(), [E, Me] = f(Ae[a ?? ""] ?? ""), [Ne, D] = f(!1), [O, k] = f([]), Pe = d(null), A = d(null), j = c(() => {
-		A.current?.focus(), A.current?.scrollIntoView({ behavior: "smooth" });
-	}, []), { conversation: M, members: N, membersTotalCount: Fe, loading: Ie, error: P } = te(a ?? ""), { messages: F, loading: Le, error: Re, refetch: ze } = re(a ?? "", {
-		first: _,
-		pollInterval: Oe
+var ke = 100, Ae = 3e4, je = 3;
+function _() {
+	let { conversationId: a } = Ce(), o = Se(), { basePath: _, currentUser: Me } = e(), b = Te(), x = t(), { clearMessageDraft: S, isParticipantsPanelOpen: C, messageDrafts: Ne, setMessageDraft: Pe, toggleParticipantsPanel: w } = r(), [T, Fe] = f(Ne[a ?? ""] ?? ""), [Ie, E] = f(!1), [D, O] = f([]), Le = d(null), k = d(null), A = c(() => {
+		k.current?.focus(), k.current?.scrollIntoView({ behavior: "smooth" });
+	}, []), { conversation: j, members: M, membersTotalCount: Re, loading: N, error: P } = te(a ?? ""), { markConversationAsRead: F } = ne(), ze = d(null), I = d(/* @__PURE__ */ new Set()), Be = d(0), L = d(null), R = d(0), [Ve, He] = f(0), { messages: z, loading: B, error: V, refetch: Ue } = ie(a ?? "", {
+		first: ke,
+		pollInterval: Ae
 	});
-	oe(a, _);
-	let { sendMessage: Be, loading: I } = ae(), { editMessage: Ve, loading: L } = ne(), { deleteMessage: He, addReaction: Ue, removeReaction: We, pinMessage: Ge, unpinMessage: Ke } = ie(), { archiveConversation: qe, pinConversation: Je, unpinConversation: Ye, muteConversation: Xe, unmuteConversation: Ze, leaveConversation: Qe } = ee(), [R, z] = f(!1), [B, V] = f(null), [H, U] = f(""), [W, G] = f(null), K = d(null), q = ke?.id ?? "", J = M?.sourceContext, Y = u(() => {
+	se(a, ke);
+	let { sendMessage: We, loading: H } = oe(), { editMessage: Ge, loading: U } = re(), { deleteMessage: Ke, addReaction: qe, removeReaction: Je, pinMessage: Ye, unpinMessage: Xe } = ae(), { archiveConversation: Ze, pinConversation: Qe, unpinConversation: $e, muteConversation: et, unmuteConversation: tt, leaveConversation: nt } = ee(), [W, G] = f(!1), [K, q] = f(null), [J, Y] = f(""), [X, rt] = f(null), it = d(null), Z = Me?.id ?? "", Q = j?.sourceContext, $ = u(() => {
 		let e = /* @__PURE__ */ new Map();
-		for (let t of O) t.conversationId === a && e.set(t.id, t);
-		for (let t of F) e.set(t.id, t);
+		for (let t of D) t.conversationId === a && e.set(t.id, t);
+		for (let t of z) e.set(t.id, t);
 		return Array.from(e.values()).sort((e, t) => new Date(e.createdAt).getTime() - new Date(t.createdAt).getTime());
 	}, [
 		a,
-		O,
-		F
+		D,
+		z
 	]);
 	l(() => {
-		Pe.current?.scrollIntoView({ behavior: "smooth" });
-	}, [Y.length]), l(() => {
-		k([]);
+		Le.current?.scrollIntoView({ behavior: "smooth" });
+	}, [$.length]), l(() => {
+		O([]);
 	}, [a]), l(() => {
-		if (O.length === 0 || F.length === 0) return;
-		let e = new Set(F.map((e) => e.id));
-		k((t) => {
+		if (D.length === 0 || z.length === 0) return;
+		let e = new Set(z.map((e) => e.id));
+		O((t) => {
 			let n = t.filter((t) => !e.has(t.id));
 			return n.length === t.length ? t : n;
 		});
 	}, [
-		O.length,
-		F,
-		k
+		D.length,
+		z,
+		O
 	]), l(() => {
 		if (a) {
-			if (E.trim()) {
-				je(a, E);
+			if (T.trim()) {
+				Pe(a, T);
 				return;
 			}
-			C(a);
+			S(a);
 		}
 	}, [
-		E,
+		T,
 		a,
-		je,
-		C
+		Pe,
+		S
 	]);
-	let X = u(() => {
+	let at = u(() => {
 		let e = /* @__PURE__ */ new Map();
-		for (let t of Y) !t.authorId || e.has(t.authorId) || t.sender.name && e.set(t.authorId, t.sender.name);
+		for (let t of $) !t.authorId || e.has(t.authorId) || t.sender.name && e.set(t.authorId, t.sender.name);
 		return e;
-	}, [Y]), Z = u(() => N.length > 0 ? N.filter((e) => e.status === "ACTIVE" && !e.leftAt).map((e) => ({
+	}, [$]), ot = u(() => M.length > 0 ? M.filter((e) => e.status === "ACTIVE" && !e.leftAt).map((e) => ({
 		id: e.userId,
-		name: X.get(e.userId) || e.customTitle || S("conversations.member", "Member"),
+		name: at.get(e.userId) || e.customTitle || x("conversations.member", "Member"),
 		role: e.role
-	})) : Array.from(X.entries()).map(([e, t]) => ({
+	})) : Array.from(at.entries()).map(([e, t]) => ({
 		id: e,
 		name: t,
-		role: S("conversations.member", "Member")
+		role: x("conversations.member", "Member")
 	})), [
-		N,
-		X,
-		S
-	]), $e = M?.memberCount ? Math.max(M.memberCount - Z.length, 0) : 0, Q = c(async () => {
-		if (!a || !E.trim() || I) return;
+		M,
+		at,
+		x
+	]), st = j?.memberCount ? Math.max(j.memberCount - ot.length, 0) : 0, ct = c(async () => {
+		if (!a || !T.trim() || H) return;
 		let e;
 		try {
-			e = await Be({
+			e = await We({
 				conversationId: a,
-				content: E.trim(),
+				content: T.trim(),
 				type: "TEXT",
-				parentMessageId: W?.id,
-				refetchFirst: _
+				parentMessageId: X?.id,
+				refetchFirst: ke
 			});
 		} catch (e) {
-			if (Ce(e)) {
-				D(!0);
+			if (we(e)) {
+				E(!0);
 				return;
 			}
 			throw s("error"), e;
 		}
-		e && (k((t) => [...t, e]), x.emit("conversations.message.sent", {
+		e && (O((t) => [...t, e]), b.emit("conversations.message.sent", {
 			messageId: e.id,
 			conversationId: a
-		}), Me(""), G(null), C(a));
+		}), Fe(""), rt(null), S(a));
 	}, [
-		x,
+		b,
 		a,
-		E,
-		I,
-		Be,
-		C,
-		W
-	]), et = c((e) => {
-		e.key !== "Enter" || e.shiftKey || (e.preventDefault(), Q());
-	}, [Q]);
+		T,
+		H,
+		We,
+		S,
+		X
+	]), lt = c((e) => {
+		e.key !== "Enter" || e.shiftKey || (e.preventDefault(), ct());
+	}, [ct]);
 	l(() => {
-		a && x.emit("conversations.conversation.opened", { conversationId: a });
-	}, [x, a]), l(() => {
-		if (!R) return;
+		a && b.emit("conversations.conversation.opened", { conversationId: a });
+	}, [b, a]), l(() => {
+		ze.current = null, I.current.clear(), Be.current = 0, L.current = null, R.current = 0;
+	}, [a]), l(() => {
+		if (!a || N || B || V) return;
+		let e = z[z.length - 1]?.id, t = j?.lastReadMessageId ?? "", n = (j?.unreadCount ?? 0) > 0;
+		if (e) {
+			if (L.current !== e && (L.current = e, R.current = 0), !n && (e === t || e === ze.current) || I.current.has(e)) return;
+			let r = e, i = ++Be.current;
+			I.current.add(r), F({
+				conversationId: a,
+				messageId: r
+			}).then((e) => {
+				if (!e) throw Error("markConversationAsRead returned no membership");
+				Be.current === i && (ze.current = r, R.current = 0);
+			}).catch((e) => {
+				console.warn("[conversations] markConversationAsRead failed:", e), R.current < je && (R.current += 1, He((e) => e + 1));
+			}).finally(() => {
+				I.current.delete(r);
+			});
+			return;
+		}
+		let r = "conversation";
+		L.current !== r && (L.current = r, R.current = 0), !(!n || I.current.has(r)) && (I.current.add(r), F({ conversationId: a }).then((e) => {
+			if (!e) throw Error("markConversationAsRead returned no membership");
+			R.current = 0;
+		}).catch((e) => {
+			console.warn("[conversations] markConversationAsRead failed:", e), R.current < je && (R.current += 1, He((e) => e + 1));
+		}).finally(() => {
+			I.current.delete(r);
+		}));
+	}, [
+		a,
+		j?.lastReadMessageId,
+		j?.unreadCount,
+		N,
+		F,
+		z,
+		V,
+		B,
+		Ve
+	]), l(() => {
+		if (!W) return;
 		let e = (e) => {
-			K.current && !K.current.contains(e.target) && z(!1);
+			it.current && !it.current.contains(e.target) && G(!1);
 		};
 		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-	}, [R]);
-	let tt = c((e) => {
-		G({
+	}, [W]);
+	let ut = c((e) => {
+		rt({
 			id: e.id,
 			content: e.content,
 			sender: e.sender.name
 		});
-	}, []), nt = c(async (e, t) => {
+	}, []), dt = c(async (e, t) => {
 		try {
-			await Ue(e, t);
+			await qe(e, t);
 		} catch {
-			await We(e, t).catch(() => {});
+			await Je(e, t).catch(() => {});
 		}
-	}, [Ue, We]), rt = c((e) => {
-		V(e.id), U(e.content);
-	}, []), it = c(async () => {
-		!B || !H.trim() || L || (await Ve(B, H.trim()), V(null), U(""));
+	}, [qe, Je]), ft = c((e) => {
+		q(e.id), Y(e.content);
+	}, []), pt = c(async () => {
+		!K || !J.trim() || U || (await Ge(K, J.trim()), q(null), Y(""));
 	}, [
-		B,
-		H,
-		L,
-		Ve
-	]), at = c(() => {
-		V(null), U("");
-	}, []), ot = c(async (e) => {
-		if (window.confirm(S("conversations.confirmDeleteMessage", "Delete this message? This action cannot be undone."))) {
-			ce("medium");
+		K,
+		J,
+		U,
+		Ge
+	]), mt = c(() => {
+		q(null), Y("");
+	}, []), ht = c(async (e) => {
+		if (window.confirm(x("conversations.confirmDeleteMessage", "Delete this message? This action cannot be undone."))) {
+			le("medium");
 			try {
-				await He(e), ze(), s("success");
+				await Ke(e), Ue(), s("success");
 			} catch (e) {
 				console.error("[microfe-conversations] message delete failed", e), s("error");
 			}
 		}
 	}, [
-		He,
-		ze,
-		S
-	]), st = c(async (e, t) => {
+		Ke,
+		Ue,
+		x
+	]), gt = c(async (e, t) => {
 		if (t) {
-			await Ke(e);
+			await Xe(e);
 			return;
 		}
-		await Ge(e);
-	}, [Ge, Ke]), $ = c(async () => {
-		a && (M?.isPinned ? await Ye(a) : await Je(a), z(!1));
+		await Ye(e);
+	}, [Ye, Xe]), _t = c(async () => {
+		a && (j?.isPinned ? await $e(a) : await Qe(a), G(!1));
 	}, [
 		a,
-		M?.isPinned,
-		Je,
-		Ye
-	]), ct = c(async () => {
-		a && (M?.isMuted ? await Ze(a) : await Xe(a), z(!1));
+		j?.isPinned,
+		Qe,
+		$e
+	]), vt = c(async () => {
+		a && (j?.isMuted ? await tt(a) : await et(a), G(!1));
 	}, [
 		a,
-		M?.isMuted,
-		Xe,
-		Ze
-	]), lt = c(async () => {
+		j?.isMuted,
+		et,
+		tt
+	]), yt = c(async () => {
 		if (a) try {
-			await qe(a), x.emit("conversations.conversation.archived", { conversationId: a }), z(!1), o(v || "/conversations");
+			await Ze(a), b.emit("conversations.conversation.archived", { conversationId: a }), G(!1), o(_ || "/conversations");
 		} catch (e) {
 			console.error("[microfe-conversations] conversation archive failed", e), s("error");
 		}
 	}, [
-		qe,
-		v,
-		x,
+		Ze,
+		_,
+		b,
 		a,
 		o
-	]), ut = c(async () => {
-		if (a && window.confirm(S("conversations.confirmLeaveConversation", "Leave this conversation? You will lose access unless someone adds you again."))) try {
-			await Qe(a), q && x.emit("conversations.member.removed", {
+	]), bt = c(async () => {
+		if (a && window.confirm(x("conversations.confirmLeaveConversation", "Leave this conversation? You will lose access unless someone adds you again."))) try {
+			await nt(a), Z && b.emit("conversations.member.removed", {
 				conversationId: a,
-				userId: q
-			}), z(!1), o(v || "/conversations");
+				userId: Z
+			}), G(!1), o(_ || "/conversations");
 		} catch (e) {
 			console.error("[microfe-conversations] conversation leave failed", e), s("error");
 		}
 	}, [
-		v,
-		x,
+		_,
+		b,
 		a,
-		q,
-		Qe,
+		Z,
+		nt,
 		o,
-		S
-	]), dt = c(() => {
-		if (J?.contextHref) {
+		x
+	]), xt = c(() => {
+		if (Q?.contextHref) {
 			try {
-				let e = new URL(J.contextHref);
+				let e = new URL(Q.contextHref);
 				if (e.origin === window.location.origin) {
 					o(`${e.pathname}${e.search}${e.hash}`);
 					return;
 				}
 			} catch {}
-			window.location.assign(J.contextHref);
+			window.location.assign(Q.contextHref);
 		}
-	}, [o, J?.contextHref]), ft = u(() => {
+	}, [o, Q?.contextHref]), St = u(() => {
 		let e = [{
 			id: "send-message",
-			label: S("conversations.nextSteps.send.label", "Send your first reply"),
-			description: S("conversations.nextSteps.send.description", "Jump to the composer and start the conversation."),
+			label: x("conversations.nextSteps.send.label", "Send your first reply"),
+			description: x("conversations.nextSteps.send.description", "Jump to the composer and start the conversation."),
 			icon: /* @__PURE__ */ h(m, {
 				size: 14,
 				"aria-hidden": "true"
 			}),
-			onClick: j,
-			done: Y.length > 0
+			onClick: A,
+			done: $.length > 0
 		}];
-		return M?.isGroup && e.push({
+		return j?.isGroup && e.push({
 			id: "view-participants",
-			label: S("conversations.nextSteps.participants.label", "Review participants"),
-			description: S("conversations.nextSteps.participants.description", "See who can read and post in this conversation."),
-			icon: /* @__PURE__ */ h(ye, {
+			label: x("conversations.nextSteps.participants.label", "Review participants"),
+			description: x("conversations.nextSteps.participants.description", "See who can read and post in this conversation."),
+			icon: /* @__PURE__ */ h(be, {
 				size: 14,
 				"aria-hidden": "true"
 			}),
 			onClick: () => {
-				w || T();
+				C || w();
 			}
-		}), J?.contextHref && e.push({
+		}), Q?.contextHref && e.push({
 			id: "open-context",
-			label: S("conversations.nextSteps.context.label", "Open the related item"),
-			description: S("conversations.nextSteps.context.description", "Jump to the page or record this conversation is about."),
-			icon: /* @__PURE__ */ h(pe, {
+			label: x("conversations.nextSteps.context.label", "Open the related item"),
+			description: x("conversations.nextSteps.context.description", "Jump to the page or record this conversation is about."),
+			icon: /* @__PURE__ */ h(me, {
 				size: 14,
 				"aria-hidden": "true"
 			}),
-			onClick: dt
+			onClick: xt
 		}), e.push({
 			id: "pin-conversation",
-			label: M?.isPinned ? S("conversations.nextSteps.unpin.label", "Unpin this conversation") : S("conversations.nextSteps.pin.label", "Pin for quick access"),
-			description: S("conversations.nextSteps.pin.description", "Keep important conversations at the top of your inbox."),
+			label: j?.isPinned ? x("conversations.nextSteps.unpin.label", "Unpin this conversation") : x("conversations.nextSteps.pin.label", "Pin for quick access"),
+			description: x("conversations.nextSteps.pin.description", "Keep important conversations at the top of your inbox."),
 			icon: /* @__PURE__ */ h(p, {
 				size: 14,
 				"aria-hidden": "true"
 			}),
-			onClick: () => void $(),
-			done: M?.isPinned
+			onClick: () => void _t(),
+			done: j?.isPinned
 		}), e;
 	}, [
-		M?.isGroup,
-		M?.isPinned,
-		Y.length,
-		j,
-		dt,
-		$,
+		j?.isGroup,
+		j?.isPinned,
+		$.length,
+		A,
+		xt,
+		_t,
+		C,
+		Q?.contextHref,
 		w,
-		J?.contextHref,
-		T,
-		S
+		x
 	]);
-	return !M && Ie ? /* @__PURE__ */ h("div", {
+	return !j && N ? /* @__PURE__ */ h("div", {
 		className: "flex items-center justify-center h-[calc(100vh-64px)] text-sm text-text-secondary",
-		children: S("conversations.loading", "Loading conversation...")
-	}) : !M || P ? /* @__PURE__ */ h("div", {
+		children: x("conversations.loading", "Loading conversation...")
+	}) : !j || P ? /* @__PURE__ */ h("div", {
 		className: "flex h-[calc(100vh-64px)] items-center justify-center p-8",
-		children: /* @__PURE__ */ h(Ee, {
+		children: /* @__PURE__ */ h(De, {
 			illustration: "empty-generic",
-			title: P ? S("conversations.unavailableTitle", "Conversation unavailable") : S("conversations.notFound", "Conversation not found"),
-			description: P ? S("conversations.unavailable", "We couldn't load this conversation. Please try again.") : S("conversations.notFoundDescription", "This conversation may have been deleted, archived, or you no longer have access to it."),
-			action: /* @__PURE__ */ h(Te, {
+			title: P ? x("conversations.unavailableTitle", "Conversation unavailable") : x("conversations.notFound", "Conversation not found"),
+			description: P ? x("conversations.unavailable", "We couldn't load this conversation. Please try again.") : x("conversations.notFoundDescription", "This conversation may have been deleted, archived, or you no longer have access to it."),
+			action: /* @__PURE__ */ h(Ee, {
 				type: "button",
-				onClick: () => o(v || "/conversations"),
-				children: S("conversations.back", "Back to conversations")
+				onClick: () => o(_ || "/conversations"),
+				children: x("conversations.back", "Back to conversations")
 			})
 		})
 	}) : /* @__PURE__ */ g("div", {
@@ -303,73 +343,73 @@ function v() {
 							className: "flex items-center gap-3 min-w-0",
 							children: [/* @__PURE__ */ h("button", {
 								type: "button",
-								onClick: () => o(v || "/conversations"),
+								onClick: () => o(_ || "/conversations"),
 								className: "flex min-h-10 min-w-10 items-center justify-center rounded-lg text-text-secondary transition-colors hover:bg-bg-sunken/50 hover:text-text-primary",
-								children: /* @__PURE__ */ h(ue, { size: 18 })
+								children: /* @__PURE__ */ h(de, { size: 18 })
 							}), /* @__PURE__ */ g("div", {
 								className: "min-w-0",
 								children: [/* @__PURE__ */ g("div", {
 									className: "flex items-center gap-1.5",
-									children: [M.type === "CHANNEL" && /* @__PURE__ */ h(me, {
+									children: [j.type === "CHANNEL" && /* @__PURE__ */ h(he, {
 										size: 14,
 										className: "text-text-secondary flex-shrink-0"
 									}), /* @__PURE__ */ h("h2", {
 										className: "text-sm font-semibold text-text-primary truncate",
-										children: M.title
+										children: j.title
 									})]
 								}), /* @__PURE__ */ h("p", {
 									className: "text-xs text-text-secondary",
-									children: M.type === "DIRECT" ? S("conversations.directConversation", "Direct conversation") : M.type === "CHANNEL" ? `${S("conversations.channel", "Channel")} · ${M.memberCount} ${S("conversations.membersCountLabel", "members")}` : M.type === "ANNOUNCEMENT" ? `${S("conversations.announcement", "Announcement")} · ${M.memberCount} ${S("conversations.membersCountLabel", "members")}` : `${M.memberCount} ${S("conversations.membersCountLabel", "members")}`
+									children: j.type === "DIRECT" ? x("conversations.directConversation", "Direct conversation") : j.type === "CHANNEL" ? `${x("conversations.channel", "Channel")} · ${j.memberCount} ${x("conversations.membersCountLabel", "members")}` : j.type === "ANNOUNCEMENT" ? `${x("conversations.announcement", "Announcement")} · ${j.memberCount} ${x("conversations.membersCountLabel", "members")}` : `${j.memberCount} ${x("conversations.membersCountLabel", "members")}`
 								})]
 							})]
 						}), /* @__PURE__ */ g("div", {
 							className: "flex shrink-0 items-center gap-1",
 							children: [
-								J?.contextHref && /* @__PURE__ */ h(b, {
+								Q?.contextHref && /* @__PURE__ */ h(y, {
 									dataTour: "conversation-open-context",
-									icon: /* @__PURE__ */ h(pe, { size: 16 }),
-									label: S("conversations.openContext", "Open context"),
-									onClick: dt
+									icon: /* @__PURE__ */ h(me, { size: 16 }),
+									label: x("conversations.openContext", "Open context"),
+									onClick: xt
 								}),
-								M.isGroup && /* @__PURE__ */ h(b, {
+								j.isGroup && /* @__PURE__ */ h(y, {
 									dataTour: "conversation-participants-button",
-									icon: /* @__PURE__ */ h(ye, { size: 16 }),
-									label: S("conversations.participants", "Participants"),
-									active: w,
-									onClick: T
+									icon: /* @__PURE__ */ h(be, { size: 16 }),
+									label: x("conversations.participants", "Participants"),
+									active: C,
+									onClick: w
 								}),
 								/* @__PURE__ */ g("div", {
 									className: "relative",
-									ref: K,
-									children: [/* @__PURE__ */ h(b, {
-										icon: /* @__PURE__ */ h(_e, { size: 16 }),
-										label: S("conversations.moreOptions", "More options"),
-										active: R,
-										onClick: () => z((e) => !e)
-									}), R && /* @__PURE__ */ g("div", {
+									ref: it,
+									children: [/* @__PURE__ */ h(y, {
+										icon: /* @__PURE__ */ h(ve, { size: 16 }),
+										label: x("conversations.moreOptions", "More options"),
+										active: W,
+										onClick: () => G((e) => !e)
+									}), W && /* @__PURE__ */ g("div", {
 										className: "absolute right-0 top-full mt-1 w-48 bg-popover border border-border-subtle rounded-lg shadow-lg z-50 py-1 animate-in fade-in-0 zoom-in-95 duration-100",
 										children: [
-											/* @__PURE__ */ h(y, {
-												icon: M.isPinned ? /* @__PURE__ */ h(ve, { size: 14 }) : /* @__PURE__ */ h(p, { size: 14 }),
-												label: M.isPinned ? S("conversations.unpinConversation", "Unpin conversation") : S("conversations.pinConversation", "Pin conversation"),
-												onClick: () => void $()
+											/* @__PURE__ */ h(v, {
+												icon: j.isPinned ? /* @__PURE__ */ h(ye, { size: 14 }) : /* @__PURE__ */ h(p, { size: 14 }),
+												label: j.isPinned ? x("conversations.unpinConversation", "Unpin conversation") : x("conversations.pinConversation", "Pin conversation"),
+												onClick: () => void _t()
 											}),
-											/* @__PURE__ */ h(y, {
-												icon: M.isMuted ? /* @__PURE__ */ h(de, { size: 14 }) : /* @__PURE__ */ h(fe, { size: 14 }),
-												label: M.isMuted ? S("conversations.unmuteConversation", "Unmute conversation") : S("conversations.muteConversation", "Mute conversation"),
-												onClick: () => void ct()
+											/* @__PURE__ */ h(v, {
+												icon: j.isMuted ? /* @__PURE__ */ h(fe, { size: 14 }) : /* @__PURE__ */ h(pe, { size: 14 }),
+												label: j.isMuted ? x("conversations.unmuteConversation", "Unmute conversation") : x("conversations.muteConversation", "Mute conversation"),
+												onClick: () => void vt()
 											}),
 											/* @__PURE__ */ h("div", { className: "h-px bg-border my-1" }),
-											/* @__PURE__ */ h(y, {
-												icon: /* @__PURE__ */ h(le, { size: 14 }),
-												label: S("conversations.archiveConversation", "Archive conversation"),
-												onClick: () => void lt(),
+											/* @__PURE__ */ h(v, {
+												icon: /* @__PURE__ */ h(ue, { size: 14 }),
+												label: x("conversations.archiveConversation", "Archive conversation"),
+												onClick: () => void yt(),
 												destructive: !0
 											}),
-											M.isGroup && /* @__PURE__ */ h(y, {
-												icon: /* @__PURE__ */ h(ge, { size: 14 }),
-												label: S("conversations.leaveConversation", "Leave conversation"),
-												onClick: () => void ut(),
+											j.isGroup && /* @__PURE__ */ h(v, {
+												icon: /* @__PURE__ */ h(_e, { size: 14 }),
+												label: x("conversations.leaveConversation", "Leave conversation"),
+												onClick: () => void bt(),
 												destructive: !0
 											})
 										]
@@ -381,127 +421,127 @@ function v() {
 					/* @__PURE__ */ g("div", {
 						className: "flex-1 overflow-y-auto py-4 space-y-0.5",
 						children: [
-							J?.pagePath && /* @__PURE__ */ g("div", {
+							Q?.pagePath && /* @__PURE__ */ g("div", {
 								className: "mx-4 mb-4 rounded-lg border border-border-subtle bg-bg-sunken/20 px-3 py-2 text-xs text-text-secondary",
 								children: [/* @__PURE__ */ h("span", {
 									className: "font-medium text-text-primary",
-									children: J.contextTitle || J.pagePath
-								}), J.entityType && J.entityId ? S("conversations.contextEntityMeta", " · {{entityType}} {{entityId}}", {
-									entityType: J.entityType,
-									entityId: J.entityId
+									children: Q.contextTitle || Q.pagePath
+								}), Q.entityType && Q.entityId ? x("conversations.contextEntityMeta", " · {{entityType}} {{entityId}}", {
+									entityType: Q.entityType,
+									entityId: Q.entityId
 								}) : ""]
 							}),
-							Re && /* @__PURE__ */ h("div", {
+							V && /* @__PURE__ */ h("div", {
 								className: "mx-4 mb-4 rounded-lg border border-status-warning-border bg-status-warning-bg px-3 py-2 text-sm text-status-warning-text",
-								children: S("conversations.messagesUnavailable", "Messages couldn't be loaded right now. The conversation header and actions are still available.")
+								children: x("conversations.messagesUnavailable", "Messages couldn't be loaded right now. The conversation header and actions are still available.")
 							}),
-							Le && /* @__PURE__ */ g("div", {
+							B && /* @__PURE__ */ g("div", {
 								className: "mx-4 mb-4 flex items-center gap-2 rounded-lg border border-border-subtle bg-bg-sunken/20 px-3 py-2 text-sm text-text-secondary",
-								children: [/* @__PURE__ */ h(he, {
+								children: [/* @__PURE__ */ h(ge, {
 									size: 14,
 									className: "animate-spin"
-								}), S("conversations.loadingMessages", "Loading messages...")]
+								}), x("conversations.loadingMessages", "Loading messages...")]
 							}),
-							!Le && !Re && Y.length === 0 && /* @__PURE__ */ g("div", {
+							!B && !V && $.length === 0 && /* @__PURE__ */ g("div", {
 								className: "mx-4 mb-4 flex flex-col items-center gap-5 py-6",
-								children: [/* @__PURE__ */ h(Ee, {
+								children: [/* @__PURE__ */ h(De, {
 									illustration: "empty-vibes",
-									title: S("conversations.noMessagesTitle", "No messages yet"),
-									description: S("conversations.noMessagesYet", "Start the conversation below — say hello, ask a question, or share an update."),
-									action: /* @__PURE__ */ g(Te, {
+									title: x("conversations.noMessagesTitle", "No messages yet"),
+									description: x("conversations.noMessagesYet", "Start the conversation below — say hello, ask a question, or share an update."),
+									action: /* @__PURE__ */ g(Ee, {
 										type: "button",
-										onClick: j,
+										onClick: A,
 										children: [/* @__PURE__ */ h(m, {
 											size: 14,
 											"aria-hidden": "true"
-										}), S("conversations.writeFirstMessage", "Write a message")]
+										}), x("conversations.writeFirstMessage", "Write a message")]
 									})
-								}), /* @__PURE__ */ h(De, {
+								}), /* @__PURE__ */ h(Oe, {
 									className: "w-full max-w-md",
 									storageKey: "conversations-detail",
-									title: S("conversations.nextSteps.title", "Get the most out of this conversation"),
-									steps: ft
+									title: x("conversations.nextSteps.title", "Get the most out of this conversation"),
+									steps: St
 								})]
 							}),
-							Y.map((e, t) => {
-								let n = Y[t - 1], r = !n || n.authorId !== e.authorId || n.type === "SYSTEM";
-								return /* @__PURE__ */ h("div", { children: B === e.id ? /* @__PURE__ */ g("div", {
+							$.map((e, t) => {
+								let n = $[t - 1], r = !n || n.authorId !== e.authorId || n.type === "SYSTEM";
+								return /* @__PURE__ */ h("div", { children: K === e.id ? /* @__PURE__ */ g("div", {
 									className: "px-4 py-2",
 									children: [/* @__PURE__ */ g("div", {
 										className: "flex items-center gap-2 text-xs text-text-secondary mb-1",
-										children: [/* @__PURE__ */ h("span", { children: S("conversations.editingMessage", "Editing message") }), /* @__PURE__ */ h("button", {
+										children: [/* @__PURE__ */ h("span", { children: x("conversations.editingMessage", "Editing message") }), /* @__PURE__ */ h("button", {
 											type: "button",
-											onClick: at,
+											onClick: mt,
 											className: "hover:text-text-primary",
-											children: /* @__PURE__ */ h(be, { size: 12 })
+											children: /* @__PURE__ */ h(xe, { size: 12 })
 										})]
 									}), /* @__PURE__ */ g("div", {
 										className: "flex items-end gap-2",
 										children: [/* @__PURE__ */ h("textarea", {
-											"aria-label": S("conversations.editMessageAria", "Edit message"),
-											value: H,
-											onChange: (e) => U(e.target.value),
+											"aria-label": x("conversations.editMessageAria", "Edit message"),
+											value: J,
+											onChange: (e) => Y(e.target.value),
 											onKeyDown: (e) => {
-												e.key === "Enter" && !e.shiftKey && (e.preventDefault(), it()), e.key === "Escape" && at();
+												e.key === "Enter" && !e.shiftKey && (e.preventDefault(), pt()), e.key === "Escape" && mt();
 											},
 											className: "flex-1 px-3 py-2 text-sm rounded-lg border border-border-subtle bg-bg-sunken/30 resize-none focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
 											rows: 2
 										}), /* @__PURE__ */ h("button", {
 											type: "button",
-											onClick: () => void it(),
-											disabled: !H.trim() || L,
+											onClick: () => void pt(),
+											disabled: !J.trim() || U,
 											className: "px-3 py-2 text-xs font-medium rounded-lg bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg/90 disabled:opacity-50",
-											children: S("conversations.save", "Save")
+											children: x("conversations.save", "Save")
 										})]
 									})]
 								}) : /* @__PURE__ */ h(i, {
 									message: e,
-									isOwnMessage: e.authorId === q,
+									isOwnMessage: e.authorId === Z,
 									showAvatar: r,
 									showSender: r,
-									onReply: tt,
-									onReact: (e, t) => void nt(e, t),
-									onEdit: rt,
-									onDelete: (e) => void ot(e),
-									onTogglePin: (e, t) => void st(e, t)
+									onReply: ut,
+									onReact: (e, t) => void dt(e, t),
+									onEdit: ft,
+									onDelete: (e) => void ht(e),
+									onTogglePin: (e, t) => void gt(e, t)
 								}) }, e.id);
 							}),
-							/* @__PURE__ */ h("div", { ref: Pe })
+							/* @__PURE__ */ h("div", { ref: Le })
 						]
 					}),
 					/* @__PURE__ */ g("div", {
 						"data-tour": "conversation-message-composer",
 						className: "border-t border-border-seam px-4 py-3 bg-bg-surface",
-						children: [W && /* @__PURE__ */ g("div", {
+						children: [X && /* @__PURE__ */ g("div", {
 							className: "flex items-center gap-2 mb-2 px-3 py-1.5 rounded-lg bg-bg-sunken/50 text-xs text-text-secondary",
 							children: [/* @__PURE__ */ g("span", { children: [
-								S("conversations.replyingTo", "Replying to"),
+								x("conversations.replyingTo", "Replying to"),
 								" ",
 								/* @__PURE__ */ h("strong", {
 									className: "text-text-primary",
-									children: W.sender
+									children: X.sender
 								}),
 								": ",
-								W.content.slice(0, 80),
-								W.content.length > 80 ? "…" : ""
+								X.content.slice(0, 80),
+								X.content.length > 80 ? "…" : ""
 							] }), /* @__PURE__ */ h("button", {
 								type: "button",
-								onClick: () => G(null),
-								"aria-label": S("conversations.cancelReply", "Cancel reply"),
+								onClick: () => rt(null),
+								"aria-label": x("conversations.cancelReply", "Cancel reply"),
 								className: "ml-auto flex min-h-9 min-w-9 items-center justify-center rounded-md hover:bg-bg-sunken/70 hover:text-text-primary",
-								children: /* @__PURE__ */ h(be, { size: 12 })
+								children: /* @__PURE__ */ h(xe, { size: 12 })
 							})]
 						}), /* @__PURE__ */ g("div", {
 							className: "flex items-end gap-2",
 							children: [/* @__PURE__ */ h("div", {
 								className: "flex-1 relative",
 								children: /* @__PURE__ */ h("textarea", {
-									"aria-label": S("conversations.messageComposer", "Message composer"),
-									ref: A,
-									value: E,
-									onChange: (e) => Me(e.target.value),
-									onKeyDown: et,
-									placeholder: `${S("conversations.messageConversationPrefix", "Message")} ${M.title}...`,
+									"aria-label": x("conversations.messageComposer", "Message composer"),
+									ref: k,
+									value: T,
+									onChange: (e) => Fe(e.target.value),
+									onKeyDown: lt,
+									placeholder: `${x("conversations.messageConversationPrefix", "Message")} ${j.title}...`,
 									rows: 1,
 									className: n("w-full px-4 py-2.5 text-sm rounded-xl border border-border-subtle bg-bg-sunken/30", "resize-none overflow-hidden placeholder:text-text-secondary", "focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)] focus:border-transparent max-h-32"),
 									style: {
@@ -515,11 +555,11 @@ function v() {
 								})
 							}), /* @__PURE__ */ h("button", {
 								type: "button",
-								"aria-label": S("conversations.sendMessage", "Send message"),
-								onClick: () => void Q(),
-								disabled: !E.trim() || I,
-								className: n("p-2.5 rounded-xl transition-all duration-150", E.trim() && !I ? "bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg/90 shadow-sm" : "bg-bg-sunken text-text-secondary cursor-not-allowed"),
-								children: I ? /* @__PURE__ */ h(he, {
+								"aria-label": x("conversations.sendMessage", "Send message"),
+								onClick: () => void ct(),
+								disabled: !T.trim() || H,
+								className: n("p-2.5 rounded-xl transition-all duration-150", T.trim() && !H ? "bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg/90 shadow-sm" : "bg-bg-sunken text-text-secondary cursor-not-allowed"),
+								children: H ? /* @__PURE__ */ h(ge, {
 									size: 18,
 									className: "animate-spin"
 								}) : /* @__PURE__ */ h(m, { size: 18 })
@@ -528,7 +568,7 @@ function v() {
 					})
 				]
 			}),
-			w && M.isGroup && /* @__PURE__ */ h("aside", {
+			C && j.isGroup && /* @__PURE__ */ h("aside", {
 				className: "absolute inset-y-0 right-0 z-20 w-full max-w-72 border-l border-border-seam bg-bg-surface shadow-lg animate-in slide-in-from-right-4 duration-200 md:relative md:z-auto md:w-64 md:shadow-none",
 				children: /* @__PURE__ */ g("div", {
 					className: "p-4",
@@ -537,20 +577,20 @@ function v() {
 						children: [/* @__PURE__ */ g("h3", {
 							className: "text-sm font-semibold text-text-primary",
 							children: [
-								S("conversations.members", "Members"),
+								x("conversations.members", "Members"),
 								" (",
-								M.memberCount ?? Z.length,
+								j.memberCount ?? ot.length,
 								")"
 							]
 						}), /* @__PURE__ */ h("button", {
 							type: "button",
-							onClick: T,
+							onClick: w,
 							className: "p-1 rounded text-text-secondary hover:text-text-primary",
 							children: /* @__PURE__ */ h(p, { size: 14 })
 						})]
 					}), /* @__PURE__ */ g("div", {
 						className: "space-y-1",
-						children: [Z.map((e) => /* @__PURE__ */ g("div", {
+						children: [ot.map((e) => /* @__PURE__ */ g("div", {
 							className: "flex items-center gap-2.5 px-2 py-1.5 rounded-lg hover:bg-bg-sunken/50",
 							children: [/* @__PURE__ */ h("div", {
 								className: "size-7 rounded-full bg-bg-sunken flex items-center justify-center text-xs font-medium text-text-secondary",
@@ -565,32 +605,32 @@ function v() {
 									children: e.role
 								})]
 							})]
-						}, e.id)), $e > 0 && /* @__PURE__ */ g("p", {
+						}, e.id)), st > 0 && /* @__PURE__ */ g("p", {
 							className: "px-2 pt-2 text-xs text-text-secondary",
 							children: [
-								S("conversations.moreMembersPrefix", "and"),
+								x("conversations.moreMembersPrefix", "and"),
 								" ",
-								$e,
+								st,
 								" ",
-								S("conversations.moreMembersSuffix", "more")
+								x("conversations.moreMembersSuffix", "more")
 							]
 						})]
 					})]
 				})
 			}),
-			/* @__PURE__ */ h(se, {
-				open: Ne,
-				title: S("conversations.quota.messages.title", "Message Quota Reached"),
-				description: S("conversations.quota.messages.description", "You've reached the message limit for your current plan. View billing to upgrade or add more capacity."),
-				onClose: () => D(!1),
+			/* @__PURE__ */ h(ce, {
+				open: Ie,
+				title: x("conversations.quota.messages.title", "Message Quota Reached"),
+				description: x("conversations.quota.messages.description", "You've reached the message limit for your current plan. View billing to upgrade or add more capacity."),
+				onClose: () => E(!1),
 				onConfirm: () => {
-					D(!1), o("/billing");
+					E(!1), o("/billing");
 				}
 			})
 		]
 	});
 }
-function y({ icon: e, label: t, onClick: r, destructive: i }) {
+function v({ icon: e, label: t, onClick: r, destructive: i }) {
 	return /* @__PURE__ */ g("button", {
 		type: "button",
 		onClick: r,
@@ -598,7 +638,7 @@ function y({ icon: e, label: t, onClick: r, destructive: i }) {
 		children: [e, /* @__PURE__ */ h("span", { children: t })]
 	});
 }
-function b({ icon: e, label: t, active: r, dataTour: i, onClick: ee }) {
+function y({ icon: e, label: t, active: r, dataTour: i, onClick: ee }) {
 	return /* @__PURE__ */ h(a, {
 		permission: o.CONVERSATION_READ,
 		allowUnavailablePermissions: !0,
@@ -614,6 +654,6 @@ function b({ icon: e, label: t, active: r, dataTour: i, onClick: ee }) {
 	});
 }
 //#endregion
-export { v as ConversationDetailPage };
+export { _ as ConversationDetailPage };
 
 //# sourceMappingURL=ConversationDetailPage.js.map