@burdenoff/microfe-conversations 2026.626.1 → 2026.716.1

package/dist/conversations/pages/ConversationDetailPage.js

@@ -6,57 +6,59 @@ import { useConversationActions as i, useGetConversation as ee } from "../hooks/
 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 { PermissionGuard as a } from "../components/PermissionGuard.js";
+import { QuotaExhaustedDialog as oe } from "../components/QuotaExhaustedDialog.js";
 import { CONVERSATIONS_PERMISSIONS as o } from "../constants/permissions.js";
-import { nativeImpact as oe, nativeNotify as s } from "../../utils/nativeBridge.js";
+import { nativeImpact as se, 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 se, ArrowLeft as ce, Bell as le, BellOff as ue, ExternalLink as de, Hash as fe, Loader2 as pe, LogOut as me, MoreVertical as he, Pin as p, PinOff as ge, SendHorizontal as m, Users as _e, X as ve } from "lucide-react";
-import { useNavigate as ye, useParams as be } from "react-router-dom";
-import { useEventBus as xe } from "@burdenoff/fe-libs/shared/events";
+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-dom";
+import { isQuotaExhaustedError as Se } from "@burdenoff/fe-libs/shared/utils";
+import { useEventBus as Ce } from "@burdenoff/fe-libs/shared/events";
 import { jsx as h, jsxs as g } from "react/jsx-runtime";
-import { useI18n as Se } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { Button as Ce, IllustratedEmptyState as we, NextSteps as Te } from "@burdenoff/fe-libs/ui";
+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, Ee = 3e4;
+var _ = 100, Oe = 3e4;
 function v() {
-	let { conversationId: a } = be(), o = ye(), { basePath: v, currentUser: De } = e(), x = xe(), { t: Oe } = Se(), S = c((e, t) => {
-		let n = Oe(e);
+	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;
-	}, [Oe]), { clearMessageDraft: C, isParticipantsPanelOpen: w, messageDrafts: ke, setMessageDraft: Ae, toggleParticipantsPanel: T } = n(), [E, je] = f(ke[a ?? ""] ?? ""), [D, O] = f([]), Me = d(null), k = d(null), A = c(() => {
-		k.current?.focus(), k.current?.scrollIntoView({ behavior: "smooth" });
-	}, []), { conversation: j, members: M, membersTotalCount: Ne, loading: Pe, error: N } = ee(a ?? ""), { messages: P, loading: Fe, error: Ie, refetch: Le } = ne(a ?? "", {
+	}, [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(() => {
+		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 ?? "", {
 		first: _,
-		pollInterval: Ee
+		pollInterval: Oe
 	});
 	ae(a, _);
-	let { sendMessage: Re, loading: F } = ie(), { editMessage: ze, loading: I } = te(), { deleteMessage: Be, addReaction: Ve, removeReaction: He, pinMessage: Ue, unpinMessage: We } = re(), { archiveConversation: Ge, pinConversation: Ke, unpinConversation: qe, muteConversation: Je, unmuteConversation: Ye, leaveConversation: Xe } = i(), [L, R] = f(!1), [z, B] = f(null), [V, H] = f(""), [U, W] = f(null), G = d(null), K = De?.id ?? "", q = j?.sourceContext, J = u(() => {
+	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(() => {
 		let e = /* @__PURE__ */ new Map();
-		for (let t of D) t.conversationId === a && e.set(t.id, t);
-		for (let t of P) e.set(t.id, t);
+		for (let t of O) t.conversationId === a && e.set(t.id, t);
+		for (let t of F) e.set(t.id, t);
 		return Array.from(e.values()).sort((e, t) => new Date(e.createdAt).getTime() - new Date(t.createdAt).getTime());
 	}, [
 		a,
-		D,
-		P
+		O,
+		F
 	]);
 	l(() => {
-		Me.current?.scrollIntoView({ behavior: "smooth" });
-	}, [J.length]), l(() => {
-		O([]);
+		Fe.current?.scrollIntoView({ behavior: "smooth" });
+	}, [Y.length]), l(() => {
+		k([]);
 	}, [a]), l(() => {
-		if (D.length === 0 || P.length === 0) return;
-		let e = new Set(P.map((e) => e.id));
-		O((t) => {
+		if (O.length === 0 || F.length === 0) return;
+		let e = new Set(F.map((e) => e.id));
+		k((t) => {
 			let n = t.filter((t) => !e.has(t.id));
 			return n.length === t.length ? t : n;
 		});
 	}, [
-		D.length,
-		P,
-		O
+		O.length,
+		F,
+		k
 	]), l(() => {
 		if (a) {
 			if (E.trim()) {
-				Ae(a, E);
+				Me(a, E);
 				return;
 			}
 			C(a);
@@ -64,132 +66,141 @@ function v() {
 	}, [
 		E,
 		a,
-		Ae,
+		Me,
 		C
 	]);
-	let Y = u(() => {
+	let X = u(() => {
 		let e = /* @__PURE__ */ new Map();
-		for (let t of J) !t.authorId || e.has(t.authorId) || t.sender.name && e.set(t.authorId, t.sender.name);
+		for (let t of Y) !t.authorId || e.has(t.authorId) || t.sender.name && e.set(t.authorId, t.sender.name);
 		return e;
-	}, [J]), X = u(() => M.length > 0 ? M.filter((e) => e.status === "ACTIVE" && !e.leftAt).map((e) => ({
+	}, [Y]), Z = u(() => N.length > 0 ? N.filter((e) => e.status === "ACTIVE" && !e.leftAt).map((e) => ({
 		id: e.userId,
-		name: Y.get(e.userId) || e.customTitle || S("conversations.member", "Member"),
+		name: X.get(e.userId) || e.customTitle || S("conversations.member", "Member"),
 		role: e.role
-	})) : Array.from(Y.entries()).map(([e, t]) => ({
+	})) : Array.from(X.entries()).map(([e, t]) => ({
 		id: e,
 		name: t,
 		role: S("conversations.member", "Member")
 	})), [
-		M,
-		Y,
+		N,
+		X,
 		S
-	]), Ze = j?.memberCount ? Math.max(j.memberCount - X.length, 0) : 0, Z = c(async () => {
-		if (!a || !E.trim() || F) return;
-		let e = await Re({
-			conversationId: a,
-			content: E.trim(),
-			type: "TEXT",
-			parentMessageId: U?.id,
-			refetchFirst: _
-		});
-		e && (O((t) => [...t, e]), x.emit("conversations.message.sent", {
+	]), et = 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({
+				conversationId: a,
+				content: E.trim(),
+				type: "TEXT",
+				parentMessageId: W?.id,
+				refetchFirst: _
+			});
+		} catch (e) {
+			if (Se(e)) {
+				D(!0);
+				return;
+			}
+			throw s("error"), e;
+		}
+		e && (k((t) => [...t, e]), x.emit("conversations.message.sent", {
 			messageId: e.id,
 			conversationId: a
-		}), je(""), W(null), C(a));
+		}), Ne(""), G(null), C(a));
 	}, [
 		x,
 		a,
 		E,
-		F,
-		Re,
+		I,
+		Ve,
 		C,
-		U
-	]), Qe = c((e) => {
-		e.key !== "Enter" || e.shiftKey || (e.preventDefault(), Z());
-	}, [Z]);
+		W
+	]), tt = c((e) => {
+		e.key !== "Enter" || e.shiftKey || (e.preventDefault(), Q());
+	}, [Q]);
 	l(() => {
 		a && x.emit("conversations.conversation.opened", { conversationId: a });
 	}, [x, a]), l(() => {
-		if (!L) return;
+		if (!R) return;
 		let e = (e) => {
-			G.current && !G.current.contains(e.target) && R(!1);
+			K.current && !K.current.contains(e.target) && z(!1);
 		};
 		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-	}, [L]);
-	let $e = c((e) => {
-		W({
+	}, [R]);
+	let nt = c((e) => {
+		G({
 			id: e.id,
 			content: e.content,
 			sender: e.sender.name
 		});
-	}, []), et = c(async (e, t) => {
+	}, []), rt = c(async (e, t) => {
 		try {
-			await Ve(e, t);
+			await We(e, t);
 		} catch {
-			await He(e, t).catch(() => {});
+			await Ge(e, t).catch(() => {});
 		}
-	}, [Ve, He]), tt = c((e) => {
-		B(e.id), H(e.content);
-	}, []), nt = c(async () => {
-		!z || !V.trim() || I || (await ze(z, V.trim()), B(null), H(""));
+	}, [We, Ge]), it = c((e) => {
+		V(e.id), U(e.content);
+	}, []), at = c(async () => {
+		!B || !H.trim() || L || (await He(B, H.trim()), V(null), U(""));
 	}, [
-		z,
-		V,
-		I,
-		ze
-	]), rt = c(() => {
-		B(null), H("");
-	}, []), it = c(async (e) => {
+		B,
+		H,
+		L,
+		He
+	]), ot = c(() => {
+		V(null), U("");
+	}, []), st = c(async (e) => {
 		if (window.confirm(S("conversations.confirmDeleteMessage", "Delete this message? This action cannot be undone."))) {
-			oe("medium");
+			se("medium");
 			try {
-				await Be(e), Le(), s("success");
+				await Ue(e), Be(), s("success");
 			} catch (e) {
 				console.error("[microfe-conversations] message delete failed", e), s("error");
 			}
 		}
 	}, [
+		Ue,
 		Be,
-		Le,
 		S
-	]), at = c(async (e, t) => {
+	]), ct = c(async (e, t) => {
 		if (t) {
-			await We(e);
+			await qe(e);
 			return;
 		}
-		await Ue(e);
-	}, [Ue, We]), Q = c(async () => {
-		a && (j?.isPinned ? await qe(a) : await Ke(a), R(!1));
+		await Ke(e);
+	}, [Ke, qe]), lt = c(async () => {
+		a && (M?.isPinned ? await Xe(a) : await Ye(a), z(!1));
 	}, [
 		a,
-		j?.isPinned,
-		Ke,
-		qe
-	]), ot = c(async () => {
-		a && (j?.isMuted ? await Ye(a) : await Je(a), R(!1));
+		M?.isPinned,
+		Ye,
+		Xe
+	]), ut = c(async () => {
+		a && (M?.isMuted ? await Qe(a) : await Ze(a), z(!1));
 	}, [
 		a,
-		j?.isMuted,
-		Je,
-		Ye
-	]), st = c(async () => {
+		M?.isMuted,
+		Ze,
+		Qe
+	]), dt = c(async () => {
 		if (a) try {
-			await Ge(a), x.emit("conversations.conversation.archived", { conversationId: a }), R(!1), o(v || "/conversations");
+			await Je(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");
 		}
 	}, [
-		Ge,
+		Je,
 		v,
 		x,
 		a,
 		o
-	]), ct = c(async () => {
+	]), ft = c(async () => {
 		if (a && window.confirm(S("conversations.confirmLeaveConversation", "Leave this conversation? You will lose access unless someone adds you again."))) try {
-			await Xe(a), K && x.emit("conversations.member.removed", {
+			await $e(a), q && x.emit("conversations.member.removed", {
 				conversationId: a,
-				userId: K
-			}), R(!1), o(v || "/conversations");
+				userId: q
+			}), z(!1), o(v || "/conversations");
 		} catch (e) {
 			console.error("[microfe-conversations] conversation leave failed", e), s("error");
 		}
@@ -197,22 +208,22 @@ function v() {
 		v,
 		x,
 		a,
-		K,
-		Xe,
+		q,
+		$e,
 		o,
 		S
 	]), $ = c(() => {
-		if (q?.contextHref) {
+		if (J?.contextHref) {
 			try {
-				let e = new URL(q.contextHref);
+				let e = new URL(J.contextHref);
 				if (e.origin === window.location.origin) {
 					o(`${e.pathname}${e.search}${e.hash}`);
 					return;
 				}
 			} catch {}
-			window.location.assign(q.contextHref);
+			window.location.assign(J.contextHref);
 		}
-	}, [o, q?.contextHref]), lt = u(() => {
+	}, [o, J?.contextHref]), pt = u(() => {
 		let e = [{
 			id: "send-message",
 			label: S("conversations.nextSteps.send.label", "Send your first reply"),
@@ -221,62 +232,62 @@ function v() {
 				size: 14,
 				"aria-hidden": "true"
 			}),
-			onClick: A,
-			done: J.length > 0
+			onClick: j,
+			done: Y.length > 0
 		}];
-		return j?.isGroup && e.push({
+		return M?.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(_e, {
+			icon: /* @__PURE__ */ h(ve, {
 				size: 14,
 				"aria-hidden": "true"
 			}),
 			onClick: () => {
 				w || T();
 			}
-		}), q?.contextHref && e.push({
+		}), J?.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(de, {
+			icon: /* @__PURE__ */ h(fe, {
 				size: 14,
 				"aria-hidden": "true"
 			}),
 			onClick: $
 		}), e.push({
 			id: "pin-conversation",
-			label: j?.isPinned ? S("conversations.nextSteps.unpin.label", "Unpin this conversation") : S("conversations.nextSteps.pin.label", "Pin for quick access"),
+			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."),
 			icon: /* @__PURE__ */ h(p, {
 				size: 14,
 				"aria-hidden": "true"
 			}),
-			onClick: () => void Q(),
-			done: j?.isPinned
+			onClick: () => void lt(),
+			done: M?.isPinned
 		}), e;
 	}, [
-		j?.isGroup,
-		j?.isPinned,
-		J.length,
-		A,
+		M?.isGroup,
+		M?.isPinned,
+		Y.length,
+		j,
 		$,
-		Q,
+		lt,
 		w,
-		q?.contextHref,
+		J?.contextHref,
 		T,
 		S
 	]);
-	return !j && Pe ? /* @__PURE__ */ h("div", {
+	return !M && Le ? /* @__PURE__ */ h("div", {
 		className: "flex items-center justify-center h-[calc(100vh-64px)] text-sm text-text-secondary",
 		children: S("conversations.loading", "Loading conversation...")
-	}) : !j || N ? /* @__PURE__ */ h("div", {
+	}) : !M || P ? /* @__PURE__ */ h("div", {
 		className: "flex h-[calc(100vh-64px)] items-center justify-center p-8",
-		children: /* @__PURE__ */ h(we, {
+		children: /* @__PURE__ */ h(Ee, {
 			illustration: "empty-generic",
-			title: N ? S("conversations.unavailableTitle", "Conversation unavailable") : S("conversations.notFound", "Conversation not found"),
-			description: N ? 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(Ce, {
+			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, {
 				type: "button",
 				onClick: () => o(v || "/conversations"),
 				children: S("conversations.back", "Back to conversations")
@@ -284,287 +295,299 @@ function v() {
 		})
 	}) : /* @__PURE__ */ g("div", {
 		className: "relative flex h-[calc(100vh-64px)] bg-bg-surface",
-		children: [/* @__PURE__ */ g("div", {
-			className: "flex-1 flex flex-col min-w-0",
-			children: [
-				/* @__PURE__ */ g("header", {
-					"data-tour": "conversation-detail-header",
-					className: "flex items-center justify-between px-4 py-3 border-b border-border-seam bg-bg-surface/95 backdrop-blur-sm",
-					children: [/* @__PURE__ */ g("div", {
-						className: "flex items-center gap-3 min-w-0",
-						children: [/* @__PURE__ */ h("button", {
-							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(ce, { size: 18 })
-						}), /* @__PURE__ */ g("div", {
-							className: "min-w-0",
-							children: [/* @__PURE__ */ g("div", {
-								className: "flex items-center gap-1.5",
-								children: [j.type === "CHANNEL" && /* @__PURE__ */ h(fe, {
-									size: 14,
-									className: "text-text-secondary flex-shrink-0"
-								}), /* @__PURE__ */ h("h2", {
-									className: "text-sm font-semibold text-text-primary truncate",
-									children: j.title
+		children: [
+			/* @__PURE__ */ g("div", {
+				className: "flex-1 flex flex-col min-w-0",
+				children: [
+					/* @__PURE__ */ g("header", {
+						"data-tour": "conversation-detail-header",
+						className: "flex items-center justify-between px-4 py-3 border-b border-border-seam bg-bg-surface/95 backdrop-blur-sm",
+						children: [/* @__PURE__ */ g("div", {
+							className: "flex items-center gap-3 min-w-0",
+							children: [/* @__PURE__ */ h("button", {
+								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 })
+							}), /* @__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, {
+										size: 14,
+										className: "text-text-secondary flex-shrink-0"
+									}), /* @__PURE__ */ h("h2", {
+										className: "text-sm font-semibold text-text-primary truncate",
+										children: M.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")}`
 								})]
-							}), /* @__PURE__ */ h("p", {
-								className: "text-xs text-text-secondary",
-								children: j.type === "DIRECT" ? S("conversations.directConversation", "Direct conversation") : j.type === "CHANNEL" ? `${S("conversations.channel", "Channel")} · ${j.memberCount} ${S("conversations.membersCountLabel", "members")}` : j.type === "ANNOUNCEMENT" ? `${S("conversations.announcement", "Announcement")} · ${j.memberCount} ${S("conversations.membersCountLabel", "members")}` : `${j.memberCount} ${S("conversations.membersCountLabel", "members")}`
 							})]
+						}), /* @__PURE__ */ g("div", {
+							className: "flex shrink-0 items-center gap-1",
+							children: [
+								J?.contextHref && /* @__PURE__ */ h(b, {
+									dataTour: "conversation-open-context",
+									icon: /* @__PURE__ */ h(fe, { size: 16 }),
+									label: S("conversations.openContext", "Open context"),
+									onClick: $
+								}),
+								M.isGroup && /* @__PURE__ */ h(b, {
+									dataTour: "conversation-participants-button",
+									icon: /* @__PURE__ */ h(ve, { size: 16 }),
+									label: S("conversations.participants", "Participants"),
+									active: w,
+									onClick: T
+								}),
+								/* @__PURE__ */ g("div", {
+									className: "relative",
+									ref: K,
+									children: [/* @__PURE__ */ h(b, {
+										icon: /* @__PURE__ */ h(ge, { size: 16 }),
+										label: S("conversations.moreOptions", "More options"),
+										active: R,
+										onClick: () => z((e) => !e)
+									}), R && /* @__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(_e, { size: 14 }) : /* @__PURE__ */ h(p, { size: 14 }),
+												label: M.isPinned ? S("conversations.unpinConversation", "Unpin conversation") : S("conversations.pinConversation", "Pin conversation"),
+												onClick: () => void lt()
+											}),
+											/* @__PURE__ */ h(y, {
+												icon: M.isMuted ? /* @__PURE__ */ h(ue, { size: 14 }) : /* @__PURE__ */ h(de, { size: 14 }),
+												label: M.isMuted ? S("conversations.unmuteConversation", "Unmute conversation") : S("conversations.muteConversation", "Mute conversation"),
+												onClick: () => void ut()
+											}),
+											/* @__PURE__ */ h("div", { className: "h-px bg-border my-1" }),
+											/* @__PURE__ */ h(y, {
+												icon: /* @__PURE__ */ h(ce, { size: 14 }),
+												label: S("conversations.archiveConversation", "Archive conversation"),
+												onClick: () => void dt(),
+												destructive: !0
+											}),
+											M.isGroup && /* @__PURE__ */ h(y, {
+												icon: /* @__PURE__ */ h(he, { size: 14 }),
+												label: S("conversations.leaveConversation", "Leave conversation"),
+												onClick: () => void ft(),
+												destructive: !0
+											})
+										]
+									})]
+								})
+							]
 						})]
-					}), /* @__PURE__ */ g("div", {
-						className: "flex shrink-0 items-center gap-1",
+					}),
+					/* @__PURE__ */ g("div", {
+						className: "flex-1 overflow-y-auto py-4 space-y-0.5",
 						children: [
-							q?.contextHref && /* @__PURE__ */ h(b, {
-								dataTour: "conversation-open-context",
-								icon: /* @__PURE__ */ h(de, { size: 16 }),
-								label: S("conversations.openContext", "Open context"),
-								onClick: $
+							J?.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 ? ` · ${J.entityType} ${J.entityId}` : ""]
 							}),
-							j.isGroup && /* @__PURE__ */ h(b, {
-								dataTour: "conversation-participants-button",
-								icon: /* @__PURE__ */ h(_e, { size: 16 }),
-								label: S("conversations.participants", "Participants"),
-								active: w,
-								onClick: T
+							ze && /* @__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", {
+								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, {
+									size: 14,
+									className: "animate-spin"
+								}), S("conversations.loadingMessages", "Loading messages...")]
 							}),
-							/* @__PURE__ */ g("div", {
-								className: "relative",
-								ref: G,
-								children: [/* @__PURE__ */ h(b, {
-									icon: /* @__PURE__ */ h(he, { size: 16 }),
-									label: S("conversations.moreOptions", "More options"),
-									active: L,
-									onClick: () => R((e) => !e)
-								}), L && /* @__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: j.isPinned ? /* @__PURE__ */ h(ge, { size: 14 }) : /* @__PURE__ */ h(p, { size: 14 }),
-											label: j.isPinned ? S("conversations.unpinConversation", "Unpin conversation") : S("conversations.pinConversation", "Pin conversation"),
-											onClick: () => void Q()
-										}),
-										/* @__PURE__ */ h(y, {
-											icon: j.isMuted ? /* @__PURE__ */ h(le, { size: 14 }) : /* @__PURE__ */ h(ue, { size: 14 }),
-											label: j.isMuted ? S("conversations.unmuteConversation", "Unmute conversation") : S("conversations.muteConversation", "Mute conversation"),
-											onClick: () => void ot()
-										}),
-										/* @__PURE__ */ h("div", { className: "h-px bg-border my-1" }),
-										/* @__PURE__ */ h(y, {
-											icon: /* @__PURE__ */ h(se, { size: 14 }),
-											label: S("conversations.archiveConversation", "Archive conversation"),
-											onClick: () => void st(),
-											destructive: !0
-										}),
-										j.isGroup && /* @__PURE__ */ h(y, {
-											icon: /* @__PURE__ */ h(me, { size: 14 }),
-											label: S("conversations.leaveConversation", "Leave conversation"),
-											onClick: () => void ct(),
-											destructive: !0
-										})
-									]
+							!Re && !ze && 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",
+									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, {
+										type: "button",
+										onClick: j,
+										children: [/* @__PURE__ */ h(m, {
+											size: 14,
+											"aria-hidden": "true"
+										}), S("conversations.writeFirstMessage", "Write a message")]
+									})
+								}), /* @__PURE__ */ h(De, {
+									className: "w-full max-w-md",
+									storageKey: "conversations-detail",
+									title: S("conversations.nextSteps.title", "Get the most out of this conversation"),
+									steps: pt
 								})]
-							})
+							}),
+							Y.map((e, t) => {
+								let n = Y[t - 1], i = !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,
+											className: "hover:text-text-primary",
+											children: /* @__PURE__ */ h(ye, { size: 12 })
+										})]
+									}), /* @__PURE__ */ g("div", {
+										className: "flex items-end gap-2",
+										children: [/* @__PURE__ */ h("textarea", {
+											"aria-label": "Edit message",
+											value: H,
+											onChange: (e) => U(e.target.value),
+											onKeyDown: (e) => {
+												e.key === "Enter" && !e.shiftKey && (e.preventDefault(), at()), e.key === "Escape" && ot();
+											},
+											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(),
+											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, {
+									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)
+								}) }, e.id);
+							}),
+							/* @__PURE__ */ h("div", { ref: Fe })
 						]
-					})]
-				}),
-				/* @__PURE__ */ g("div", {
-					className: "flex-1 overflow-y-auto py-4 space-y-0.5",
-					children: [
-						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: q.contextTitle || q.pagePath
-							}), q.entityType && q.entityId ? ` · ${q.entityType} ${q.entityId}` : ""]
-						}),
-						Ie && /* @__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.")
-						}),
-						Fe && /* @__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(pe, {
-								size: 14,
-								className: "animate-spin"
-							}), S("conversations.loadingMessages", "Loading messages...")]
-						}),
-						!Fe && !Ie && J.length === 0 && /* @__PURE__ */ g("div", {
-							className: "mx-4 mb-4 flex flex-col items-center gap-5 py-6",
-							children: [/* @__PURE__ */ h(we, {
-								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(Ce, {
-									type: "button",
-									onClick: A,
-									children: [/* @__PURE__ */ h(m, {
-										size: 14,
-										"aria-hidden": "true"
-									}), S("conversations.writeFirstMessage", "Write a message")]
+					}),
+					/* @__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", {
+							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"),
+								" ",
+								/* @__PURE__ */ h("strong", {
+									className: "text-text-primary",
+									children: W.sender
+								}),
+								": ",
+								W.content.slice(0, 80),
+								W.content.length > 80 ? "…" : ""
+							] }), /* @__PURE__ */ h("button", {
+								type: "button",
+								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 })
+							})]
+						}), /* @__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) => Ne(e.target.value),
+									onKeyDown: tt,
+									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"),
+									style: {
+										height: "auto",
+										minHeight: "40px"
+									},
+									onInput: (e) => {
+										let t = e.target;
+										t.style.height = "auto", t.style.height = `${Math.min(t.scrollHeight, 128)}px`;
+									}
 								})
-							}), /* @__PURE__ */ h(Te, {
-								className: "w-full max-w-md",
-								storageKey: "conversations-detail",
-								title: S("conversations.nextSteps.title", "Get the most out of this conversation"),
-								steps: lt
+							}), /* @__PURE__ */ h("button", {
+								type: "button",
+								"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, {
+									size: 18,
+									className: "animate-spin"
+								}) : /* @__PURE__ */ h(m, { size: 18 })
 							})]
-						}),
-						J.map((e, t) => {
-							let n = J[t - 1], i = !n || n.authorId !== e.authorId || n.type === "SYSTEM";
-							return /* @__PURE__ */ h("div", { children: z === 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: rt,
-										className: "hover:text-text-primary",
-										children: /* @__PURE__ */ h(ve, { size: 12 })
-									})]
-								}), /* @__PURE__ */ g("div", {
-									className: "flex items-end gap-2",
-									children: [/* @__PURE__ */ h("textarea", {
-										"aria-label": "Edit message",
-										value: V,
-										onChange: (e) => H(e.target.value),
-										onKeyDown: (e) => {
-											e.key === "Enter" && !e.shiftKey && (e.preventDefault(), nt()), e.key === "Escape" && rt();
-										},
-										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 nt(),
-										disabled: !V.trim() || I,
-										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, {
-								message: e,
-								isOwnMessage: e.authorId === K,
-								showAvatar: i,
-								showSender: i,
-								onReply: $e,
-								onReact: (e, t) => void et(e, t),
-								onEdit: tt,
-								onDelete: (e) => void it(e),
-								onTogglePin: (e, t) => void at(e, t)
-							}) }, e.id);
-						}),
-						/* @__PURE__ */ h("div", { ref: Me })
-					]
-				}),
-				/* @__PURE__ */ g("div", {
-					"data-tour": "conversation-message-composer",
-					className: "border-t border-border-seam px-4 py-3 bg-bg-surface",
-					children: [U && /* @__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"),
-							" ",
-							/* @__PURE__ */ h("strong", {
-								className: "text-text-primary",
-								children: U.sender
-							}),
-							": ",
-							U.content.slice(0, 80),
-							U.content.length > 80 ? "…" : ""
-						] }), /* @__PURE__ */ h("button", {
-							type: "button",
-							onClick: () => W(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(ve, { 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: k,
-								value: E,
-								onChange: (e) => je(e.target.value),
-								onKeyDown: Qe,
-								placeholder: `${S("conversations.messageConversationPrefix", "Message")} ${j.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"),
-								style: {
-									height: "auto",
-									minHeight: "40px"
-								},
-								onInput: (e) => {
-									let t = e.target;
-									t.style.height = "auto", t.style.height = `${Math.min(t.scrollHeight, 128)}px`;
-								}
-							})
+					})
+				]
+			}),
+			w && M.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",
+					children: [/* @__PURE__ */ g("div", {
+						className: "flex items-center justify-between mb-4",
+						children: [/* @__PURE__ */ g("h3", {
+							className: "text-sm font-semibold text-text-primary",
+							children: [
+								S("conversations.members", "Members"),
+								" (",
+								M.memberCount ?? Z.length,
+								")"
+							]
 						}), /* @__PURE__ */ h("button", {
 							type: "button",
-							"aria-label": S("conversations.sendMessage", "Send message"),
-							onClick: () => void Z(),
-							disabled: !E.trim() || F,
-							className: t("p-2.5 rounded-xl transition-all duration-150", E.trim() && !F ? "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: F ? /* @__PURE__ */ h(pe, {
-								size: 18,
-								className: "animate-spin"
-							}) : /* @__PURE__ */ h(m, { size: 18 })
+							onClick: T,
+							className: "p-1 rounded text-text-secondary hover:text-text-primary",
+							children: /* @__PURE__ */ h(p, { size: 14 })
 						})]
-					})]
-				})
-			]
-		}), w && 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",
-				children: [/* @__PURE__ */ g("div", {
-					className: "flex items-center justify-between mb-4",
-					children: [/* @__PURE__ */ g("h3", {
-						className: "text-sm font-semibold text-text-primary",
-						children: [
-							S("conversations.members", "Members"),
-							" (",
-							j.memberCount ?? X.length,
-							")"
-						]
-					}), /* @__PURE__ */ h("button", {
-						type: "button",
-						onClick: T,
-						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: [X.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",
-							children: e.name.split(" ").map((e) => e[0]).join("").slice(0, 2)
-						}), /* @__PURE__ */ g("div", {
-							className: "min-w-0",
-							children: [/* @__PURE__ */ h("p", {
-								className: "text-xs font-medium text-text-primary truncate",
-								children: e.name
-							}), /* @__PURE__ */ h("p", {
-								className: "text-[10px] text-text-secondary",
-								children: e.role
+					}), /* @__PURE__ */ g("div", {
+						className: "space-y-1",
+						children: [Z.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",
+								children: e.name.split(" ").map((e) => e[0]).join("").slice(0, 2)
+							}), /* @__PURE__ */ g("div", {
+								className: "min-w-0",
+								children: [/* @__PURE__ */ h("p", {
+									className: "text-xs font-medium text-text-primary truncate",
+									children: e.name
+								}), /* @__PURE__ */ h("p", {
+									className: "text-[10px] text-text-secondary",
+									children: e.role
+								})]
 							})]
+						}, e.id)), et > 0 && /* @__PURE__ */ g("p", {
+							className: "px-2 pt-2 text-xs text-text-secondary",
+							children: [
+								S("conversations.moreMembersPrefix", "and"),
+								" ",
+								et,
+								" ",
+								S("conversations.moreMembersSuffix", "more")
+							]
 						})]
-					}, e.id)), Ze > 0 && /* @__PURE__ */ g("p", {
-						className: "px-2 pt-2 text-xs text-text-secondary",
-						children: [
-							S("conversations.moreMembersPrefix", "and"),
-							" ",
-							Ze,
-							" ",
-							S("conversations.moreMembersSuffix", "more")
-						]
 					})]
-				})]
+				})
+			}),
+			/* @__PURE__ */ h(oe, {
+				open: Pe,
+				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),
+				onConfirm: () => {
+					D(!1), o("/billing");
+				}
 			})
-		})]
+		]
 	});
 }
 function y({ icon: e, label: n, onClick: r, destructive: i }) {