@burdenoff/microfe-comradecircle 2026.827.1 → 2026.830.1

package/dist/comradecircle/pages/events/EventDetailPage.js

@@ -1,37 +1,42 @@
 import { useComradeCircle as e } from "../../context/ComradeCircleContext.js";
 import "../../context/index.js";
-import { cn as t } from "../../utils/cn.js";
-import { PageLayout as n } from "../../components/PageLayout.js";
-import { useComEvent as r, useComEventLive as ee, useComRsvpEvent as te, useComTransitionEvent as i } from "../../hooks/useComradeCircleApi.js";
+import { useComEvent as t, useComEventLive as n, useComRsvpEvent as ee, useComTransitionEvent as te } from "../../hooks/useComradeCircleApi.js";
+import { useTr as r } from "../../hooks/useTr.js";
 import "../../hooks/index.js";
-import { MemberIdentity as a } from "../../components/MemberIdentity.js";
-import { describeError as o, notify as s } from "../../lib/toast.js";
-import { formatDateTime as c, formatEnumLabel as l, formatNumber as u } from "../../utils/formatters.js";
-import { EmptyState as d } from "../../components/EmptyState.js";
-import { ErrorView as f, LoadingView as p } from "../../components/StateViews.js";
-import { StatusBadge as m } from "../../components/StatusBadge.js";
-import { MiniBar as h } from "../../components/MiniBar.js";
-import { ArrowLeft as ne, Ban as re, CalendarDays as ie, Check as g, CheckCircle2 as _, MapPin as v, Radio as y, Tag as ae, Users as b, Video as x } from "lucide-react";
-import { useParams as S } from "react-router";
-import { Fragment as C, jsx as w, jsxs as T } from "react/jsx-runtime";
-import { Button as E, GlassCard as oe } from "@burdenoff/fe-libs/ui";
+import { cn as i } from "../../utils/cn.js";
+import { PageLayout as a } from "../../components/PageLayout.js";
+import { MemberIdentity as o } from "../../components/MemberIdentity.js";
+import { describeError as s, notify as c } from "../../lib/toast.js";
+import { formatDateTime as l, formatEnumLabel as u, formatNumber as d } from "../../utils/formatters.js";
+import { EmptyState as f } from "../../components/EmptyState.js";
+import { ErrorView as p, LoadingView as m } from "../../components/StateViews.js";
+import { StatusBadge as h } from "../../components/StatusBadge.js";
+import { MiniBar as ne } from "../../components/MiniBar.js";
+import { ArrowLeft as re, Ban as ie, CalendarDays as ae, Check as g, CheckCircle2 as _, MapPin as v, Radio as y, Tag as b, Users as x, Video as S } from "lucide-react";
+import { useParams as C } from "react-router";
+import { Fragment as w, jsx as T, jsxs as E } from "react/jsx-runtime";
+import { Button as D, GlassCard as oe } from "@burdenoff/fe-libs/ui";
 //#region src/comradecircle/pages/events/EventDetailPage.tsx
-var D = [
+var se = [
 	{
 		status: "GOING",
-		label: "Going"
+		labelKey: "comradecircle.pages.eventDetail.rsvpGoing",
+		fallback: "Going"
 	},
 	{
 		status: "INTERESTED",
-		label: "Interested"
+		labelKey: "comradecircle.pages.eventDetail.rsvpInterested",
+		fallback: "Interested"
 	},
 	{
 		status: "WAITLISTED",
-		label: "Waitlist"
+		labelKey: "comradecircle.pages.eventDetail.rsvpWaitlist",
+		fallback: "Waitlist"
 	},
 	{
 		status: "NOT_GOING",
-		label: "Can't go"
+		labelKey: "comradecircle.pages.eventDetail.rsvpNotGoing",
+		fallback: "Can't go"
 	}
 ], O = {
 	GOING: 0,
@@ -41,162 +46,174 @@ var D = [
 }, k = [
 	{
 		status: "GOING",
-		label: "going"
+		labelKey: "comradecircle.pages.eventDetail.facetGoing",
+		fallback: "going"
 	},
 	{
 		status: "INTERESTED",
-		label: "interested"
+		labelKey: "comradecircle.pages.eventDetail.facetInterested",
+		fallback: "interested"
 	},
 	{
 		status: "WAITLISTED",
-		label: "waitlisted"
+		labelKey: "comradecircle.pages.eventDetail.facetWaitlisted",
+		fallback: "waitlisted"
 	},
 	{
 		status: "NOT_GOING",
-		label: "can't go"
+		labelKey: "comradecircle.pages.eventDetail.facetNotGoing",
+		fallback: "can't go"
 	}
 ];
 function A() {
-	let { id: A } = S(), { currentUser: j, navigateTo: M } = e(), { data: N, isLoading: P, isError: F, refetch: I } = r(A);
-	ee(A);
-	let L = te(), R = i(), z = /* @__PURE__ */ T(E, {
+	let A = r(), { id: j } = C(), { currentUser: M, navigateTo: N } = e(), { data: P, isLoading: F, isError: I, refetch: L } = t(j);
+	n(j);
+	let R = ee(), z = te(), B = /* @__PURE__ */ E(D, {
 		variant: "ghost",
 		size: "sm",
-		onClick: () => M("events"),
-		children: [/* @__PURE__ */ w(ne, { className: "mr-1.5 h-4 w-4" }), " Back"]
+		onClick: () => N("events"),
+		children: [
+			/* @__PURE__ */ T(re, { className: "mr-1.5 h-4 w-4" }),
+			" ",
+			A("common.back", "Back")
+		]
 	});
-	if (P) return /* @__PURE__ */ w(n, {
-		title: "Event",
-		actions: z,
-		children: /* @__PURE__ */ w(p, { label: "Loading event…" })
+	if (F) return /* @__PURE__ */ T(a, {
+		title: A("comradecircle.pages.eventDetail.title", "Event"),
+		actions: B,
+		children: /* @__PURE__ */ T(m, { label: A("comradecircle.pages.eventDetail.loadingEvent", "Loading event…") })
 	});
-	if (F || !N) return /* @__PURE__ */ w(n, {
-		title: "Event",
-		actions: z,
-		children: /* @__PURE__ */ w(f, {
-			title: "Event not found",
-			message: "This event may have been cancelled, or you may not have access to it.",
-			onRetry: () => I()
+	if (I || !P) return /* @__PURE__ */ T(a, {
+		title: A("comradecircle.pages.eventDetail.title", "Event"),
+		actions: B,
+		children: /* @__PURE__ */ T(p, {
+			title: A("comradecircle.pages.eventDetail.notFoundTitle", "Event not found"),
+			message: A("comradecircle.pages.eventDetail.notFoundMessage", "This event may have been cancelled, or you may not have access to it."),
+			onRetry: () => L()
 		})
 	});
-	let B = !!(j?.id && j.id === N.hostId), V = N.status === "LIVE", se = N.status === "SCHEDULED" || N.status === "LIVE", H = N.mode === "ONLINE" || N.mode === "HYBRID", U = N.mode === "IN_PERSON" || N.mode === "HYBRID", W = V && H && !!N.joinUrl, G = j?.id ? N.rsvps.find((e) => e.memberId === j.id) : void 0, K = N.capacity ?? null, q = K && K > 0 ? Math.min(100, N.rsvpCount / K * 100) : null, J = q != null && q >= 80, Y = q != null && q >= 100, X = q == null ? "" : Y ? "Full" : `${Math.round(q)}% full`, ce = Y ? "bg-status-error-text" : J ? "bg-status-warning-text" : "bg-accent", le = Y ? "text-status-error-text" : J ? "text-status-warning-text" : "text-text-tertiary", Z = N.rsvps.reduce((e, t) => (e[t.status] += 1, e), {
+	let V = !!(M?.id && M.id === P.hostId), H = P.status === "LIVE", ce = P.status === "SCHEDULED" || P.status === "LIVE", U = P.mode === "ONLINE" || P.mode === "HYBRID", W = P.mode === "IN_PERSON" || P.mode === "HYBRID", G = H && U && !!P.joinUrl, le = M?.id ? P.rsvps.find((e) => e.memberId === M.id) : void 0, K = P.capacity ?? null, q = K && K > 0 ? Math.min(100, P.rsvpCount / K * 100) : null, J = q != null && q >= 80, Y = q != null && q >= 100, X = q == null ? "" : Y ? A("comradecircle.pages.eventDetail.capacityFull", "Full") : A("comradecircle.pages.eventDetail.capacityPercent", "{{pct}}% full", { pct: Math.round(q) }), ue = Y ? "bg-status-error-text" : J ? "bg-status-warning-text" : "bg-accent", de = Y ? "text-status-error-text" : J ? "text-status-warning-text" : "text-text-tertiary", Z = P.rsvps.reduce((e, t) => (e[t.status] += 1, e), {
 		GOING: 0,
 		INTERESTED: 0,
 		WAITLISTED: 0,
 		NOT_GOING: 0
-	}), ue = [...N.rsvps].sort((e, t) => O[e.status] - O[t.status]), Q = k.filter((e) => Z[e.status] > 0).map((e) => `${u(Z[e.status])} ${e.label}`).join(" · "), de = async (e) => {
+	}), fe = [...P.rsvps].sort((e, t) => O[e.status] - O[t.status]), Q = k.filter((e) => Z[e.status] > 0).map((e) => `${d(Z[e.status])} ${A(e.labelKey, e.fallback)}`).join(" · "), pe = async (e) => {
 		try {
-			await L.mutateAsync({
-				eventId: N.id,
+			await R.mutateAsync({
+				eventId: P.id,
 				status: e
-			}), s.success("RSVP updated", `${l(e)} · ${N.title}`);
+			}), c.success(A("comradecircle.pages.eventDetail.rsvpUpdated", "RSVP updated"), `${u(e)} · ${P.title}`);
 		} catch (e) {
-			s.error("Could not RSVP", o(e));
+			c.error(A("comradecircle.pages.eventDetail.rsvpError", "Could not RSVP"), s(e));
 		}
 	}, $ = async (e, t) => {
 		try {
-			await R.mutateAsync({
-				id: N.id,
+			await z.mutateAsync({
+				id: P.id,
 				status: e
-			}), s.success(t, N.title);
+			}), c.success(t, P.title);
 		} catch (e) {
-			s.error("Could not update the event", o(e));
+			c.error(A("comradecircle.pages.eventDetail.transitionError", "Could not update the event"), s(e));
 		}
-	}, fe = N.endsAt ? `${c(N.startsAt)} – ${c(N.endsAt)}` : c(N.startsAt);
-	return /* @__PURE__ */ w(n, {
-		title: N.title,
-		actions: z,
-		children: /* @__PURE__ */ T("div", {
+	}, me = P.endsAt ? `${l(P.startsAt)} – ${l(P.endsAt)}` : l(P.startsAt);
+	return /* @__PURE__ */ T(a, {
+		title: P.title,
+		actions: B,
+		children: /* @__PURE__ */ E("div", {
 			className: "mx-auto flex max-w-3xl flex-col gap-6",
 			children: [
-				/* @__PURE__ */ T(oe, {
+				/* @__PURE__ */ E(oe, {
 					treatment: "plain",
-					className: t("flex flex-col gap-5 p-5 sm:p-6", V && "ring-1 ring-[var(--color-accent-soft)]"),
+					className: i("flex flex-col gap-5 p-5 sm:p-6", H && "ring-1 ring-[var(--color-accent-soft)]"),
 					children: [
-						V && /* @__PURE__ */ w("span", {
+						H && /* @__PURE__ */ T("span", {
 							"aria-hidden": "true",
 							className: "pointer-events-none absolute inset-0 rounded-card ring-2 ring-accent/60 motion-safe:animate-pulse"
 						}),
-						/* @__PURE__ */ T("div", {
+						/* @__PURE__ */ E("div", {
 							className: "flex flex-wrap items-center gap-2",
-							children: [/* @__PURE__ */ w(m, { status: N.status }), /* @__PURE__ */ w(m, { status: N.mode })]
+							children: [/* @__PURE__ */ T(h, { status: P.status }), /* @__PURE__ */ T(h, { status: P.mode })]
 						}),
-						W && N.joinUrl && /* @__PURE__ */ w(E, {
+						G && P.joinUrl && /* @__PURE__ */ T(D, {
 							asChild: !0,
 							size: "lg",
 							className: "w-full justify-center sm:w-auto sm:self-start",
-							children: /* @__PURE__ */ T("a", {
-								href: N.joinUrl,
+							children: /* @__PURE__ */ E("a", {
+								href: P.joinUrl,
 								target: "_blank",
 								rel: "noreferrer noopener",
-								children: [/* @__PURE__ */ w(x, { className: "h-4 w-4" }), " Join the live event"]
+								children: [
+									/* @__PURE__ */ T(S, { className: "h-4 w-4" }),
+									" ",
+									A("comradecircle.pages.eventDetail.joinLive", "Join the live event")
+								]
 							})
 						}),
-						N.description && /* @__PURE__ */ w("p", {
+						P.description && /* @__PURE__ */ T("p", {
 							className: "whitespace-pre-wrap text-sm text-text-secondary",
-							children: N.description
+							children: P.description
 						}),
-						/* @__PURE__ */ T("dl", {
+						/* @__PURE__ */ E("dl", {
 							className: "flex flex-col gap-3 text-sm",
 							children: [
-								/* @__PURE__ */ T("div", {
+								/* @__PURE__ */ E("div", {
 									className: "flex items-start gap-2.5",
-									children: [/* @__PURE__ */ w(ie, { className: "mt-0.5 h-4 w-4 shrink-0 text-text-tertiary" }), /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("dt", {
+									children: [/* @__PURE__ */ T(ae, { className: "mt-0.5 h-4 w-4 shrink-0 text-text-tertiary" }), /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("dt", {
 										className: "text-text-tertiary",
-										children: "When"
-									}), /* @__PURE__ */ w("dd", {
+										children: A("comradecircle.pages.eventDetail.whenLabel", "When")
+									}), /* @__PURE__ */ T("dd", {
 										className: "mt-0.5 text-text-primary",
-										children: fe
+										children: me
 									})] })]
 								}),
-								U && N.location && /* @__PURE__ */ T("div", {
+								W && P.location && /* @__PURE__ */ E("div", {
 									className: "flex items-start gap-2.5",
-									children: [/* @__PURE__ */ w(v, { className: "mt-0.5 h-4 w-4 shrink-0 text-text-tertiary" }), /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("dt", {
+									children: [/* @__PURE__ */ T(v, { className: "mt-0.5 h-4 w-4 shrink-0 text-text-tertiary" }), /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("dt", {
 										className: "text-text-tertiary",
-										children: "Where"
-									}), /* @__PURE__ */ w("dd", {
+										children: A("comradecircle.pages.eventDetail.whereLabel", "Where")
+									}), /* @__PURE__ */ T("dd", {
 										className: "mt-0.5 text-text-primary",
-										children: N.location
+										children: P.location
 									})] })]
 								}),
-								H && /* @__PURE__ */ T("div", {
+								U && /* @__PURE__ */ E("div", {
 									className: "flex items-start gap-2.5",
-									children: [/* @__PURE__ */ w(x, { className: "mt-0.5 h-4 w-4 shrink-0 text-text-tertiary" }), /* @__PURE__ */ T("div", {
+									children: [/* @__PURE__ */ T(S, { className: "mt-0.5 h-4 w-4 shrink-0 text-text-tertiary" }), /* @__PURE__ */ E("div", {
 										className: "min-w-0",
-										children: [/* @__PURE__ */ w("dt", {
+										children: [/* @__PURE__ */ T("dt", {
 											className: "text-text-tertiary",
-											children: "Online"
-										}), /* @__PURE__ */ w("dd", {
+											children: A("comradecircle.pages.eventDetail.onlineLabel", "Online")
+										}), /* @__PURE__ */ T("dd", {
 											className: "mt-0.5 text-text-primary",
-											children: W ? /* @__PURE__ */ w("span", {
+											children: G ? /* @__PURE__ */ T("span", {
 												className: "font-medium text-accent",
-												children: "The join link is live — use the button above."
-											}) : /* @__PURE__ */ w("span", {
+												children: A("comradecircle.pages.eventDetail.joinLinkLive", "The join link is live — use the button above.")
+											}) : /* @__PURE__ */ T("span", {
 												className: "text-text-secondary",
-												children: V ? "A join link has not been provided." : "The join link becomes available when the event goes live."
+												children: H ? A("comradecircle.pages.eventDetail.joinLinkNotProvided", "A join link has not been provided.") : A("comradecircle.pages.eventDetail.joinLinkWhenLive", "The join link becomes available when the event goes live.")
 											})
 										})]
 									})]
 								}),
-								/* @__PURE__ */ T("div", {
+								/* @__PURE__ */ E("div", {
 									className: "flex items-start gap-2.5",
-									children: [/* @__PURE__ */ w(b, { className: "mt-0.5 h-4 w-4 shrink-0 text-text-tertiary" }), /* @__PURE__ */ T("div", {
+									children: [/* @__PURE__ */ T(x, { className: "mt-0.5 h-4 w-4 shrink-0 text-text-tertiary" }), /* @__PURE__ */ E("div", {
 										className: "min-w-0 flex-1",
 										children: [
-											/* @__PURE__ */ w("dt", {
+											/* @__PURE__ */ T("dt", {
 												className: "text-text-tertiary",
-												children: "Attending"
+												children: A("comradecircle.pages.eventDetail.attendingLabel", "Attending")
 											}),
-											/* @__PURE__ */ T("dd", {
+											/* @__PURE__ */ E("dd", {
 												className: "mt-0.5 flex flex-wrap items-baseline gap-x-2 text-text-primary",
-												children: [/* @__PURE__ */ T("span", { children: [u(N.rsvpCount), K ? ` / ${u(K)}` : ""] }), X && /* @__PURE__ */ w("span", {
-													className: t("text-xs font-semibold", le),
+												children: [/* @__PURE__ */ E("span", { children: [d(P.rsvpCount), K ? ` / ${d(K)}` : ""] }), X && /* @__PURE__ */ T("span", {
+													className: i("text-xs font-semibold", de),
 													children: X
 												})]
 											}),
-											q != null && /* @__PURE__ */ w(h, {
+											q != null && /* @__PURE__ */ T(ne, {
 												value: q,
-												barClassName: ce,
+												barClassName: ue,
 												className: "mt-2 max-w-xs"
 											})
 										]
@@ -204,23 +221,23 @@ function A() {
 								})
 							]
 						}),
-						N.tags.length > 0 && /* @__PURE__ */ T("div", {
+						P.tags.length > 0 && /* @__PURE__ */ E("div", {
 							className: "flex flex-wrap items-center gap-1.5",
-							children: [/* @__PURE__ */ w(ae, {
+							children: [/* @__PURE__ */ T(b, {
 								className: "h-3.5 w-3.5 text-text-tertiary",
 								"aria-hidden": "true"
-							}), N.tags.map((e) => /* @__PURE__ */ T("span", {
+							}), P.tags.map((e) => /* @__PURE__ */ E("span", {
 								className: "rounded-full bg-bg-sunken px-2.5 py-0.5 text-xs font-medium text-text-secondary",
 								children: ["#", e]
 							}, e))]
 						}),
-						/* @__PURE__ */ T("div", {
+						/* @__PURE__ */ E("div", {
 							className: "border-t border-border-seam pt-4",
-							children: [/* @__PURE__ */ w("p", {
+							children: [/* @__PURE__ */ T("p", {
 								className: "mb-2 text-xs font-semibold uppercase tracking-wide text-text-tertiary",
-								children: "Hosted by"
-							}), /* @__PURE__ */ w(a, {
-								memberId: N.hostId,
+								children: A("comradecircle.pages.eventDetail.hostedBy", "Hosted by")
+							}), /* @__PURE__ */ T(o, {
+								memberId: P.hostId,
 								variant: "row",
 								size: "md",
 								showPresence: !0
@@ -228,109 +245,121 @@ function A() {
 						})
 					]
 				}),
-				se && /* @__PURE__ */ T("section", {
+				ce && /* @__PURE__ */ E("section", {
 					className: "rounded-2xl border border-border-seam bg-bg-surface p-5",
 					children: [
-						/* @__PURE__ */ w("h2", {
+						/* @__PURE__ */ T("h2", {
 							className: "text-base font-semibold text-text-primary",
-							children: "Your RSVP"
+							children: A("comradecircle.pages.eventDetail.yourRsvpTitle", "Your RSVP")
 						}),
-						/* @__PURE__ */ w("p", {
+						/* @__PURE__ */ T("p", {
 							className: "mt-0.5 text-sm text-text-secondary",
-							children: "Let the host know whether you'll attend."
+							children: A("comradecircle.pages.eventDetail.rsvpPrompt", "Let the host know whether you'll attend.")
 						}),
-						/* @__PURE__ */ w("div", {
+						/* @__PURE__ */ T("div", {
 							className: "mt-4 flex flex-col gap-2 sm:flex-row sm:flex-wrap",
-							children: D.map((e) => {
-								let n = G?.status === e.status;
-								return /* @__PURE__ */ T(E, {
-									variant: n ? "default" : "outline",
-									onClick: () => de(e.status),
-									disabled: L.isPending,
-									"aria-pressed": n,
-									className: t("w-full justify-center sm:w-auto", n && "font-semibold shadow-elevation-1"),
-									children: [n && /* @__PURE__ */ w(g, { className: "h-4 w-4" }), e.label]
+							children: se.map((e) => {
+								let t = le?.status === e.status;
+								return /* @__PURE__ */ E(D, {
+									variant: t ? "default" : "outline",
+									onClick: () => pe(e.status),
+									disabled: R.isPending,
+									"aria-pressed": t,
+									className: i("w-full justify-center sm:w-auto", t && "font-semibold shadow-elevation-1"),
+									children: [t && /* @__PURE__ */ T(g, { className: "h-4 w-4" }), A(e.labelKey, e.fallback)]
 								}, e.status);
 							})
 						})
 					]
 				}),
-				B && (N.status === "SCHEDULED" || N.status === "LIVE") && /* @__PURE__ */ T("section", {
+				V && (P.status === "SCHEDULED" || P.status === "LIVE") && /* @__PURE__ */ E("section", {
 					className: "rounded-2xl border border-border-seam bg-bg-surface p-5",
 					children: [
-						/* @__PURE__ */ w("h2", {
+						/* @__PURE__ */ T("h2", {
 							className: "text-base font-semibold text-text-primary",
-							children: "Host controls"
+							children: A("comradecircle.pages.eventDetail.hostControlsTitle", "Host controls")
 						}),
-						/* @__PURE__ */ w("p", {
+						/* @__PURE__ */ T("p", {
 							className: "mt-0.5 text-sm text-text-secondary",
-							children: "Move this event through its lifecycle."
+							children: A("comradecircle.pages.eventDetail.hostControlsPrompt", "Move this event through its lifecycle.")
 						}),
-						/* @__PURE__ */ T("div", {
+						/* @__PURE__ */ E("div", {
 							className: "mt-4 flex flex-wrap gap-2",
-							children: [N.status === "SCHEDULED" && /* @__PURE__ */ T(C, { children: [/* @__PURE__ */ T(E, {
+							children: [P.status === "SCHEDULED" && /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ E(D, {
 								size: "sm",
-								onClick: () => $("LIVE", "Event is now live"),
-								disabled: R.isPending,
-								children: [/* @__PURE__ */ w(y, { className: "mr-1.5 h-4 w-4" }), " Go live"]
-							}), /* @__PURE__ */ T(E, {
+								onClick: () => $("LIVE", A("comradecircle.pages.eventDetail.wentLive", "Event is now live")),
+								disabled: z.isPending,
+								children: [
+									/* @__PURE__ */ T(y, { className: "mr-1.5 h-4 w-4" }),
+									" ",
+									A("comradecircle.pages.eventDetail.goLive", "Go live")
+								]
+							}), /* @__PURE__ */ E(D, {
 								size: "sm",
 								variant: "destructive",
-								onClick: () => $("CANCELLED", "Event cancelled"),
-								disabled: R.isPending,
-								children: [/* @__PURE__ */ w(re, { className: "mr-1.5 h-4 w-4" }), " Cancel"]
-							})] }), N.status === "LIVE" && /* @__PURE__ */ T(E, {
+								onClick: () => $("CANCELLED", A("comradecircle.pages.eventDetail.cancelled", "Event cancelled")),
+								disabled: z.isPending,
+								children: [
+									/* @__PURE__ */ T(ie, { className: "mr-1.5 h-4 w-4" }),
+									" ",
+									A("comradecircle.pages.eventDetail.cancelEvent", "Cancel")
+								]
+							})] }), P.status === "LIVE" && /* @__PURE__ */ E(D, {
 								size: "sm",
-								onClick: () => $("COMPLETED", "Event marked complete"),
-								disabled: R.isPending,
-								children: [/* @__PURE__ */ w(_, { className: "mr-1.5 h-4 w-4" }), " Mark complete"]
+								onClick: () => $("COMPLETED", A("comradecircle.pages.eventDetail.markedComplete", "Event marked complete")),
+								disabled: z.isPending,
+								children: [
+									/* @__PURE__ */ T(_, { className: "mr-1.5 h-4 w-4" }),
+									" ",
+									A("comradecircle.pages.eventDetail.markComplete", "Mark complete")
+								]
 							})]
 						})
 					]
 				}),
-				/* @__PURE__ */ T("section", {
+				/* @__PURE__ */ E("section", {
 					className: "rounded-2xl border border-border-seam bg-bg-surface p-5",
-					children: [/* @__PURE__ */ T("div", {
+					children: [/* @__PURE__ */ E("div", {
 						className: "mb-3 flex items-center justify-between gap-3",
-						children: [/* @__PURE__ */ T("div", {
+						children: [/* @__PURE__ */ E("div", {
 							className: "min-w-0",
-							children: [/* @__PURE__ */ w("h2", {
+							children: [/* @__PURE__ */ T("h2", {
 								className: "text-base font-semibold text-text-primary",
-								children: "Attendees"
-							}), Q && /* @__PURE__ */ w("p", {
+								children: A("comradecircle.pages.eventDetail.attendeesTitle", "Attendees")
+							}), Q && /* @__PURE__ */ T("p", {
 								className: "mt-0.5 truncate text-xs text-text-tertiary",
 								children: Q
 							})]
-						}), /* @__PURE__ */ T("span", {
+						}), /* @__PURE__ */ E("span", {
 							className: "inline-flex shrink-0 items-center gap-1 text-xs text-text-tertiary",
 							children: [
-								/* @__PURE__ */ w(b, { className: "h-3.5 w-3.5" }),
+								/* @__PURE__ */ T(x, { className: "h-3.5 w-3.5" }),
 								" ",
-								u(N.rsvps.length)
+								d(P.rsvps.length)
 							]
 						})]
-					}), N.rsvps.length === 0 ? /* @__PURE__ */ w(d, {
+					}), P.rsvps.length === 0 ? /* @__PURE__ */ T(f, {
 						illustration: "empty-people",
-						title: "No RSVPs yet",
-						description: "Be the first to let the host know you're coming."
-					}) : /* @__PURE__ */ w("ul", {
+						title: A("comradecircle.pages.eventDetail.noRsvpsTitle", "No RSVPs yet"),
+						description: A("comradecircle.pages.eventDetail.noRsvpsDescription", "Be the first to let the host know you're coming.")
+					}) : /* @__PURE__ */ T("ul", {
 						className: "flex flex-col gap-2",
-						children: ue.map((e) => /* @__PURE__ */ T("li", {
+						children: fe.map((e) => /* @__PURE__ */ E("li", {
 							className: "flex flex-wrap items-center justify-between gap-3 rounded-xl border border-border-seam bg-bg-sunken px-4 py-2.5 transition-colors hover:border-[var(--color-accent-soft)]",
-							children: [/* @__PURE__ */ w(a, {
+							children: [/* @__PURE__ */ T(o, {
 								memberId: e.memberId,
 								variant: "row",
 								size: "sm"
-							}), /* @__PURE__ */ T("div", {
+							}), /* @__PURE__ */ E("div", {
 								className: "flex min-w-0 items-center gap-2",
-								children: [e.note && /* @__PURE__ */ T("span", {
+								children: [e.note && /* @__PURE__ */ E("span", {
 									className: "max-w-[16rem] truncate text-xs text-text-tertiary",
 									children: [
 										"“",
 										e.note,
 										"”"
 									]
-								}), /* @__PURE__ */ w(m, { status: e.status })]
+								}), /* @__PURE__ */ T(h, { status: e.status })]
 							})]
 						}, e.id))
 					})]