@burdenoff/microfe-atheletebridge 2026.827.1 → 2026.829.2

package/dist/atheletebridge/pages/teams/TeamDetailPage.js

@@ -1,41 +1,42 @@
-import { useAthleteBridge as e } from "../../context/AthleteBridgeContext.js";
-import { PageLayout as t } from "../../components/PageLayout.js";
-import { StatusBadge as n } from "../../components/StatusBadge.js";
-import { MEMBER_ROLE_LABELS as r, SPORT_LABELS as i } from "../../components/domain.js";
-import { Crest as ee } from "../../components/Crest.js";
-import { MatchupRow as te } from "../../components/MatchupRow.js";
+import { useAbTranslate as e } from "../../i18n.js";
+import { useAthleteBridge as t } from "../../context/AthleteBridgeContext.js";
+import { PageLayout as n } from "../../components/PageLayout.js";
+import { StatusBadge as r } from "../../components/StatusBadge.js";
+import { MEMBER_ROLE_LABELS as i, SPORT_LABELS as ee } from "../../components/domain.js";
+import { Crest as te } from "../../components/Crest.js";
+import { MatchupRow as a } from "../../components/MatchupRow.js";
 import { UserAvatar as ne } from "../../components/UserAvatar.js";
-import { EmptyState as a } from "../../components/EmptyState.js";
-import { ErrorState as re, LoadingState as ie } from "../../components/LoadingState.js";
-import { useAddMember as ae, useArchiveTeam as o, useRemoveMember as oe, useTeam as se } from "../../hooks/useAthleteBridgeApi.js";
-import { FormField as s, fieldInputClass as c } from "../../components/form.js";
-import { UserSearchSelect as l } from "../../components/UserSearchSelect.js";
-import { useState as u } from "react";
-import { useMutation as d, useQueryClient as f } from "@tanstack/react-query";
-import { Archive as ce, ArrowLeft as p, CalendarDays as m, Check as h, Edit as le, Loader2 as g, MapPin as _, Pencil as v, Plus as y, Trash2 as b, UserPlus as x, X 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 { GlassCard as D, ResponsiveDialog as ue, ResponsiveDialogContent as de, ResponsiveDialogFooter as fe, ResponsiveDialogHeader as pe, ResponsiveDialogTitle as me } from "@burdenoff/fe-libs/ui";
-import { clearGraphqlFetchResponseCache as O, graphqlFetch as k } from "@burdenoff/fe-libs/shared/graphql";
+import { EmptyState as o } from "../../components/EmptyState.js";
+import { ErrorState as s, LoadingState as c } from "../../components/LoadingState.js";
+import { useAddMember as l, useArchiveTeam as re, useRemoveMember as ie, useTeam as ae } from "../../hooks/useAthleteBridgeApi.js";
+import { FormField as u, fieldInputClass as d } from "../../components/form.js";
+import { UserSearchSelect as oe } from "../../components/UserSearchSelect.js";
+import { useState as f } from "react";
+import { useMutation as p, useQueryClient as m } from "@tanstack/react-query";
+import { Archive as se, ArrowLeft as h, CalendarDays as g, Check as _, Edit as ce, Loader2 as v, MapPin as le, Pencil as ue, Plus as de, Trash2 as y, UserPlus as b, X 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 { GlassCard as E, ResponsiveDialog as fe, ResponsiveDialogContent as pe, ResponsiveDialogFooter as me, ResponsiveDialogHeader as he, ResponsiveDialogTitle as ge } from "@burdenoff/fe-libs/ui";
+import { clearGraphqlFetchResponseCache as D, graphqlFetch as O } from "@burdenoff/fe-libs/shared/graphql";
 //#region src/atheletebridge/pages/teams/TeamDetailPage.tsx
-var A = Object.keys(r), j = [
+var k = Object.keys(i), A = [
 	"TRIAL",
 	"ACTIVE",
 	"INJURED",
 	"SUSPENDED",
 	"RELEASED"
-], M = (e) => e.charAt(0) + e.slice(1).toLowerCase(), N = {
+], j = (e) => e.charAt(0) + e.slice(1).toLowerCase(), M = {
 	userId: "",
 	displayName: "",
 	role: "PLAYER",
 	status: "ACTIVE",
 	position: "",
 	jerseyNumber: ""
-}, P = (t) => {
-	let n = f(), { apiGatewayUrl: r } = e();
-	return d({
+}, N = (e) => {
+	let n = m(), { apiGatewayUrl: r } = t();
+	return p({
 		mutationFn: async ({ id: e, input: t }) => {
-			let n = await k({
+			let n = await O({
 				gateway: "workspace",
 				baseUrl: r,
 				query: "mutation AthUpdateMember($id: ID!, $input: AthUpdateMemberInput!) {\n          athUpdateMember(id: $id, input: $input) {\n            id teamId displayName role status position jerseyNumber\n          }\n        }",
@@ -46,161 +47,169 @@ var A = Object.keys(r), j = [
 				workspaceToken: !0
 			});
 			if (n.errors?.length) throw Error(n.errors[0]?.message ?? "Failed to update member.");
-			if (O(), !n.data) throw Error("Update did not return data.");
+			if (D(), !n.data) throw Error("Update did not return data.");
 			return n.data.athUpdateMember;
 		},
 		onSuccess: () => {
 			n.invalidateQueries({ queryKey: [
 				"atheletebridge",
 				"team",
-				t
+				e
 			] }), n.invalidateQueries({ queryKey: [
 				"atheletebridge",
 				"members",
-				t
+				e
 			] });
 		}
 	});
 };
-function F() {
-	let { id: d } = C(), { navigateTo: f } = e(), O = se(d), k = o(), F = ae(), I = oe(d), L = P(d), [R, z] = u(!1), [B, V] = u(N), [H, U] = u(null), [he, W] = u(null), [G, K] = u(null), [q, J] = u(null);
-	if (O.isLoading) return /* @__PURE__ */ T(t, {
-		title: "Team",
-		children: /* @__PURE__ */ T(ie, { label: "Loading team…" })
+function P() {
+	let p = e(), { id: m } = S(), { navigateTo: D } = t(), O = ae(m), P = re(), F = l(), I = ie(m), L = N(m), [_e, R] = f(!1), [z, B] = f(M), [V, H] = f(null), [ve, U] = f(null), [W, G] = f(null), [K, q] = f(null);
+	if (O.isLoading) return /* @__PURE__ */ w(n, {
+		title: p("atheletebridge.pages.teamDetail.title", "Team"),
+		children: /* @__PURE__ */ w(c, { label: p("atheletebridge.pages.teamDetail.loading", "Loading team…") })
 	});
-	if (O.isError || !O.data) return /* @__PURE__ */ T(t, {
-		title: "Team",
-		children: /* @__PURE__ */ T(re, {
-			title: "Team not found",
-			message: "This team does not exist or you do not have access to it.",
-			onRetry: () => f("/teams")
+	if (O.isError || !O.data) return /* @__PURE__ */ w(n, {
+		title: p("atheletebridge.pages.teamDetail.title", "Team"),
+		children: /* @__PURE__ */ w(s, {
+			title: p("atheletebridge.pages.teamDetail.notFoundTitle", "Team not found"),
+			message: p("atheletebridge.pages.teamDetail.notFoundMessage", "This team does not exist or you do not have access to it."),
+			onRetry: () => D("/teams")
 		})
 	});
-	let Y = O.data, X = Y.members?.items ?? [], Z = Y.fixtures?.items ?? [], Q = [
-		i[Y.sport],
-		Y.ageGroup ?? void 0,
-		Y.season ?? void 0,
-		Y.homeVenue ?? void 0
-	].filter(Boolean), ge = async () => {
-		d && (await k.mutateAsync(d), f("/teams"));
-	}, _e = (e) => {
-		J(null), W(e.id), K({
+	let J = O.data, Y = J.members?.items ?? [], X = J.fixtures?.items ?? [], Z = [
+		ee[J.sport],
+		J.ageGroup ?? void 0,
+		J.season ?? void 0,
+		J.homeVenue ?? void 0
+	].filter(Boolean), Q = async () => {
+		m && (await P.mutateAsync(m), D("/teams"));
+	}, ye = (e) => {
+		q(null), U(e.id), G({
 			role: e.role,
 			status: e.status,
 			position: e.position ?? "",
 			jerseyNumber: e.jerseyNumber == null ? "" : String(e.jerseyNumber)
 		});
 	}, $ = () => {
-		W(null), K(null), J(null);
-	}, ve = async (e) => {
-		if (!G) return;
-		J(null);
-		let t = G.jerseyNumber.trim(), n;
+		U(null), G(null), q(null);
+	}, be = async (e) => {
+		if (!W) return;
+		q(null);
+		let t = W.jerseyNumber.trim(), n;
 		if (t && (n = Number.parseInt(t, 10), Number.isNaN(n))) {
-			J("Jersey number must be a number.");
+			q("Jersey number must be a number.");
 			return;
 		}
 		try {
 			await L.mutateAsync({
 				id: e,
 				input: {
-					role: G.role,
-					status: G.status,
-					position: G.position.trim() || void 0,
+					role: W.role,
+					status: W.status,
+					position: W.position.trim() || void 0,
 					jerseyNumber: n
 				}
 			}), $();
 		} catch (e) {
-			J(e instanceof Error ? e.message : "Failed to update member.");
+			q(e instanceof Error ? e.message : "Failed to update member.");
 		}
-	}, ye = async (e) => {
-		if (e.preventDefault(), U(null), !d) return;
-		if (!B.userId.trim() || !B.displayName.trim()) {
-			U("User ID and display name are required.");
+	}, xe = async (e) => {
+		if (e.preventDefault(), H(null), !m) return;
+		if (!z.userId.trim() || !z.displayName.trim()) {
+			H("User ID and display name are required.");
 			return;
 		}
-		let t = B.jerseyNumber.trim() ? Number.parseInt(B.jerseyNumber, 10) : void 0;
+		let t = z.jerseyNumber.trim() ? Number.parseInt(z.jerseyNumber, 10) : void 0;
 		if (t !== void 0 && Number.isNaN(t)) {
-			U("Jersey number must be a number.");
+			H("Jersey number must be a number.");
 			return;
 		}
 		try {
 			await F.mutateAsync({
-				teamId: d,
-				userId: B.userId.trim(),
-				displayName: B.displayName.trim(),
-				role: B.role,
-				status: B.status,
-				position: B.position.trim() || void 0,
+				teamId: m,
+				userId: z.userId.trim(),
+				displayName: z.displayName.trim(),
+				role: z.role,
+				status: z.status,
+				position: z.position.trim() || void 0,
 				jerseyNumber: t
-			}), V(N), z(!1);
+			}), B(M), R(!1);
 		} catch (e) {
-			U(e instanceof Error ? e.message : "Failed to add member.");
+			H(e instanceof Error ? e.message : "Failed to add member.");
 		}
-	}, be = (e) => f(`/teams/${Y.id}/athletes/${e}`);
-	return /* @__PURE__ */ E(t, {
-		title: Y.name,
+	}, Se = (e) => D(`/teams/${J.id}/athletes/${e}`);
+	return /* @__PURE__ */ T(n, {
+		title: J.name,
 		gradientTitle: !0,
-		description: Q.join(" · "),
-		actions: /* @__PURE__ */ E("div", {
+		description: Z.join(" · "),
+		actions: /* @__PURE__ */ T("div", {
 			className: "flex flex-wrap items-center gap-2",
 			children: [
-				/* @__PURE__ */ E("button", {
+				/* @__PURE__ */ T("button", {
 					type: "button",
-					onClick: () => f("/teams"),
+					onClick: () => D("/teams"),
 					className: "inline-flex items-center gap-1.5 rounded-lg border border-border-seam px-3 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken",
-					children: [/* @__PURE__ */ T(p, { className: "h-4 w-4" }), " Back"]
+					children: [
+						/* @__PURE__ */ w(h, { className: "h-4 w-4" }),
+						" ",
+						p("atheletebridge.pages.teamDetail.back", "Back")
+					]
 				}),
-				/* @__PURE__ */ E("button", {
+				/* @__PURE__ */ T("button", {
 					type: "button",
-					onClick: () => f(`/teams/${Y.id}/edit`),
+					onClick: () => D(`/teams/${J.id}/edit`),
 					className: "inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-semibold text-action-primary-text transition-colors hover:bg-action-primary-bg/90",
-					children: [/* @__PURE__ */ T(le, { className: "h-4 w-4" }), " Edit"]
+					children: [
+						/* @__PURE__ */ w(ce, { className: "h-4 w-4" }),
+						" ",
+						p("atheletebridge.pages.teamDetail.edit", "Edit")
+					]
 				}),
-				Y.status !== "ARCHIVED" && /* @__PURE__ */ E("button", {
+				J.status !== "ARCHIVED" && /* @__PURE__ */ T("button", {
 					type: "button",
-					onClick: ge,
-					disabled: k.isPending,
+					onClick: Q,
+					disabled: P.isPending,
 					className: "inline-flex items-center gap-1.5 rounded-lg border border-border-seam px-3 py-2 text-sm font-medium text-status-error-text transition-colors hover:bg-status-error-bg-subtle disabled:opacity-60",
 					children: [
-						k.isPending ? /* @__PURE__ */ T(g, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ T(ce, { className: "h-4 w-4" }),
+						P.isPending ? /* @__PURE__ */ w(v, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ w(se, { className: "h-4 w-4" }),
 						" ",
-						"Archive"
+						p("atheletebridge.pages.teamDetail.archive", "Archive")
 					]
 				})
 			]
 		}),
 		children: [
-			/* @__PURE__ */ E(D, {
+			/* @__PURE__ */ T(E, {
 				treatment: "insight",
 				className: "mb-8 p-6",
 				children: [
-					/* @__PURE__ */ E("div", {
+					/* @__PURE__ */ T("div", {
 						className: "flex flex-col gap-4 sm:flex-row sm:items-center",
-						children: [/* @__PURE__ */ T(ee, {
-							name: Y.name,
-							sport: Y.sport,
+						children: [/* @__PURE__ */ w(te, {
+							name: J.name,
+							sport: J.sport,
 							size: 64
-						}), /* @__PURE__ */ E("div", {
+						}), /* @__PURE__ */ T("div", {
 							className: "min-w-0 flex-1",
-							children: [/* @__PURE__ */ E("div", {
+							children: [/* @__PURE__ */ T("div", {
 								className: "flex flex-wrap items-center gap-3",
-								children: [/* @__PURE__ */ T("h2", {
+								children: [/* @__PURE__ */ w("h2", {
 									className: "text-xl font-semibold text-text-primary",
-									children: Y.name
-								}), /* @__PURE__ */ T(n, { status: Y.status })]
-							}), /* @__PURE__ */ T("div", {
+									children: J.name
+								}), /* @__PURE__ */ w(r, { status: J.status })]
+							}), /* @__PURE__ */ w("div", {
 								className: "mt-1.5 flex flex-wrap items-center gap-x-2 gap-y-1 text-sm text-text-secondary",
-								children: Q.map((e, t) => /* @__PURE__ */ E("span", {
+								children: Z.map((e, t) => /* @__PURE__ */ T("span", {
 									className: "flex items-center gap-2",
-									children: [t > 0 && /* @__PURE__ */ T("span", {
+									children: [t > 0 && /* @__PURE__ */ w("span", {
 										"aria-hidden": "true",
 										className: "text-text-muted",
 										children: "·"
-									}), e === Y.homeVenue ? /* @__PURE__ */ E("span", {
+									}), e === J.homeVenue ? /* @__PURE__ */ T("span", {
 										className: "flex items-center gap-1",
 										children: [
-											/* @__PURE__ */ T(_, {
+											/* @__PURE__ */ w(le, {
 												className: "h-3.5 w-3.5",
 												"aria-hidden": "true"
 											}),
@@ -212,208 +221,213 @@ function F() {
 							})]
 						})]
 					}),
-					Y.description && /* @__PURE__ */ T("p", {
+					J.description && /* @__PURE__ */ w("p", {
 						className: "mt-4 text-sm text-text-secondary",
-						children: Y.description
+						children: J.description
 					}),
-					Y.tags.length > 0 && /* @__PURE__ */ T("div", {
+					J.tags.length > 0 && /* @__PURE__ */ w("div", {
 						className: "mt-4 flex flex-wrap gap-1.5",
-						children: Y.tags.map((e) => /* @__PURE__ */ T("span", {
+						children: J.tags.map((e) => /* @__PURE__ */ w("span", {
 							className: "inline-flex items-center rounded-full bg-bg-sunken px-2 py-0.5 text-xs text-text-secondary",
 							children: e
 						}, e))
 					})
 				]
 			}),
-			/* @__PURE__ */ E("section", {
+			/* @__PURE__ */ T("section", {
 				className: "mb-8",
-				children: [/* @__PURE__ */ E("div", {
+				children: [/* @__PURE__ */ T("div", {
 					className: "mb-4 flex items-center justify-between",
-					children: [/* @__PURE__ */ E("h2", {
+					children: [/* @__PURE__ */ T("h2", {
 						className: "text-lg font-semibold text-text-primary",
 						children: [
-							"Roster (",
-							X.length,
+							p("atheletebridge.pages.teamDetail.rosterTitle", "Roster"),
+							" (",
+							Y.length,
 							")"
 						]
-					}), /* @__PURE__ */ E("button", {
+					}), /* @__PURE__ */ T("button", {
 						type: "button",
 						onClick: () => {
-							U(null), z(!0);
+							H(null), R(!0);
 						},
 						className: "inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-3 py-1.5 text-sm font-semibold text-action-primary-text transition-colors hover:bg-action-primary-bg/90",
-						children: [/* @__PURE__ */ T(x, { className: "h-4 w-4" }), " Add member"]
+						children: [
+							/* @__PURE__ */ w(b, { className: "h-4 w-4" }),
+							" ",
+							p("atheletebridge.pages.teamDetail.addMember", "Add member")
+						]
 					})]
-				}), X.length === 0 ? /* @__PURE__ */ T(a, {
+				}), Y.length === 0 ? /* @__PURE__ */ w(o, {
 					illustration: "empty-data",
-					icon: /* @__PURE__ */ T(x, { className: "h-10 w-10" }),
-					title: "No members yet",
-					description: "Add players, coaches and staff to build the roster."
-				}) : /* @__PURE__ */ E(D, {
+					icon: /* @__PURE__ */ w(b, { className: "h-10 w-10" }),
+					title: p("atheletebridge.pages.teamDetail.noMembersTitle", "No members yet"),
+					description: p("atheletebridge.pages.teamDetail.noMembersHint", "Add players, coaches and staff to build the roster.")
+				}) : /* @__PURE__ */ T(E, {
 					treatment: "insight",
 					className: "overflow-hidden p-0",
-					children: [/* @__PURE__ */ T("div", {
+					children: [/* @__PURE__ */ w("div", {
 						className: "overflow-x-auto",
-						children: /* @__PURE__ */ E("table", {
+						children: /* @__PURE__ */ T("table", {
 							className: "w-full min-w-[720px] border-collapse text-sm",
-							children: [/* @__PURE__ */ T("thead", { children: /* @__PURE__ */ E("tr", {
+							children: [/* @__PURE__ */ w("thead", { children: /* @__PURE__ */ T("tr", {
 								className: "border-b border-border-seam text-left text-xs uppercase tracking-wide text-text-secondary",
 								children: [
-									/* @__PURE__ */ T("th", {
+									/* @__PURE__ */ w("th", {
 										className: "px-4 py-3 font-medium",
-										children: "Player"
+										children: p("atheletebridge.pages.teamDetail.playerHeader", "Player")
 									}),
-									/* @__PURE__ */ T("th", {
+									/* @__PURE__ */ w("th", {
 										className: "px-4 py-3 font-medium",
-										children: "Role"
+										children: p("atheletebridge.pages.teamDetail.roleHeader", "Role")
 									}),
-									/* @__PURE__ */ T("th", {
+									/* @__PURE__ */ w("th", {
 										className: "px-4 py-3 font-medium",
-										children: "Position"
+										children: p("atheletebridge.pages.teamDetail.positionHeader", "Position")
 									}),
-									/* @__PURE__ */ T("th", {
+									/* @__PURE__ */ w("th", {
 										className: "px-4 py-3 font-medium",
-										children: "Jersey #"
+										children: p("atheletebridge.pages.teamDetail.jerseyHeader", "Jersey #")
 									}),
-									/* @__PURE__ */ T("th", {
+									/* @__PURE__ */ w("th", {
 										className: "px-4 py-3 font-medium",
-										children: "Status"
+										children: p("atheletebridge.pages.teamDetail.statusHeader", "Status")
 									}),
-									/* @__PURE__ */ T("th", {
+									/* @__PURE__ */ w("th", {
 										className: "px-4 py-3 text-right font-medium",
-										children: "Actions"
+										children: p("atheletebridge.pages.teamDetail.actionsHeader", "Actions")
 									})
 								]
-							}) }), /* @__PURE__ */ T("tbody", {
+							}) }), /* @__PURE__ */ w("tbody", {
 								className: "divide-y divide-border-seam",
-								children: X.map((e) => {
-									let t = he === e.id, i = L.isPending && t;
-									return /* @__PURE__ */ E("tr", {
+								children: Y.map((e) => {
+									let t = ve === e.id, n = L.isPending && t;
+									return /* @__PURE__ */ T("tr", {
 										className: "align-middle transition-colors hover:bg-bg-sunken/60",
 										children: [
-											/* @__PURE__ */ T("td", {
+											/* @__PURE__ */ w("td", {
 												className: "px-4 py-3",
-												children: /* @__PURE__ */ E("button", {
+												children: /* @__PURE__ */ T("button", {
 													type: "button",
-													onClick: () => be(e.id),
+													onClick: () => Se(e.id),
 													className: "group flex items-center gap-3 text-left focus-visible:outline-none",
-													title: `View ${e.displayName}'s profile`,
-													children: [/* @__PURE__ */ T(ne, {
+													title: `${p("atheletebridge.pages.teamDetail.viewProfile", "View profile")}: ${e.displayName}`,
+													children: [/* @__PURE__ */ w(ne, {
 														name: e.displayName,
 														id: e.userId,
 														jersey: e.jerseyNumber,
 														size: "sm"
-													}), /* @__PURE__ */ E("span", {
+													}), /* @__PURE__ */ T("span", {
 														className: "min-w-0",
-														children: [/* @__PURE__ */ T("span", {
+														children: [/* @__PURE__ */ w("span", {
 															className: "block truncate font-medium text-text-primary group-hover:text-text-link",
 															children: e.displayName
-														}), /* @__PURE__ */ T("span", {
+														}), /* @__PURE__ */ w("span", {
 															className: "block truncate text-xs text-text-secondary group-hover:text-text-link",
-															children: "View profile"
+															children: p("atheletebridge.pages.teamDetail.viewProfile", "View profile")
 														})]
 													})]
 												})
 											}),
-											/* @__PURE__ */ T("td", {
+											/* @__PURE__ */ w("td", {
 												className: "px-4 py-3",
-												children: t && G ? /* @__PURE__ */ T("select", {
-													"aria-label": "Role",
-													className: c,
-													value: G.role,
-													onChange: (e) => K((t) => t && {
+												children: t && W ? /* @__PURE__ */ w("select", {
+													"aria-label": p("atheletebridge.pages.teamDetail.roleHeader", "Role"),
+													className: d,
+													value: W.role,
+													onChange: (e) => G((t) => t && {
 														...t,
 														role: e.target.value
 													}),
-													children: A.map((e) => /* @__PURE__ */ T("option", {
+													children: k.map((e) => /* @__PURE__ */ w("option", {
 														value: e,
-														children: r[e]
+														children: i[e]
 													}, e))
-												}) : /* @__PURE__ */ T("span", {
+												}) : /* @__PURE__ */ w("span", {
 													className: "text-text-secondary",
-													children: r[e.role]
+													children: i[e.role]
 												})
 											}),
-											/* @__PURE__ */ T("td", {
+											/* @__PURE__ */ w("td", {
 												className: "px-4 py-3",
-												children: t && G ? /* @__PURE__ */ T("input", {
-													"aria-label": "Position",
-													className: c,
-													value: G.position,
-													onChange: (e) => K((t) => t && {
+												children: t && W ? /* @__PURE__ */ w("input", {
+													"aria-label": p("atheletebridge.pages.teamDetail.positionHeader", "Position"),
+													className: d,
+													value: W.position,
+													onChange: (e) => G((t) => t && {
 														...t,
 														position: e.target.value
 													}),
 													placeholder: "e.g. Striker"
-												}) : /* @__PURE__ */ T("span", {
+												}) : /* @__PURE__ */ w("span", {
 													className: "text-text-secondary",
 													children: e.position || "—"
 												})
 											}),
-											/* @__PURE__ */ T("td", {
+											/* @__PURE__ */ w("td", {
 												className: "px-4 py-3",
-												children: t && G ? /* @__PURE__ */ T("input", {
-													"aria-label": "Jersey number",
+												children: t && W ? /* @__PURE__ */ w("input", {
+													"aria-label": p("atheletebridge.pages.teamDetail.jerseyHeader", "Jersey number"),
 													inputMode: "numeric",
-													className: `${c} w-20`,
-													value: G.jerseyNumber,
-													onChange: (e) => K((t) => t && {
+													className: `${d} w-20`,
+													value: W.jerseyNumber,
+													onChange: (e) => G((t) => t && {
 														...t,
 														jerseyNumber: e.target.value
 													}),
 													placeholder: "9"
-												}) : /* @__PURE__ */ T("span", {
+												}) : /* @__PURE__ */ w("span", {
 													className: "tabular-nums text-text-primary",
 													children: e.jerseyNumber ?? "—"
 												})
 											}),
-											/* @__PURE__ */ T("td", {
+											/* @__PURE__ */ w("td", {
 												className: "px-4 py-3",
-												children: t && G ? /* @__PURE__ */ T("select", {
-													"aria-label": "Status",
-													className: c,
-													value: G.status,
-													onChange: (e) => K((t) => t && {
+												children: t && W ? /* @__PURE__ */ w("select", {
+													"aria-label": p("atheletebridge.pages.teamDetail.statusHeader", "Status"),
+													className: d,
+													value: W.status,
+													onChange: (e) => G((t) => t && {
 														...t,
 														status: e.target.value
 													}),
-													children: j.map((e) => /* @__PURE__ */ T("option", {
+													children: A.map((e) => /* @__PURE__ */ w("option", {
 														value: e,
-														children: M(e)
+														children: j(e)
 													}, e))
-												}) : /* @__PURE__ */ T(n, { status: e.status })
+												}) : /* @__PURE__ */ w(r, { status: e.status })
 											}),
-											/* @__PURE__ */ T("td", {
+											/* @__PURE__ */ w("td", {
 												className: "px-4 py-3",
-												children: /* @__PURE__ */ T("div", {
+												children: /* @__PURE__ */ w("div", {
 													className: "flex items-center justify-end gap-1",
-													children: t ? /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T("button", {
+													children: t ? /* @__PURE__ */ T(C, { children: [/* @__PURE__ */ w("button", {
 														type: "button",
-														onClick: () => void ve(e.id),
-														disabled: i,
-														"aria-label": "Save changes",
+														onClick: () => void be(e.id),
+														disabled: n,
+														"aria-label": p("common.save", "Save"),
 														className: "rounded-lg p-2 text-status-success-text transition-colors hover:bg-status-success-bg-subtle disabled:opacity-60",
-														children: i ? /* @__PURE__ */ T(g, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ T(h, { className: "h-4 w-4" })
-													}), /* @__PURE__ */ T("button", {
+														children: n ? /* @__PURE__ */ w(v, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ w(_, { className: "h-4 w-4" })
+													}), /* @__PURE__ */ w("button", {
 														type: "button",
 														onClick: $,
-														disabled: i,
-														"aria-label": "Cancel editing",
+														disabled: n,
+														"aria-label": p("common.cancel", "Cancel"),
 														className: "rounded-lg p-2 text-text-secondary transition-colors hover:bg-bg-sunken hover:text-text-primary disabled:opacity-60",
-														children: /* @__PURE__ */ T(S, { className: "h-4 w-4" })
-													})] }) : /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T("button", {
+														children: /* @__PURE__ */ w(x, { className: "h-4 w-4" })
+													})] }) : /* @__PURE__ */ T(C, { children: [/* @__PURE__ */ w("button", {
 														type: "button",
-														onClick: () => _e(e),
-														"aria-label": `Edit ${e.displayName}`,
+														onClick: () => ye(e),
+														"aria-label": `${p("common.edit", "Edit")} ${e.displayName}`,
 														className: "rounded-lg p-2 text-text-secondary transition-colors hover:bg-bg-sunken hover:text-text-primary",
-														children: /* @__PURE__ */ T(v, { className: "h-4 w-4" })
-													}), /* @__PURE__ */ T("button", {
+														children: /* @__PURE__ */ w(ue, { className: "h-4 w-4" })
+													}), /* @__PURE__ */ w("button", {
 														type: "button",
 														onClick: () => void I.mutate(e.id),
 														disabled: I.isPending,
-														"aria-label": `Remove ${e.displayName}`,
+														"aria-label": `${p("common.delete", "Delete")} ${e.displayName}`,
 														className: "rounded-lg p-2 text-text-secondary transition-colors hover:bg-status-error-bg-subtle hover:text-status-error-text disabled:opacity-60",
-														children: /* @__PURE__ */ T(b, { className: "h-4 w-4" })
+														children: /* @__PURE__ */ w(y, { className: "h-4 w-4" })
 													})] })
 												})
 											})
@@ -422,143 +436,148 @@ function F() {
 								})
 							})]
 						})
-					}), q && /* @__PURE__ */ T("p", {
+					}), K && /* @__PURE__ */ w("p", {
 						className: "border-t border-border-seam px-4 py-2 text-sm text-status-error-text",
-						children: q
+						children: K
 					})]
 				})]
 			}),
-			/* @__PURE__ */ E("section", { children: [/* @__PURE__ */ E("div", {
+			/* @__PURE__ */ T("section", { children: [/* @__PURE__ */ T("div", {
 				className: "mb-4 flex items-center justify-between",
-				children: [/* @__PURE__ */ E("h2", {
+				children: [/* @__PURE__ */ T("h2", {
 					className: "text-lg font-semibold text-text-primary",
 					children: [
-						"Fixtures (",
-						Z.length,
+						p("atheletebridge.pages.teamDetail.fixturesTitle", "Fixtures"),
+						" (",
+						X.length,
 						")"
 					]
-				}), /* @__PURE__ */ E("div", {
+				}), /* @__PURE__ */ T("div", {
 					className: "flex items-center gap-2",
-					children: [Z.length > 0 && /* @__PURE__ */ T("button", {
+					children: [X.length > 0 && /* @__PURE__ */ w("button", {
 						type: "button",
-						onClick: () => f("/fixtures"),
+						onClick: () => D("/fixtures"),
 						className: "text-sm font-medium text-text-link transition-colors hover:underline",
-						children: "View all"
-					}), /* @__PURE__ */ E("button", {
+						children: p("atheletebridge.pages.teamDetail.viewAll", "View all")
+					}), /* @__PURE__ */ T("button", {
 						type: "button",
-						onClick: () => f(`/fixtures/new?homeTeamId=${Y.id}`),
+						onClick: () => D(`/fixtures/new?homeTeamId=${J.id}`),
 						className: "inline-flex items-center gap-1.5 rounded-lg border border-border-seam px-3 py-1.5 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken",
-						children: [/* @__PURE__ */ T(y, { className: "h-4 w-4" }), " Schedule"]
+						children: [
+							/* @__PURE__ */ w(de, { className: "h-4 w-4" }),
+							" ",
+							p("atheletebridge.pages.teamDetail.schedule", "Schedule")
+						]
 					})]
 				})]
-			}), Z.length === 0 ? /* @__PURE__ */ T(a, {
+			}), X.length === 0 ? /* @__PURE__ */ w(o, {
 				illustration: "empty-calendar",
-				icon: /* @__PURE__ */ T(m, { className: "h-10 w-10" }),
-				title: "No fixtures scheduled",
-				description: "Schedule a match for this team to start tracking results."
-			}) : /* @__PURE__ */ T(D, {
+				icon: /* @__PURE__ */ w(g, { className: "h-10 w-10" }),
+				title: p("atheletebridge.pages.teamDetail.noFixturesTitle", "No fixtures scheduled"),
+				description: p("atheletebridge.pages.teamDetail.noFixturesHint", "Schedule a match for this team to start tracking results.")
+			}) : /* @__PURE__ */ w(E, {
 				treatment: "insight",
 				className: "px-4 py-1",
-				children: /* @__PURE__ */ T("div", {
+				children: /* @__PURE__ */ w("div", {
 					className: "divide-y divide-border-seam",
-					children: Z.map((e) => /* @__PURE__ */ T(te, {
+					children: X.map((e) => /* @__PURE__ */ w(a, {
 						fixture: e,
-						onClick: () => f(`/fixtures/${e.id}`)
+						onClick: () => D(`/fixtures/${e.id}`)
 					}, e.id))
 				})
 			})] }),
-			/* @__PURE__ */ T(ue, {
-				open: R,
-				onOpenChange: z,
-				children: /* @__PURE__ */ E(de, { children: [/* @__PURE__ */ T(pe, { children: /* @__PURE__ */ T(me, { children: "Add member" }) }), /* @__PURE__ */ E("form", {
-					onSubmit: ye,
+			/* @__PURE__ */ w(fe, {
+				open: _e,
+				onOpenChange: R,
+				children: /* @__PURE__ */ T(pe, { children: [/* @__PURE__ */ w(he, { children: /* @__PURE__ */ w(ge, { children: p("atheletebridge.pages.teamDetail.addMember", "Add member") }) }), /* @__PURE__ */ T("form", {
+					onSubmit: xe,
 					className: "space-y-4 px-1",
 					children: [
-						/* @__PURE__ */ T(l, {
-							userId: B.userId,
-							displayName: B.displayName,
-							onSelect: ({ userId: e, displayName: t }) => V((n) => ({
+						/* @__PURE__ */ w(oe, {
+							userId: z.userId,
+							displayName: z.displayName,
+							onSelect: ({ userId: e, displayName: t }) => B((n) => ({
 								...n,
 								userId: e,
 								displayName: t || n.displayName
 							})),
 							required: !0
 						}),
-						/* @__PURE__ */ T(s, {
+						/* @__PURE__ */ w(u, {
 							label: "Display name",
 							htmlFor: "displayName",
 							required: !0,
-							children: /* @__PURE__ */ T("input", {
+							children: /* @__PURE__ */ w("input", {
 								id: "displayName",
-								className: c,
-								value: B.displayName,
-								onChange: (e) => V((t) => ({
+								className: d,
+								value: z.displayName,
+								onChange: (e) => B((t) => ({
 									...t,
 									displayName: e.target.value
 								})),
 								placeholder: "e.g. Alex Morgan"
 							})
 						}),
-						/* @__PURE__ */ E("div", {
+						/* @__PURE__ */ T("div", {
 							className: "grid grid-cols-2 gap-4",
-							children: [/* @__PURE__ */ T(s, {
+							children: [/* @__PURE__ */ w(u, {
 								label: "Role",
 								htmlFor: "role",
-								children: /* @__PURE__ */ T("select", {
+								children: /* @__PURE__ */ w("select", {
 									id: "role",
-									className: c,
-									value: B.role,
-									onChange: (e) => V((t) => ({
+									className: d,
+									value: z.role,
+									onChange: (e) => B((t) => ({
 										...t,
 										role: e.target.value
 									})),
-									children: A.map((e) => /* @__PURE__ */ T("option", {
+									children: k.map((e) => /* @__PURE__ */ w("option", {
 										value: e,
-										children: r[e]
+										children: i[e]
 									}, e))
 								})
-							}), /* @__PURE__ */ T(s, {
+							}), /* @__PURE__ */ w(u, {
 								label: "Status",
 								htmlFor: "memberStatus",
-								children: /* @__PURE__ */ T("select", {
+								children: /* @__PURE__ */ w("select", {
 									id: "memberStatus",
-									className: c,
-									value: B.status,
-									onChange: (e) => V((t) => ({
+									className: d,
+									value: z.status,
+									onChange: (e) => B((t) => ({
 										...t,
 										status: e.target.value
 									})),
-									children: j.map((e) => /* @__PURE__ */ T("option", {
+									children: A.map((e) => /* @__PURE__ */ w("option", {
 										value: e,
-										children: M(e)
+										children: j(e)
 									}, e))
 								})
 							})]
 						}),
-						/* @__PURE__ */ E("div", {
+						/* @__PURE__ */ T("div", {
 							className: "grid grid-cols-2 gap-4",
-							children: [/* @__PURE__ */ T(s, {
+							children: [/* @__PURE__ */ w(u, {
 								label: "Position",
 								htmlFor: "position",
-								children: /* @__PURE__ */ T("input", {
+								children: /* @__PURE__ */ w("input", {
 									id: "position",
-									className: c,
-									value: B.position,
-									onChange: (e) => V((t) => ({
+									className: d,
+									value: z.position,
+									onChange: (e) => B((t) => ({
 										...t,
 										position: e.target.value
 									})),
 									placeholder: "e.g. Striker"
 								})
-							}), /* @__PURE__ */ T(s, {
+							}), /* @__PURE__ */ w(u, {
 								label: "Jersey #",
 								htmlFor: "jersey",
-								children: /* @__PURE__ */ T("input", {
+								children: /* @__PURE__ */ w("input", {
 									id: "jersey",
-									className: c,
+									className: d,
 									inputMode: "numeric",
-									value: B.jerseyNumber,
-									onChange: (e) => V((t) => ({
+									value: z.jerseyNumber,
+									onChange: (e) => B((t) => ({
 										...t,
 										jerseyNumber: e.target.value
 									})),
@@ -566,20 +585,20 @@ function F() {
 								})
 							})]
 						}),
-						H && /* @__PURE__ */ T("p", {
+						V && /* @__PURE__ */ w("p", {
 							className: "text-sm text-status-error-text",
-							children: H
+							children: V
 						}),
-						/* @__PURE__ */ E(fe, { children: [/* @__PURE__ */ T("button", {
+						/* @__PURE__ */ T(me, { children: [/* @__PURE__ */ w("button", {
 							type: "button",
-							onClick: () => z(!1),
+							onClick: () => R(!1),
 							className: "rounded-lg border border-border-seam px-4 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken",
-							children: "Cancel"
-						}), /* @__PURE__ */ E("button", {
+							children: p("common.cancel", "Cancel")
+						}), /* @__PURE__ */ T("button", {
 							type: "submit",
 							disabled: F.isPending,
 							className: "inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-semibold text-action-primary-text transition-colors hover:bg-action-primary-bg/90 disabled:opacity-60",
-							children: [F.isPending && /* @__PURE__ */ T(g, { className: "h-4 w-4 animate-spin" }), "Add member"]
+							children: [F.isPending && /* @__PURE__ */ w(v, { className: "h-4 w-4 animate-spin" }), p("atheletebridge.pages.teamDetail.addMember", "Add member")]
 						})] })
 					]
 				})] })
@@ -588,6 +607,6 @@ function F() {
 	});
 }
 //#endregion
-export { F as TeamDetailPage };
+export { P as TeamDetailPage };
 
 //# sourceMappingURL=TeamDetailPage.js.map