@burdenoff/microfe-conversations 2026.830.1 → 2026.924.1

package/dist/conversations/pages/ConversationDetailPage.js

@@ -1,36 +1,33 @@
 import { useConversations as e } from "../providers/ConversationsProvider.js";
-import { cn as t } from "../utils/cn.js";
-import { useConversationsStore as n } from "../store/conversationsStore.js";
-import { MessageBubble as r } from "../components/MessageBubble.js";
-import { useConversationActions as i, useGetConversation as ee } from "../hooks/useConversationQueries.js";
-import { useEditMessage as te, useGetMessages as ne, useMessageActions as re, useSendMessage as ie } from "../hooks/useMessageQueries.js";
-import { useMessageStreamForConversation as ae } from "../hooks/useMessageSubscriptions.js";
+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 { PermissionGuard as a } from "../components/PermissionGuard.js";
-import { QuotaExhaustedDialog as oe } from "../components/QuotaExhaustedDialog.js";
+import { QuotaExhaustedDialog as se } from "../components/QuotaExhaustedDialog.js";
 import { CONVERSATIONS_PERMISSIONS as o } from "../constants/permissions.js";
-import { nativeImpact as se, nativeNotify as s } from "../../utils/nativeBridge.js";
+import { nativeImpact as ce, 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 ce, ArrowLeft as le, Bell as ue, BellOff as de, ExternalLink as fe, Hash as pe, Loader2 as me, LogOut as he, MoreVertical as ge, Pin as p, PinOff as _e, SendHorizontal as m, Users as ve, X as ye } from "lucide-react";
-import { useNavigate as be, useParams as xe } from "react-router";
-import { isQuotaExhaustedError as Se } from "@burdenoff/fe-libs/shared/utils";
-import { useEventBus as Ce } from "@burdenoff/fe-libs/shared/events";
+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 { jsx as h, jsxs as g } from "react/jsx-runtime";
-import { useI18n as we } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 import { Button as Te, IllustratedEmptyState as Ee, NextSteps as De } from "@burdenoff/fe-libs/ui";
 //#region src/conversations/pages/ConversationDetailPage.tsx
 var _ = 100, Oe = 3e4;
 function v() {
-	let { conversationId: a } = xe(), o = be(), { basePath: v, currentUser: ke } = e(), x = Ce(), { t: Ae } = we(), S = c((e, t) => {
-		let n = Ae(e);
-		return n === e ? t : n;
-	}, [Ae]), { clearMessageDraft: C, isParticipantsPanelOpen: w, messageDrafts: je, setMessageDraft: Me, toggleParticipantsPanel: T } = n(), [E, Ne] = f(je[a ?? ""] ?? ""), [Pe, D] = f(!1), [O, k] = f([]), Fe = d(null), A = d(null), j = c(() => {
+	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: Ie, loading: Le, error: P } = ee(a ?? ""), { messages: F, loading: Re, error: ze, refetch: Be } = ne(a ?? "", {
+	}, []), { 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
 	});
-	ae(a, _);
-	let { sendMessage: Ve, loading: I } = ie(), { editMessage: He, loading: L } = te(), { deleteMessage: Ue, addReaction: We, removeReaction: Ge, pinMessage: Ke, unpinMessage: qe } = re(), { archiveConversation: Je, pinConversation: Ye, unpinConversation: Xe, muteConversation: Ze, unmuteConversation: Qe, leaveConversation: $e } = i(), [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(() => {
+	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(() => {
 		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);
@@ -41,7 +38,7 @@ function v() {
 		F
 	]);
 	l(() => {
-		Fe.current?.scrollIntoView({ behavior: "smooth" });
+		Pe.current?.scrollIntoView({ behavior: "smooth" });
 	}, [Y.length]), l(() => {
 		k([]);
 	}, [a]), l(() => {
@@ -58,7 +55,7 @@ function v() {
 	]), l(() => {
 		if (a) {
 			if (E.trim()) {
-				Me(a, E);
+				je(a, E);
 				return;
 			}
 			C(a);
@@ -66,7 +63,7 @@ function v() {
 	}, [
 		E,
 		a,
-		Me,
+		je,
 		C
 	]);
 	let X = u(() => {
@@ -85,11 +82,11 @@ function v() {
 		N,
 		X,
 		S
-	]), et = M?.memberCount ? Math.max(M.memberCount - Z.length, 0) : 0, Q = c(async () => {
+	]), $e = M?.memberCount ? Math.max(M.memberCount - Z.length, 0) : 0, Q = c(async () => {
 		if (!a || !E.trim() || I) return;
 		let e;
 		try {
-			e = await Ve({
+			e = await Be({
 				conversationId: a,
 				content: E.trim(),
 				type: "TEXT",
@@ -97,7 +94,7 @@ function v() {
 				refetchFirst: _
 			});
 		} catch (e) {
-			if (Se(e)) {
+			if (Ce(e)) {
 				D(!0);
 				return;
 			}
@@ -106,16 +103,16 @@ function v() {
 		e && (k((t) => [...t, e]), x.emit("conversations.message.sent", {
 			messageId: e.id,
 			conversationId: a
-		}), Ne(""), G(null), C(a));
+		}), Me(""), G(null), C(a));
 	}, [
 		x,
 		a,
 		E,
 		I,
-		Ve,
+		Be,
 		C,
 		W
-	]), tt = c((e) => {
+	]), et = c((e) => {
 		e.key !== "Enter" || e.shiftKey || (e.preventDefault(), Q());
 	}, [Q]);
 	l(() => {
@@ -127,77 +124,77 @@ function v() {
 		};
 		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
 	}, [R]);
-	let nt = c((e) => {
+	let tt = c((e) => {
 		G({
 			id: e.id,
 			content: e.content,
 			sender: e.sender.name
 		});
-	}, []), rt = c(async (e, t) => {
+	}, []), nt = c(async (e, t) => {
 		try {
-			await We(e, t);
+			await Ue(e, t);
 		} catch {
-			await Ge(e, t).catch(() => {});
+			await We(e, t).catch(() => {});
 		}
-	}, [We, Ge]), it = c((e) => {
+	}, [Ue, We]), rt = c((e) => {
 		V(e.id), U(e.content);
-	}, []), at = c(async () => {
-		!B || !H.trim() || L || (await He(B, H.trim()), V(null), U(""));
+	}, []), it = c(async () => {
+		!B || !H.trim() || L || (await Ve(B, H.trim()), V(null), U(""));
 	}, [
 		B,
 		H,
 		L,
-		He
-	]), ot = c(() => {
+		Ve
+	]), at = c(() => {
 		V(null), U("");
-	}, []), st = c(async (e) => {
+	}, []), ot = c(async (e) => {
 		if (window.confirm(S("conversations.confirmDeleteMessage", "Delete this message? This action cannot be undone."))) {
-			se("medium");
+			ce("medium");
 			try {
-				await Ue(e), Be(), s("success");
+				await He(e), ze(), s("success");
 			} catch (e) {
 				console.error("[microfe-conversations] message delete failed", e), s("error");
 			}
 		}
 	}, [
-		Ue,
-		Be,
+		He,
+		ze,
 		S
-	]), ct = c(async (e, t) => {
+	]), st = c(async (e, t) => {
 		if (t) {
-			await qe(e);
+			await Ke(e);
 			return;
 		}
-		await Ke(e);
-	}, [Ke, qe]), lt = c(async () => {
-		a && (M?.isPinned ? await Xe(a) : await Ye(a), z(!1));
+		await Ge(e);
+	}, [Ge, Ke]), $ = c(async () => {
+		a && (M?.isPinned ? await Ye(a) : await Je(a), z(!1));
 	}, [
 		a,
 		M?.isPinned,
-		Ye,
-		Xe
-	]), ut = c(async () => {
-		a && (M?.isMuted ? await Qe(a) : await Ze(a), z(!1));
+		Je,
+		Ye
+	]), ct = c(async () => {
+		a && (M?.isMuted ? await Ze(a) : await Xe(a), z(!1));
 	}, [
 		a,
 		M?.isMuted,
-		Ze,
-		Qe
-	]), dt = c(async () => {
+		Xe,
+		Ze
+	]), lt = c(async () => {
 		if (a) try {
-			await Je(a), x.emit("conversations.conversation.archived", { conversationId: a }), z(!1), o(v || "/conversations");
+			await qe(a), x.emit("conversations.conversation.archived", { conversationId: a }), z(!1), o(v || "/conversations");
 		} catch (e) {
 			console.error("[microfe-conversations] conversation archive failed", e), s("error");
 		}
 	}, [
-		Je,
+		qe,
 		v,
 		x,
 		a,
 		o
-	]), ft = c(async () => {
+	]), ut = c(async () => {
 		if (a && window.confirm(S("conversations.confirmLeaveConversation", "Leave this conversation? You will lose access unless someone adds you again."))) try {
-			await $e(a), q && x.emit("conversations.member.removed", {
+			await Qe(a), q && x.emit("conversations.member.removed", {
 				conversationId: a,
 				userId: q
 			}), z(!1), o(v || "/conversations");
@@ -209,10 +206,10 @@ function v() {
 		x,
 		a,
 		q,
-		$e,
+		Qe,
 		o,
 		S
-	]), $ = c(() => {
+	]), dt = c(() => {
 		if (J?.contextHref) {
 			try {
 				let e = new URL(J.contextHref);
@@ -223,7 +220,7 @@ function v() {
 			} catch {}
 			window.location.assign(J.contextHref);
 		}
-	}, [o, J?.contextHref]), pt = u(() => {
+	}, [o, J?.contextHref]), ft = u(() => {
 		let e = [{
 			id: "send-message",
 			label: S("conversations.nextSteps.send.label", "Send your first reply"),
@@ -239,7 +236,7 @@ function v() {
 			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(ve, {
+			icon: /* @__PURE__ */ h(ye, {
 				size: 14,
 				"aria-hidden": "true"
 			}),
@@ -250,11 +247,11 @@ function v() {
 			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(fe, {
+			icon: /* @__PURE__ */ h(pe, {
 				size: 14,
 				"aria-hidden": "true"
 			}),
-			onClick: $
+			onClick: dt
 		}), 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"),
@@ -263,7 +260,7 @@ function v() {
 				size: 14,
 				"aria-hidden": "true"
 			}),
-			onClick: () => void lt(),
+			onClick: () => void $(),
 			done: M?.isPinned
 		}), e;
 	}, [
@@ -271,14 +268,14 @@ function v() {
 		M?.isPinned,
 		Y.length,
 		j,
+		dt,
 		$,
-		lt,
 		w,
 		J?.contextHref,
 		T,
 		S
 	]);
-	return !M && Le ? /* @__PURE__ */ h("div", {
+	return !M && Ie ? /* @__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", {
@@ -308,12 +305,12 @@ function v() {
 								type: "button",
 								onClick: () => o(v || "/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(le, { size: 18 })
+								children: /* @__PURE__ */ h(ue, { 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(pe, {
+									children: [M.type === "CHANNEL" && /* @__PURE__ */ h(me, {
 										size: 14,
 										className: "text-text-secondary flex-shrink-0"
 									}), /* @__PURE__ */ h("h2", {
@@ -330,13 +327,13 @@ function v() {
 							children: [
 								J?.contextHref && /* @__PURE__ */ h(b, {
 									dataTour: "conversation-open-context",
-									icon: /* @__PURE__ */ h(fe, { size: 16 }),
+									icon: /* @__PURE__ */ h(pe, { size: 16 }),
 									label: S("conversations.openContext", "Open context"),
-									onClick: $
+									onClick: dt
 								}),
 								M.isGroup && /* @__PURE__ */ h(b, {
 									dataTour: "conversation-participants-button",
-									icon: /* @__PURE__ */ h(ve, { size: 16 }),
+									icon: /* @__PURE__ */ h(ye, { size: 16 }),
 									label: S("conversations.participants", "Participants"),
 									active: w,
 									onClick: T
@@ -345,7 +342,7 @@ function v() {
 									className: "relative",
 									ref: K,
 									children: [/* @__PURE__ */ h(b, {
-										icon: /* @__PURE__ */ h(ge, { size: 16 }),
+										icon: /* @__PURE__ */ h(_e, { size: 16 }),
 										label: S("conversations.moreOptions", "More options"),
 										active: R,
 										onClick: () => z((e) => !e)
@@ -353,26 +350,26 @@ function v() {
 										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(_e, { size: 14 }) : /* @__PURE__ */ h(p, { size: 14 }),
+												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 lt()
+												onClick: () => void $()
 											}),
 											/* @__PURE__ */ h(y, {
-												icon: M.isMuted ? /* @__PURE__ */ h(ue, { size: 14 }) : /* @__PURE__ */ h(de, { size: 14 }),
+												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 ut()
+												onClick: () => void ct()
 											}),
 											/* @__PURE__ */ h("div", { className: "h-px bg-border my-1" }),
 											/* @__PURE__ */ h(y, {
-												icon: /* @__PURE__ */ h(ce, { size: 14 }),
+												icon: /* @__PURE__ */ h(le, { size: 14 }),
 												label: S("conversations.archiveConversation", "Archive conversation"),
-												onClick: () => void dt(),
+												onClick: () => void lt(),
 												destructive: !0
 											}),
 											M.isGroup && /* @__PURE__ */ h(y, {
-												icon: /* @__PURE__ */ h(he, { size: 14 }),
+												icon: /* @__PURE__ */ h(ge, { size: 14 }),
 												label: S("conversations.leaveConversation", "Leave conversation"),
-												onClick: () => void ft(),
+												onClick: () => void ut(),
 												destructive: !0
 											})
 										]
@@ -389,20 +386,23 @@ function v() {
 								children: [/* @__PURE__ */ h("span", {
 									className: "font-medium text-text-primary",
 									children: J.contextTitle || J.pagePath
-								}), J.entityType && J.entityId ? ` · ${J.entityType} ${J.entityId}` : ""]
+								}), J.entityType && J.entityId ? S("conversations.contextEntityMeta", " · {{entityType}} {{entityId}}", {
+									entityType: J.entityType,
+									entityId: J.entityId
+								}) : ""]
 							}),
-							ze && /* @__PURE__ */ h("div", {
+							Re && /* @__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.")
 							}),
-							Re && /* @__PURE__ */ g("div", {
+							Le && /* @__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(me, {
+								children: [/* @__PURE__ */ h(he, {
 									size: 14,
 									className: "animate-spin"
 								}), S("conversations.loadingMessages", "Loading messages...")]
 							}),
-							!Re && !ze && Y.length === 0 && /* @__PURE__ */ g("div", {
+							!Le && !Re && Y.length === 0 && /* @__PURE__ */ g("div", {
 								className: "mx-4 mb-4 flex flex-col items-center gap-5 py-6",
 								children: [/* @__PURE__ */ h(Ee, {
 									illustration: "empty-vibes",
@@ -420,53 +420,53 @@ function v() {
 									className: "w-full max-w-md",
 									storageKey: "conversations-detail",
 									title: S("conversations.nextSteps.title", "Get the most out of this conversation"),
-									steps: pt
+									steps: ft
 								})]
 							}),
 							Y.map((e, t) => {
-								let n = Y[t - 1], i = !n || n.authorId !== e.authorId || n.type === "SYSTEM";
+								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", {
 									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", {
 											type: "button",
-											onClick: ot,
+											onClick: at,
 											className: "hover:text-text-primary",
-											children: /* @__PURE__ */ h(ye, { size: 12 })
+											children: /* @__PURE__ */ h(be, { size: 12 })
 										})]
 									}), /* @__PURE__ */ g("div", {
 										className: "flex items-end gap-2",
 										children: [/* @__PURE__ */ h("textarea", {
-											"aria-label": "Edit message",
+											"aria-label": S("conversations.editMessageAria", "Edit message"),
 											value: H,
 											onChange: (e) => U(e.target.value),
 											onKeyDown: (e) => {
-												e.key === "Enter" && !e.shiftKey && (e.preventDefault(), at()), e.key === "Escape" && ot();
+												e.key === "Enter" && !e.shiftKey && (e.preventDefault(), it()), e.key === "Escape" && at();
 											},
 											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 at(),
+											onClick: () => void it(),
 											disabled: !H.trim() || L,
 											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")
 										})]
 									})]
-								}) : /* @__PURE__ */ h(r, {
+								}) : /* @__PURE__ */ h(i, {
 									message: e,
 									isOwnMessage: e.authorId === q,
-									showAvatar: i,
-									showSender: i,
-									onReply: nt,
-									onReact: (e, t) => void rt(e, t),
-									onEdit: it,
-									onDelete: (e) => void st(e),
-									onTogglePin: (e, t) => void ct(e, t)
+									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)
 								}) }, e.id);
 							}),
-							/* @__PURE__ */ h("div", { ref: Fe })
+							/* @__PURE__ */ h("div", { ref: Pe })
 						]
 					}),
 					/* @__PURE__ */ g("div", {
@@ -489,7 +489,7 @@ function v() {
 								onClick: () => G(null),
 								"aria-label": S("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(ye, { size: 12 })
+								children: /* @__PURE__ */ h(be, { size: 12 })
 							})]
 						}), /* @__PURE__ */ g("div", {
 							className: "flex items-end gap-2",
@@ -499,11 +499,11 @@ function v() {
 									"aria-label": S("conversations.messageComposer", "Message composer"),
 									ref: A,
 									value: E,
-									onChange: (e) => Ne(e.target.value),
-									onKeyDown: tt,
+									onChange: (e) => Me(e.target.value),
+									onKeyDown: et,
 									placeholder: `${S("conversations.messageConversationPrefix", "Message")} ${M.title}...`,
 									rows: 1,
-									className: t("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"),
+									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: {
 										height: "auto",
 										minHeight: "40px"
@@ -518,8 +518,8 @@ function v() {
 								"aria-label": S("conversations.sendMessage", "Send message"),
 								onClick: () => void Q(),
 								disabled: !E.trim() || I,
-								className: t("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(me, {
+								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, {
 									size: 18,
 									className: "animate-spin"
 								}) : /* @__PURE__ */ h(m, { size: 18 })
@@ -565,12 +565,12 @@ function v() {
 									children: e.role
 								})]
 							})]
-						}, e.id)), et > 0 && /* @__PURE__ */ g("p", {
+						}, e.id)), $e > 0 && /* @__PURE__ */ g("p", {
 							className: "px-2 pt-2 text-xs text-text-secondary",
 							children: [
 								S("conversations.moreMembersPrefix", "and"),
 								" ",
-								et,
+								$e,
 								" ",
 								S("conversations.moreMembersSuffix", "more")
 							]
@@ -578,8 +578,8 @@ function v() {
 					})]
 				})
 			}),
-			/* @__PURE__ */ h(oe, {
-				open: Pe,
+			/* @__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),
@@ -590,15 +590,15 @@ function v() {
 		]
 	});
 }
-function y({ icon: e, label: n, onClick: r, destructive: i }) {
+function y({ icon: e, label: t, onClick: r, destructive: i }) {
 	return /* @__PURE__ */ g("button", {
 		type: "button",
 		onClick: r,
-		className: t("flex items-center gap-2.5 w-full px-3 py-2 text-sm transition-colors text-left", i ? "text-status-error-text hover:bg-status-error-bg/10" : "text-text-primary hover:bg-bg-sunken/50"),
-		children: [e, /* @__PURE__ */ h("span", { children: n })]
+		className: n("flex items-center gap-2.5 w-full px-3 py-2 text-sm transition-colors text-left", i ? "text-status-error-text hover:bg-status-error-bg/10" : "text-text-primary hover:bg-bg-sunken/50"),
+		children: [e, /* @__PURE__ */ h("span", { children: t })]
 	});
 }
-function b({ icon: e, label: n, active: r, dataTour: i, onClick: ee }) {
+function b({ icon: e, label: t, active: r, dataTour: i, onClick: ee }) {
 	return /* @__PURE__ */ h(a, {
 		permission: o.CONVERSATION_READ,
 		allowUnavailablePermissions: !0,
@@ -606,9 +606,9 @@ function b({ icon: e, label: n, active: r, dataTour: i, onClick: ee }) {
 			"data-tour": i,
 			type: "button",
 			onClick: ee,
-			"aria-label": n,
-			title: n,
-			className: t("flex min-h-10 min-w-10 items-center justify-center rounded-lg transition-colors", r ? "bg-action-primary-bg/10 text-primary" : "text-text-secondary hover:text-text-primary hover:bg-bg-sunken/50"),
+			"aria-label": t,
+			title: t,
+			className: n("flex min-h-10 min-w-10 items-center justify-center rounded-lg transition-colors", r ? "bg-action-primary-bg/10 text-primary" : "text-text-secondary hover:text-text-primary hover:bg-bg-sunken/50"),
 			children: e
 		})
 	});