@burdenoff/microfe-comradecircle 2026.819.1 → 2026.830.1

package/dist/comradecircle/pages/profile/MyProfilePage.js

@@ -1,20 +1,21 @@
 import { useComradeCircle as e } from "../../context/ComradeCircleContext.js";
 import "../../context/index.js";
-import { PageLayout as t } from "../../components/PageLayout.js";
-import { useComProfile as n, useComUpsertProfile as r } from "../../hooks/useComradeCircleApi.js";
+import { useComProfile as t, useComUpsertProfile as n } from "../../hooks/useComradeCircleApi.js";
+import { useTr as r } from "../../hooks/useTr.js";
 import "../../hooks/index.js";
-import { Avatar as i } from "../../components/Avatar.js";
-import { describeError as a, notify as o } from "../../lib/toast.js";
-import { formatEnumLabel as s } from "../../utils/formatters.js";
-import { ErrorView as c, LoadingView as l } from "../../components/StateViews.js";
-import { StatusBadge as u } from "../../components/StatusBadge.js";
-import { TagInput as d } from "../../components/TagInput.js";
-import { MiniBar as f } from "../../components/MiniBar.js";
-import { AvatarUploadField as p } from "../../components/AvatarUploadField.js";
-import { useState as m } from "react";
-import { Coins as h, Save as g } from "lucide-react";
-import { jsx as _, jsxs as v } from "react/jsx-runtime";
-import { Button as y, GlassCard as b, Input as x, Label as S, Select as C, SelectContent as w, SelectItem as T, SelectTrigger as E, SelectValue as D, Switch as O, Textarea as k } from "@burdenoff/fe-libs/ui";
+import { PageLayout as i } from "../../components/PageLayout.js";
+import { Avatar as a } from "../../components/Avatar.js";
+import { describeError as o, notify as s } from "../../lib/toast.js";
+import { formatEnumLabel as c } from "../../utils/formatters.js";
+import { ErrorView as l, LoadingView as u } from "../../components/StateViews.js";
+import { StatusBadge as d } from "../../components/StatusBadge.js";
+import { TagInput as f } from "../../components/TagInput.js";
+import { MiniBar as p } from "../../components/MiniBar.js";
+import { AvatarUploadField as m } from "../../components/AvatarUploadField.js";
+import { useState as h } from "react";
+import { Coins as g, Save as _ } from "lucide-react";
+import { jsx as v, jsxs as y } from "react/jsx-runtime";
+import { Button as b, GlassCard as x, Input as S, Label as C, Select as w, SelectContent as T, SelectItem as E, SelectTrigger as ee, SelectValue as D, Switch as O, Textarea as k } from "@burdenoff/fe-libs/ui";
 //#region src/comradecircle/pages/profile/MyProfilePage.tsx
 var A = [
 	"ONLINE",
@@ -23,33 +24,37 @@ var A = [
 	"OFFLINE"
 ];
 function j() {
-	let { currentUser: r, navigateTo: i } = e(), a = r?.id, { data: o, isLoading: s, isError: u, refetch: d } = n(a), f = r?.name ?? r?.email ?? "";
-	return s ? /* @__PURE__ */ _(t, {
-		title: "My Profile",
-		children: /* @__PURE__ */ _(l, { label: "Loading your profile…" })
-	}) : u ? /* @__PURE__ */ _(t, {
-		title: "My Profile",
-		children: /* @__PURE__ */ _(c, {
-			title: "We couldn't load your profile",
-			message: "Something went wrong while fetching your profile. Retry before editing so you don't overwrite saved details.",
-			onRetry: () => d()
+	let n = r(), { currentUser: a, navigateTo: o } = e(), s = a?.id, { data: c, isLoading: d, isError: f, refetch: p } = t(s), m = a?.name ?? a?.email ?? "";
+	return d ? /* @__PURE__ */ v(i, {
+		title: n("comradecircle.pages.myProfile.title", "My Profile"),
+		children: /* @__PURE__ */ v(u, { label: n("comradecircle.pages.myProfile.loadingProfile", "Loading your profile…") })
+	}) : f ? /* @__PURE__ */ v(i, {
+		title: n("comradecircle.pages.myProfile.title", "My Profile"),
+		children: /* @__PURE__ */ v(l, {
+			title: n("comradecircle.pages.myProfile.errorTitle", "We couldn't load your profile"),
+			message: n("comradecircle.pages.myProfile.errorMessage", "Something went wrong while fetching your profile. Retry before editing so you don't overwrite saved details."),
+			onRetry: () => p()
 		})
-	}) : /* @__PURE__ */ _(t, {
-		title: "My Profile",
-		description: "Your profile is your identity across every circle — it's how members recognise, find and follow you.",
-		actions: /* @__PURE__ */ v(y, {
+	}) : /* @__PURE__ */ v(i, {
+		title: n("comradecircle.pages.myProfile.title", "My Profile"),
+		description: n("comradecircle.pages.myProfile.description", "Your profile is your identity across every circle — it's how members recognise, find and follow you."),
+		actions: /* @__PURE__ */ y(b, {
 			variant: "outline",
-			onClick: () => i("monetization"),
-			children: [/* @__PURE__ */ _(h, { className: "mr-1.5 h-4 w-4" }), " Monetization"]
+			onClick: () => o("monetization"),
+			children: [
+				/* @__PURE__ */ v(g, { className: "mr-1.5 h-4 w-4" }),
+				" ",
+				n("comradecircle.pages.myProfile.monetization", "Monetization")
+			]
 		}),
-		children: /* @__PURE__ */ _(P, {
-			initialProfile: o ?? null,
-			identityName: f
-		}, o?.id ?? "new")
+		children: /* @__PURE__ */ v(P, {
+			initialProfile: c ?? null,
+			identityName: m
+		}, c?.id ?? "new")
 	});
 }
 function M({ children: e }) {
-	return /* @__PURE__ */ _("p", {
+	return /* @__PURE__ */ v("p", {
 		className: "text-xs font-semibold uppercase tracking-[0.08em] text-text-tertiary",
 		children: e
 	});
@@ -58,7 +63,7 @@ function N(e, t) {
 	return e.length === t.length && e.every((e, n) => e === t[n]);
 }
 function P({ initialProfile: e, identityName: t }) {
-	let n = r(), c = {
+	let i = r(), l = n(), u = {
 		displayName: e?.displayName ?? t,
 		headline: e?.headline ?? "",
 		bio: e?.bio ?? "",
@@ -67,293 +72,293 @@ function P({ initialProfile: e, identityName: t }) {
 		presence: e?.presence ?? "ONLINE",
 		discoverable: e?.discoverable ?? !0,
 		avatarFileId: e?.avatar?.id ?? null
-	}, [l, h] = m(c.displayName), [j, P] = m(c.headline), [F, I] = m(c.bio), [L, R] = m(c.interests), [z, B] = m(c.skills), [V, H] = m(c.presence), [U, W] = m(c.discoverable), [G, K] = m(c.avatarFileId), q = l.trim(), J = [
+	}, [g, j] = h(u.displayName), [P, F] = h(u.headline), [I, L] = h(u.bio), [R, z] = h(u.interests), [B, V] = h(u.skills), [H, U] = h(u.presence), [W, G] = h(u.discoverable), [K, q] = h(u.avatarFileId), J = g.trim(), Y = [
 		{
-			done: !!G,
-			nudge: "Add a profile photo so members recognise you at a glance."
+			done: !!K,
+			nudge: i("comradecircle.pages.myProfile.nudgeAvatar", "Add a profile photo so members recognise you at a glance.")
 		},
 		{
-			done: q.length > 0,
-			nudge: "Add a display name so members know who you are."
+			done: J.length > 0,
+			nudge: i("comradecircle.pages.myProfile.nudgeDisplayName", "Add a display name so members know who you are.")
 		},
 		{
-			done: j.trim().length > 0,
-			nudge: "Add a headline to sum yourself up in one line."
+			done: P.trim().length > 0,
+			nudge: i("comradecircle.pages.myProfile.nudgeHeadline", "Add a headline to sum yourself up in one line.")
 		},
 		{
-			done: F.trim().length > 0,
-			nudge: "Write a short bio to help circles get to know you."
+			done: I.trim().length > 0,
+			nudge: i("comradecircle.pages.myProfile.nudgeBio", "Write a short bio to help circles get to know you.")
 		},
 		{
-			done: L.length > 0,
-			nudge: "Add a few interests to help you find your people."
+			done: R.length > 0,
+			nudge: i("comradecircle.pages.myProfile.nudgeInterests", "Add a few interests to help you find your people.")
 		},
 		{
-			done: z.length > 0,
-			nudge: "List some skills so circles know what you bring."
+			done: B.length > 0,
+			nudge: i("comradecircle.pages.myProfile.nudgeSkills", "List some skills so circles know what you bring.")
 		}
-	], Y = J.filter((e) => e.done).length, X = Math.round(Y / J.length * 100), Z = J.find((e) => !e.done)?.nudge ?? "Your profile is complete — it looks great.", Q = l !== c.displayName || j !== c.headline || F !== c.bio || V !== c.presence || U !== c.discoverable || G !== c.avatarFileId || !N(L, c.interests) || !N(z, c.skills);
-	return /* @__PURE__ */ v("div", {
+	], X = Y.filter((e) => e.done).length, Z = Math.round(X / Y.length * 100), Q = Y.find((e) => !e.done)?.nudge ?? i("comradecircle.pages.myProfile.nudgeComplete", "Your profile is complete — it looks great."), $ = g !== u.displayName || P !== u.headline || I !== u.bio || H !== u.presence || W !== u.discoverable || K !== u.avatarFileId || !N(R, u.interests) || !N(B, u.skills);
+	return /* @__PURE__ */ y("div", {
 		className: "grid gap-6 lg:grid-cols-[1fr_320px]",
-		children: [/* @__PURE__ */ _(b, {
+		children: [/* @__PURE__ */ v(x, {
 			treatment: "plain",
 			className: "order-2 p-5 sm:p-6 lg:order-1",
-			children: /* @__PURE__ */ v("div", {
+			children: /* @__PURE__ */ y("div", {
 				className: "flex flex-col gap-6",
 				children: [
-					/* @__PURE__ */ v("div", {
+					/* @__PURE__ */ y("div", {
 						className: "grid gap-2 rounded-xl border border-border-seam bg-bg-surface p-4",
 						children: [
-							/* @__PURE__ */ v("div", {
+							/* @__PURE__ */ y("div", {
 								className: "flex items-baseline justify-between gap-3",
-								children: [/* @__PURE__ */ _(M, { children: "Profile completeness" }), /* @__PURE__ */ v("span", {
+								children: [/* @__PURE__ */ v(M, { children: i("comradecircle.pages.myProfile.completenessLabel", "Profile completeness") }), /* @__PURE__ */ y("span", {
 									className: "text-sm font-semibold tabular-nums text-text-primary",
-									children: [X, "%"]
+									children: [Z, "%"]
 								})]
 							}),
-							/* @__PURE__ */ _(f, {
-								value: X,
+							/* @__PURE__ */ v(p, {
+								value: Z,
 								height: 8,
 								barClassName: "bg-gradient-to-r from-accent to-[var(--color-accent-soft)]"
 							}),
-							/* @__PURE__ */ _("p", {
+							/* @__PURE__ */ v("p", {
 								className: "text-xs text-text-secondary",
-								children: Z
+								children: Q
 							})
 						]
 					}),
-					/* @__PURE__ */ v("section", {
+					/* @__PURE__ */ y("section", {
 						className: "grid gap-4",
 						children: [
-							/* @__PURE__ */ _(M, { children: "Identity" }),
-							/* @__PURE__ */ v("div", {
+							/* @__PURE__ */ v(M, { children: i("comradecircle.pages.myProfile.identitySection", "Identity") }),
+							/* @__PURE__ */ y("div", {
 								className: "grid gap-1.5",
-								children: [/* @__PURE__ */ _(S, { children: "Avatar" }), /* @__PURE__ */ _(p, {
-									fileId: G,
-									name: q || t,
-									onUploaded: K
+								children: [/* @__PURE__ */ v(C, { children: i("comradecircle.pages.myProfile.avatarLabel", "Avatar") }), /* @__PURE__ */ v(m, {
+									fileId: K,
+									name: J || t,
+									onUploaded: q
 								})]
 							}),
-							/* @__PURE__ */ v("div", {
+							/* @__PURE__ */ y("div", {
 								className: "grid gap-1.5",
-								children: [/* @__PURE__ */ _(S, {
+								children: [/* @__PURE__ */ v(C, {
 									htmlFor: "profile-name",
-									children: "Display name"
-								}), /* @__PURE__ */ _(x, {
+									children: i("comradecircle.pages.myProfile.displayNameLabel", "Display name")
+								}), /* @__PURE__ */ v(S, {
 									id: "profile-name",
-									value: l,
-									onChange: (e) => h(e.target.value),
-									placeholder: "How members see you",
+									value: g,
+									onChange: (e) => j(e.target.value),
+									placeholder: i("comradecircle.pages.myProfile.displayNamePlaceholder", "How members see you"),
 									required: !0,
 									"aria-required": "true"
 								})]
 							}),
-							/* @__PURE__ */ v("div", {
+							/* @__PURE__ */ y("div", {
 								className: "grid gap-1.5",
-								children: [/* @__PURE__ */ _(S, {
+								children: [/* @__PURE__ */ v(C, {
 									htmlFor: "profile-headline",
-									children: "Headline"
-								}), /* @__PURE__ */ _(x, {
+									children: i("comradecircle.pages.myProfile.headlineLabel", "Headline")
+								}), /* @__PURE__ */ v(S, {
 									id: "profile-headline",
-									value: j,
-									onChange: (e) => P(e.target.value),
-									placeholder: "e.g. Community organiser · Photographer"
+									value: P,
+									onChange: (e) => F(e.target.value),
+									placeholder: i("comradecircle.pages.myProfile.headlinePlaceholder", "e.g. Community organiser · Photographer")
 								})]
 							})
 						]
 					}),
-					/* @__PURE__ */ v("section", {
+					/* @__PURE__ */ y("section", {
 						className: "grid gap-4 border-t border-border-seam pt-6",
 						children: [
-							/* @__PURE__ */ _(M, { children: "About you" }),
-							/* @__PURE__ */ v("div", {
+							/* @__PURE__ */ v(M, { children: i("comradecircle.pages.myProfile.aboutSection", "About you") }),
+							/* @__PURE__ */ y("div", {
 								className: "grid gap-1.5",
-								children: [/* @__PURE__ */ _(S, {
+								children: [/* @__PURE__ */ v(C, {
 									htmlFor: "profile-bio",
-									children: "Bio"
-								}), /* @__PURE__ */ _(k, {
+									children: i("comradecircle.pages.myProfile.bioLabel", "Bio")
+								}), /* @__PURE__ */ v(k, {
 									id: "profile-bio",
-									value: F,
-									onChange: (e) => I(e.target.value),
+									value: I,
+									onChange: (e) => L(e.target.value),
 									rows: 4,
-									placeholder: "Tell circles a little about yourself."
+									placeholder: i("comradecircle.pages.myProfile.bioPlaceholder", "Tell circles a little about yourself.")
 								})]
 							}),
-							/* @__PURE__ */ v("div", {
+							/* @__PURE__ */ y("div", {
 								className: "grid gap-1.5",
-								children: [/* @__PURE__ */ _(S, {
+								children: [/* @__PURE__ */ v(C, {
 									htmlFor: "profile-interests",
-									children: "Interests"
-								}), /* @__PURE__ */ _(d, {
+									children: i("comradecircle.pages.myProfile.interestsLabel", "Interests")
+								}), /* @__PURE__ */ v(f, {
 									id: "profile-interests",
-									value: L,
-									onChange: R,
-									placeholder: "Add an interest…"
+									value: R,
+									onChange: z,
+									placeholder: i("comradecircle.pages.myProfile.interestsPlaceholder", "Add an interest…")
 								})]
 							}),
-							/* @__PURE__ */ v("div", {
+							/* @__PURE__ */ y("div", {
 								className: "grid gap-1.5",
-								children: [/* @__PURE__ */ _(S, {
+								children: [/* @__PURE__ */ v(C, {
 									htmlFor: "profile-skills",
-									children: "Skills"
-								}), /* @__PURE__ */ _(d, {
+									children: i("comradecircle.pages.myProfile.skillsLabel", "Skills")
+								}), /* @__PURE__ */ v(f, {
 									id: "profile-skills",
-									value: z,
-									onChange: B,
-									placeholder: "Add a skill…"
+									value: B,
+									onChange: V,
+									placeholder: i("comradecircle.pages.myProfile.skillsPlaceholder", "Add a skill…")
 								})]
 							})
 						]
 					}),
-					/* @__PURE__ */ v("section", {
+					/* @__PURE__ */ y("section", {
 						className: "grid gap-4 border-t border-border-seam pt-6",
 						children: [
-							/* @__PURE__ */ _(M, { children: "Visibility" }),
-							/* @__PURE__ */ v("div", {
+							/* @__PURE__ */ v(M, { children: i("comradecircle.pages.myProfile.visibilitySection", "Visibility") }),
+							/* @__PURE__ */ y("div", {
 								className: "grid gap-1.5",
-								children: [/* @__PURE__ */ _(S, {
+								children: [/* @__PURE__ */ v(C, {
 									htmlFor: "profile-presence",
-									children: "Presence"
-								}), /* @__PURE__ */ v(C, {
-									value: V,
-									onValueChange: (e) => H(e),
-									children: [/* @__PURE__ */ _(E, {
+									children: i("comradecircle.pages.myProfile.presenceLabel", "Presence")
+								}), /* @__PURE__ */ y(w, {
+									value: H,
+									onValueChange: (e) => U(e),
+									children: [/* @__PURE__ */ v(ee, {
 										id: "profile-presence",
-										children: /* @__PURE__ */ _(D, {})
-									}), /* @__PURE__ */ _(w, { children: A.map((e) => /* @__PURE__ */ _(T, {
+										children: /* @__PURE__ */ v(D, {})
+									}), /* @__PURE__ */ v(T, { children: A.map((e) => /* @__PURE__ */ v(E, {
 										value: e,
-										children: s(e)
+										children: c(e)
 									}, e)) })]
 								})]
 							}),
-							/* @__PURE__ */ v("div", {
+							/* @__PURE__ */ y("div", {
 								className: "flex items-start justify-between gap-4 rounded-xl border border-border-seam bg-bg-surface p-3.5",
-								children: [/* @__PURE__ */ v("div", {
+								children: [/* @__PURE__ */ y("div", {
 									className: "min-w-0",
-									children: [/* @__PURE__ */ _(S, {
+									children: [/* @__PURE__ */ v(C, {
 										htmlFor: "profile-discoverable",
-										children: "List me in the member directory"
-									}), /* @__PURE__ */ _("p", {
+										children: i("comradecircle.pages.myProfile.discoverableLabel", "List me in the member directory")
+									}), /* @__PURE__ */ v("p", {
 										className: "mt-1 text-xs text-text-tertiary",
-										children: "When on, your profile appears in the discoverable member directory so others can find and follow you. Turn it off to stay unlisted."
+										children: i("comradecircle.pages.myProfile.discoverableDescription", "When on, your profile appears in the discoverable member directory so others can find and follow you. Turn it off to stay unlisted.")
 									})]
-								}), /* @__PURE__ */ _(O, {
+								}), /* @__PURE__ */ v(O, {
 									id: "profile-discoverable",
-									checked: U,
-									onCheckedChange: W,
-									"aria-label": "List me in the member directory",
+									checked: W,
+									onCheckedChange: G,
+									"aria-label": i("comradecircle.pages.myProfile.discoverableAriaLabel", "List me in the member directory"),
 									className: "mt-0.5 shrink-0"
 								})]
 							})
 						]
 					}),
-					/* @__PURE__ */ v("div", {
+					/* @__PURE__ */ y("div", {
 						className: "flex flex-wrap items-center justify-end gap-3 border-t border-border-seam pt-5",
-						children: [!Q && !n.isPending && /* @__PURE__ */ _("span", {
+						children: [!$ && !l.isPending && /* @__PURE__ */ v("span", {
 							className: "text-xs text-text-tertiary",
-							children: "No changes to save"
-						}), /* @__PURE__ */ v(y, {
+							children: i("comradecircle.pages.myProfile.noChanges", "No changes to save")
+						}), /* @__PURE__ */ y(b, {
 							onClick: async () => {
-								let e = l.trim();
+								let e = g.trim();
 								if (!e) {
-									o.error("Display name required", "Add a name so members can recognise you.");
+									s.error(i("comradecircle.pages.myProfile.displayNameRequiredTitle", "Display name required"), i("comradecircle.pages.myProfile.displayNameRequiredMessage", "Add a name so members can recognise you."));
 									return;
 								}
 								try {
-									await n.mutateAsync({
+									await l.mutateAsync({
 										displayName: e,
-										headline: j.trim() || null,
-										bio: F.trim() || null,
-										avatarFileId: G,
-										interests: L,
-										skills: z,
-										presence: V,
-										discoverable: U
-									}), o.success("Profile saved");
+										headline: P.trim() || null,
+										bio: I.trim() || null,
+										avatarFileId: K,
+										interests: R,
+										skills: B,
+										presence: H,
+										discoverable: W
+									}), s.success(i("comradecircle.pages.myProfile.profileSaved", "Profile saved"));
 								} catch (e) {
-									o.error("Could not save profile", a(e));
+									s.error(i("comradecircle.pages.myProfile.saveErrorTitle", "Could not save profile"), o(e));
 								}
 							},
-							disabled: n.isPending || !Q,
-							children: [/* @__PURE__ */ _(g, { className: "mr-1.5 h-4 w-4" }), n.isPending ? "Saving…" : "Save profile"]
+							disabled: l.isPending || !$,
+							children: [/* @__PURE__ */ v(_, { className: "mr-1.5 h-4 w-4" }), l.isPending ? i("comradecircle.pages.myProfile.saving", "Saving…") : i("comradecircle.pages.myProfile.saveProfile", "Save profile")]
 						})]
 					})
 				]
 			})
-		}), /* @__PURE__ */ _("div", {
+		}), /* @__PURE__ */ v("div", {
 			className: "order-1 lg:order-2",
-			children: /* @__PURE__ */ v(b, {
+			children: /* @__PURE__ */ y(x, {
 				treatment: "plain",
 				className: "overflow-hidden p-0 lg:sticky lg:top-6",
-				children: [/* @__PURE__ */ v("div", {
+				children: [/* @__PURE__ */ y("div", {
 					className: "relative h-24 bg-gloss-card",
-					children: [/* @__PURE__ */ _("div", {
+					children: [/* @__PURE__ */ v("div", {
 						className: "absolute inset-0 bg-gradient-to-br from-[var(--color-accent-soft)] via-[var(--color-accent-soft)]/30 to-transparent",
 						"aria-hidden": "true"
-					}), /* @__PURE__ */ _("span", {
+					}), /* @__PURE__ */ v("span", {
 						className: "absolute right-3 top-3 rounded-full bg-bg-surface/80 px-2 py-0.5 text-[0.62rem] font-medium uppercase tracking-[0.08em] text-text-tertiary backdrop-blur",
-						children: "How members see you"
+						children: i("comradecircle.pages.myProfile.previewLabel", "How members see you")
 					})]
-				}), /* @__PURE__ */ v("div", {
+				}), /* @__PURE__ */ y("div", {
 					className: "px-5 pb-5",
 					children: [
-						/* @__PURE__ */ v("div", {
+						/* @__PURE__ */ y("div", {
 							className: "-mt-12 flex flex-col items-center text-center",
 							children: [
-								/* @__PURE__ */ _(i, {
-									name: q || t,
+								/* @__PURE__ */ v(a, {
+									name: J || t,
 									size: "xl",
-									presence: V,
-									fileId: G,
+									presence: H,
+									fileId: K,
 									ring: !0
 								}),
-								/* @__PURE__ */ _("h3", {
+								/* @__PURE__ */ v("h3", {
 									className: "mt-3 max-w-full truncate text-lg font-semibold text-text-primary",
-									children: q || "Your name"
+									children: J || i("comradecircle.pages.myProfile.previewNameFallback", "Your name")
 								}),
-								j.trim() && /* @__PURE__ */ _("p", {
+								P.trim() && /* @__PURE__ */ v("p", {
 									className: "mt-0.5 max-w-full truncate text-sm text-text-secondary",
-									children: j.trim()
+									children: P.trim()
 								}),
-								/* @__PURE__ */ _("div", {
+								/* @__PURE__ */ v("div", {
 									className: "mt-2.5",
-									children: /* @__PURE__ */ _(u, { status: V })
+									children: /* @__PURE__ */ v(d, { status: H })
 								})
 							]
 						}),
-						F.trim() && /* @__PURE__ */ _("p", {
+						I.trim() && /* @__PURE__ */ v("p", {
 							className: "mt-4 whitespace-pre-wrap break-words text-center text-sm text-text-secondary",
-							children: F.trim()
+							children: I.trim()
 						}),
-						L.length > 0 && /* @__PURE__ */ v("div", {
+						R.length > 0 && /* @__PURE__ */ y("div", {
 							className: "mt-5",
-							children: [/* @__PURE__ */ _("p", {
+							children: [/* @__PURE__ */ v("p", {
 								className: "mb-1.5 text-xs font-medium text-text-tertiary",
-								children: "Interests"
-							}), /* @__PURE__ */ _("div", {
+								children: i("comradecircle.pages.memberProfile.interests", "Interests")
+							}), /* @__PURE__ */ v("div", {
 								className: "flex flex-wrap gap-1.5",
-								children: L.map((e) => /* @__PURE__ */ _("span", {
+								children: R.map((e) => /* @__PURE__ */ v("span", {
 									className: "rounded-full bg-bg-sunken px-2.5 py-0.5 text-xs font-medium text-text-secondary",
 									children: e
 								}, e))
 							})]
 						}),
-						z.length > 0 && /* @__PURE__ */ v("div", {
+						B.length > 0 && /* @__PURE__ */ y("div", {
 							className: "mt-4",
-							children: [/* @__PURE__ */ _("p", {
+							children: [/* @__PURE__ */ v("p", {
 								className: "mb-1.5 text-xs font-medium text-text-tertiary",
-								children: "Skills"
-							}), /* @__PURE__ */ _("div", {
+								children: i("comradecircle.pages.memberProfile.skills", "Skills")
+							}), /* @__PURE__ */ v("div", {
 								className: "flex flex-wrap gap-1.5",
-								children: z.map((e) => /* @__PURE__ */ _("span", {
+								children: B.map((e) => /* @__PURE__ */ v("span", {
 									className: "rounded-full bg-[var(--color-accent-soft)] px-2.5 py-0.5 text-xs font-medium text-text-primary",
 									children: e
 								}, e))
 							})]
 						}),
-						!U && /* @__PURE__ */ _("p", {
+						!W && /* @__PURE__ */ v("p", {
 							className: "mt-5 text-center text-xs text-text-tertiary",
-							children: "Hidden from the member directory."
+							children: i("comradecircle.pages.myProfile.hiddenFromDirectory", "Hidden from the member directory.")
 						})
 					]
 				})]