@burdenoff/microfe-atheletebridge 2026.705.1 → 2026.706.1

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

@@ -2,74 +2,168 @@ 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 { FixtureCard as a } from "../../components/FixtureCard.js";
-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 u, useRemoveMember as d, useTeam as f } from "../../hooks/useAthleteBridgeApi.js";
-import { FormField as p, fieldInputClass as m } from "../../components/form.js";
-import { UserSearchSelect as h } from "../../components/UserSearchSelect.js";
-import { useState as g } from "react";
-import { Archive as _, ArrowLeft as v, CalendarDays as y, Edit as b, Loader2 as x, MapPin as S, Plus as C, Trash2 as w, UserPlus as T } from "lucide-react";
-import { useParams as E } from "react-router-dom";
-import { jsx as D, jsxs as O } from "react/jsx-runtime";
-import { EmphasisPanel as k, GlassCard as A, ResponsiveDialog as j, ResponsiveDialogContent as M, ResponsiveDialogFooter as N, ResponsiveDialogHeader as P, ResponsiveDialogTitle as F } from "@burdenoff/fe-libs/ui";
+import { Crest as ee } from "../../components/Crest.js";
+import { MatchupRow as te } 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-dom";
+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";
 //#region src/atheletebridge/pages/teams/TeamDetailPage.tsx
-var I = Object.keys(r), L = [
+var A = Object.keys(r), j = [
 	"TRIAL",
 	"ACTIVE",
 	"INJURED",
 	"SUSPENDED",
 	"RELEASED"
-], R = {
+], M = (e) => e.charAt(0) + e.slice(1).toLowerCase(), N = {
 	userId: "",
 	displayName: "",
 	role: "PLAYER",
 	status: "ACTIVE",
 	position: "",
 	jerseyNumber: ""
+}, P = (t) => {
+	let n = f(), { apiGatewayUrl: r } = e();
+	return d({
+		mutationFn: async ({ id: e, input: t }) => {
+			let n = await k({
+				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        }",
+				variables: {
+					id: e,
+					input: t
+				},
+				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.");
+			return n.data.athUpdateMember;
+		},
+		onSuccess: () => {
+			n.invalidateQueries({ queryKey: [
+				"atheletebridge",
+				"team",
+				t
+			] }), n.invalidateQueries({ queryKey: [
+				"atheletebridge",
+				"members",
+				t
+			] });
+		}
+	});
 };
-function z() {
-	let { id: z } = E(), { navigateTo: B } = e(), V = f(z), H = u(), U = l(), W = d(z), [G, K] = g(!1), [q, J] = g(R), [Y, X] = g(null);
-	if (V.isLoading) return /* @__PURE__ */ D(t, {
+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__ */ D(c, { label: "Loading team…" })
+		children: /* @__PURE__ */ T(ie, { label: "Loading team…" })
 	});
-	if (V.isError || !V.data) return /* @__PURE__ */ D(t, {
+	if (O.isError || !O.data) return /* @__PURE__ */ T(t, {
 		title: "Team",
-		children: /* @__PURE__ */ D(s, {
+		children: /* @__PURE__ */ T(re, {
 			title: "Team not found",
 			message: "This team does not exist or you do not have access to it.",
-			onRetry: () => B("/teams")
+			onRetry: () => f("/teams")
 		})
 	});
-	let Z = V.data, Q = Z.members ?? [], $ = Z.fixtures ?? [];
-	return /* @__PURE__ */ O(t, {
-		title: Z.name,
-		description: `${i[Z.sport]}${Z.season ? ` · ${Z.season}` : ""}`,
-		actions: /* @__PURE__ */ O("div", {
+	let Y = O.data, X = Y.members ?? [], Z = Y.fixtures ?? [], 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({
+			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;
+		if (t && (n = Number.parseInt(t, 10), Number.isNaN(n))) {
+			J("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,
+					jerseyNumber: n
+				}
+			}), $();
+		} catch (e) {
+			J(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.");
+			return;
+		}
+		let t = B.jerseyNumber.trim() ? Number.parseInt(B.jerseyNumber, 10) : void 0;
+		if (t !== void 0 && Number.isNaN(t)) {
+			U("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,
+				jerseyNumber: t
+			}), V(N), z(!1);
+		} catch (e) {
+			U(e instanceof Error ? e.message : "Failed to add member.");
+		}
+	}, be = (e) => f(`/teams/${Y.id}/athletes/${e}`);
+	return /* @__PURE__ */ E(t, {
+		title: Y.name,
+		gradientTitle: !0,
+		description: Q.join(" · "),
+		actions: /* @__PURE__ */ E("div", {
 			className: "flex flex-wrap items-center gap-2",
 			children: [
-				/* @__PURE__ */ O("button", {
+				/* @__PURE__ */ E("button", {
 					type: "button",
-					onClick: () => B("/teams"),
+					onClick: () => f("/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__ */ D(v, { className: "h-4 w-4" }), " Back"]
+					children: [/* @__PURE__ */ T(p, { className: "h-4 w-4" }), " Back"]
 				}),
-				/* @__PURE__ */ O("button", {
+				/* @__PURE__ */ E("button", {
 					type: "button",
-					onClick: () => B(`/teams/${Z.id}/edit`),
-					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__ */ D(b, { className: "h-4 w-4" }), " Edit"]
+					onClick: () => f(`/teams/${Y.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"]
 				}),
-				Z.status !== "ARCHIVED" && /* @__PURE__ */ O("button", {
+				Y.status !== "ARCHIVED" && /* @__PURE__ */ E("button", {
 					type: "button",
-					onClick: async () => {
-						z && (await H.mutateAsync(z), B("/teams"));
-					},
-					disabled: H.isPending,
+					onClick: ge,
+					disabled: k.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: [
-						H.isPending ? /* @__PURE__ */ D(x, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ D(_, { className: "h-4 w-4" }),
+						k.isPending ? /* @__PURE__ */ T(g, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ T(ce, { className: "h-4 w-4" }),
 						" ",
 						"Archive"
 					]
@@ -77,240 +171,394 @@ function z() {
 			]
 		}),
 		children: [
-			/* @__PURE__ */ O(A, {
+			/* @__PURE__ */ E(D, {
 				treatment: "insight",
 				className: "mb-8 p-6",
 				children: [
-					/* @__PURE__ */ O("div", {
-						className: "flex flex-wrap items-center gap-3",
-						children: [
-							/* @__PURE__ */ D(n, { status: Z.status }),
-							Z.ageGroup && /* @__PURE__ */ O("span", {
-								className: "text-sm text-text-secondary",
-								children: ["Age group: ", Z.ageGroup]
-							}),
-							Z.homeVenue && /* @__PURE__ */ O("span", {
-								className: "flex items-center gap-1 text-sm text-text-secondary",
-								children: [
-									/* @__PURE__ */ D(S, { className: "h-3.5 w-3.5" }),
-									" ",
-									Z.homeVenue
-								]
-							})
-						]
+					/* @__PURE__ */ E("div", {
+						className: "flex flex-col gap-4 sm:flex-row sm:items-center",
+						children: [/* @__PURE__ */ T(ee, {
+							name: Y.name,
+							sport: Y.sport,
+							size: 64
+						}), /* @__PURE__ */ E("div", {
+							className: "min-w-0 flex-1",
+							children: [/* @__PURE__ */ E("div", {
+								className: "flex flex-wrap items-center gap-3",
+								children: [/* @__PURE__ */ T("h2", {
+									className: "text-xl font-semibold text-text-primary",
+									children: Y.name
+								}), /* @__PURE__ */ T(n, { status: Y.status })]
+							}), /* @__PURE__ */ T("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", {
+									className: "flex items-center gap-2",
+									children: [t > 0 && /* @__PURE__ */ T("span", {
+										"aria-hidden": "true",
+										className: "text-text-muted",
+										children: "·"
+									}), e === Y.homeVenue ? /* @__PURE__ */ E("span", {
+										className: "flex items-center gap-1",
+										children: [
+											/* @__PURE__ */ T(_, {
+												className: "h-3.5 w-3.5",
+												"aria-hidden": "true"
+											}),
+											" ",
+											e
+										]
+									}) : e]
+								}, e))
+							})]
+						})]
 					}),
-					Z.description && /* @__PURE__ */ D("p", {
+					Y.description && /* @__PURE__ */ T("p", {
 						className: "mt-4 text-sm text-text-secondary",
-						children: Z.description
+						children: Y.description
 					}),
-					Z.tags.length > 0 && /* @__PURE__ */ D("div", {
+					Y.tags.length > 0 && /* @__PURE__ */ T("div", {
 						className: "mt-4 flex flex-wrap gap-1.5",
-						children: Z.tags.map((e) => /* @__PURE__ */ D("span", {
+						children: Y.tags.map((e) => /* @__PURE__ */ T("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__ */ O("section", {
+			/* @__PURE__ */ E("section", {
 				className: "mb-8",
-				children: [/* @__PURE__ */ O("div", {
+				children: [/* @__PURE__ */ E("div", {
 					className: "mb-4 flex items-center justify-between",
-					children: [/* @__PURE__ */ O("h2", {
+					children: [/* @__PURE__ */ E("h2", {
 						className: "text-lg font-semibold text-text-primary",
 						children: [
 							"Roster (",
-							Q.length,
+							X.length,
 							")"
 						]
-					}), /* @__PURE__ */ O("button", {
+					}), /* @__PURE__ */ E("button", {
 						type: "button",
 						onClick: () => {
-							X(null), K(!0);
+							U(null), z(!0);
 						},
-						className: "inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-3 py-1.5 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg/90",
-						children: [/* @__PURE__ */ D(T, { className: "h-4 w-4" }), " Add member"]
+						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"]
 					})]
-				}), Q.length === 0 ? /* @__PURE__ */ D(o, {
+				}), X.length === 0 ? /* @__PURE__ */ T(a, {
 					illustration: "empty-data",
-					icon: /* @__PURE__ */ D(T, { className: "h-10 w-10" }),
+					icon: /* @__PURE__ */ T(x, { className: "h-10 w-10" }),
 					title: "No members yet",
 					description: "Add players, coaches and staff to build the roster."
-				}) : /* @__PURE__ */ D(k, { children: /* @__PURE__ */ D("div", {
-					className: "divide-y divide-border-seam",
-					children: Q.map((e) => /* @__PURE__ */ O("div", {
-						className: "flex items-center gap-4 py-3",
-						children: [
-							/* @__PURE__ */ D("div", {
-								className: "flex h-9 w-9 shrink-0 items-center justify-center rounded-full bg-bg-sunken text-sm font-semibold tabular-nums text-text-primary",
-								children: e.jerseyNumber ?? e.displayName.charAt(0).toUpperCase()
-							}),
-							/* @__PURE__ */ O("div", {
-								className: "min-w-0 flex-1",
-								children: [/* @__PURE__ */ D("p", {
-									className: "truncate text-sm font-medium text-text-primary",
-									children: e.displayName
-								}), /* @__PURE__ */ O("p", {
-									className: "text-xs text-text-secondary",
-									children: [r[e.role], e.position ? ` · ${e.position}` : ""]
-								})]
-							}),
-							/* @__PURE__ */ D(n, { status: e.status }),
-							/* @__PURE__ */ D("button", {
-								type: "button",
-								onClick: () => void W.mutate(e.id),
-								disabled: W.isPending,
-								"aria-label": `Remove ${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__ */ D(w, { className: "h-4 w-4" })
-							})
-						]
-					}, e.id))
-				}) })]
+				}) : /* @__PURE__ */ E(D, {
+					treatment: "insight",
+					className: "overflow-hidden p-0",
+					children: [/* @__PURE__ */ T("div", {
+						className: "overflow-x-auto",
+						children: /* @__PURE__ */ E("table", {
+							className: "w-full min-w-[720px] border-collapse text-sm",
+							children: [/* @__PURE__ */ T("thead", { children: /* @__PURE__ */ E("tr", {
+								className: "border-b border-border-seam text-left text-xs uppercase tracking-wide text-text-secondary",
+								children: [
+									/* @__PURE__ */ T("th", {
+										className: "px-4 py-3 font-medium",
+										children: "Player"
+									}),
+									/* @__PURE__ */ T("th", {
+										className: "px-4 py-3 font-medium",
+										children: "Role"
+									}),
+									/* @__PURE__ */ T("th", {
+										className: "px-4 py-3 font-medium",
+										children: "Position"
+									}),
+									/* @__PURE__ */ T("th", {
+										className: "px-4 py-3 font-medium",
+										children: "Jersey #"
+									}),
+									/* @__PURE__ */ T("th", {
+										className: "px-4 py-3 font-medium",
+										children: "Status"
+									}),
+									/* @__PURE__ */ T("th", {
+										className: "px-4 py-3 text-right font-medium",
+										children: "Actions"
+									})
+								]
+							}) }), /* @__PURE__ */ T("tbody", {
+								className: "divide-y divide-border-seam",
+								children: X.map((e) => {
+									let t = he === e.id, i = L.isPending && t;
+									return /* @__PURE__ */ E("tr", {
+										className: "align-middle transition-colors hover:bg-bg-sunken/60",
+										children: [
+											/* @__PURE__ */ T("td", {
+												className: "px-4 py-3",
+												children: /* @__PURE__ */ E("button", {
+													type: "button",
+													onClick: () => be(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, {
+														name: e.displayName,
+														id: e.userId,
+														jersey: e.jerseyNumber,
+														size: "sm"
+													}), /* @__PURE__ */ E("span", {
+														className: "min-w-0",
+														children: [/* @__PURE__ */ T("span", {
+															className: "block truncate font-medium text-text-primary group-hover:text-text-link",
+															children: e.displayName
+														}), /* @__PURE__ */ T("span", {
+															className: "block truncate text-xs text-text-secondary group-hover:text-text-link",
+															children: "View profile"
+														})]
+													})]
+												})
+											}),
+											/* @__PURE__ */ T("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 && {
+														...t,
+														role: e.target.value
+													}),
+													children: A.map((e) => /* @__PURE__ */ T("option", {
+														value: e,
+														children: r[e]
+													}, e))
+												}) : /* @__PURE__ */ T("span", {
+													className: "text-text-secondary",
+													children: r[e.role]
+												})
+											}),
+											/* @__PURE__ */ T("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 && {
+														...t,
+														position: e.target.value
+													}),
+													placeholder: "e.g. Striker"
+												}) : /* @__PURE__ */ T("span", {
+													className: "text-text-secondary",
+													children: e.position || "—"
+												})
+											}),
+											/* @__PURE__ */ T("td", {
+												className: "px-4 py-3",
+												children: t && G ? /* @__PURE__ */ T("input", {
+													"aria-label": "Jersey number",
+													inputMode: "numeric",
+													className: `${c} w-20`,
+													value: G.jerseyNumber,
+													onChange: (e) => K((t) => t && {
+														...t,
+														jerseyNumber: e.target.value
+													}),
+													placeholder: "9"
+												}) : /* @__PURE__ */ T("span", {
+													className: "tabular-nums text-text-primary",
+													children: e.jerseyNumber ?? "—"
+												})
+											}),
+											/* @__PURE__ */ T("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 && {
+														...t,
+														status: e.target.value
+													}),
+													children: j.map((e) => /* @__PURE__ */ T("option", {
+														value: e,
+														children: M(e)
+													}, e))
+												}) : /* @__PURE__ */ T(n, { status: e.status })
+											}),
+											/* @__PURE__ */ T("td", {
+												className: "px-4 py-3",
+												children: /* @__PURE__ */ T("div", {
+													className: "flex items-center justify-end gap-1",
+													children: t ? /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T("button", {
+														type: "button",
+														onClick: () => void ve(e.id),
+														disabled: i,
+														"aria-label": "Save changes",
+														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", {
+														type: "button",
+														onClick: $,
+														disabled: i,
+														"aria-label": "Cancel editing",
+														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", {
+														type: "button",
+														onClick: () => _e(e),
+														"aria-label": `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", {
+														type: "button",
+														onClick: () => void I.mutate(e.id),
+														disabled: I.isPending,
+														"aria-label": `Remove ${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" })
+													})] })
+												})
+											})
+										]
+									}, e.id);
+								})
+							})]
+						})
+					}), q && /* @__PURE__ */ T("p", {
+						className: "border-t border-border-seam px-4 py-2 text-sm text-status-error-text",
+						children: q
+					})]
+				})]
 			}),
-			/* @__PURE__ */ O("section", { children: [/* @__PURE__ */ O("div", {
+			/* @__PURE__ */ E("section", { children: [/* @__PURE__ */ E("div", {
 				className: "mb-4 flex items-center justify-between",
-				children: [/* @__PURE__ */ O("h2", {
+				children: [/* @__PURE__ */ E("h2", {
 					className: "text-lg font-semibold text-text-primary",
 					children: [
 						"Fixtures (",
-						$.length,
+						Z.length,
 						")"
 					]
-				}), /* @__PURE__ */ O("button", {
-					type: "button",
-					onClick: () => B(`/fixtures/new?homeTeamId=${Z.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__ */ D(C, { className: "h-4 w-4" }), " Schedule"]
+				}), /* @__PURE__ */ E("div", {
+					className: "flex items-center gap-2",
+					children: [Z.length > 0 && /* @__PURE__ */ T("button", {
+						type: "button",
+						onClick: () => f("/fixtures"),
+						className: "text-sm font-medium text-text-link transition-colors hover:underline",
+						children: "View all"
+					}), /* @__PURE__ */ E("button", {
+						type: "button",
+						onClick: () => f(`/fixtures/new?homeTeamId=${Y.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"]
+					})]
 				})]
-			}), $.length === 0 ? /* @__PURE__ */ D(o, {
+			}), Z.length === 0 ? /* @__PURE__ */ T(a, {
 				illustration: "empty-calendar",
-				icon: /* @__PURE__ */ D(y, { className: "h-10 w-10" }),
+				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__ */ D("div", {
-				className: "grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3",
-				children: $.map((e) => /* @__PURE__ */ D(a, {
-					fixture: e,
-					onClick: () => B(`/fixtures/${e.id}`)
-				}, e.id))
+			}) : /* @__PURE__ */ T(D, {
+				treatment: "insight",
+				className: "px-4 py-1",
+				children: /* @__PURE__ */ T("div", {
+					className: "divide-y divide-border-seam",
+					children: Z.map((e) => /* @__PURE__ */ T(te, {
+						fixture: e,
+						onClick: () => f(`/fixtures/${e.id}`)
+					}, e.id))
+				})
 			})] }),
-			/* @__PURE__ */ D(j, {
-				open: G,
-				onOpenChange: K,
-				children: /* @__PURE__ */ O(M, { children: [/* @__PURE__ */ D(P, { children: /* @__PURE__ */ D(F, { children: "Add member" }) }), /* @__PURE__ */ O("form", {
-					onSubmit: async (e) => {
-						if (e.preventDefault(), X(null), !z) return;
-						if (!q.userId.trim() || !q.displayName.trim()) {
-							X("User ID and display name are required.");
-							return;
-						}
-						let t = q.jerseyNumber.trim() ? Number.parseInt(q.jerseyNumber, 10) : void 0;
-						if (t !== void 0 && Number.isNaN(t)) {
-							X("Jersey number must be a number.");
-							return;
-						}
-						try {
-							await U.mutateAsync({
-								teamId: z,
-								userId: q.userId.trim(),
-								displayName: q.displayName.trim(),
-								role: q.role,
-								status: q.status,
-								position: q.position.trim() || void 0,
-								jerseyNumber: t
-							}), J(R), K(!1);
-						} catch (e) {
-							X(e instanceof Error ? e.message : "Failed to add member.");
-						}
-					},
+			/* @__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,
 					className: "space-y-4 px-1",
 					children: [
-						/* @__PURE__ */ D(h, {
-							userId: q.userId,
-							displayName: q.displayName,
-							onSelect: ({ userId: e, displayName: t }) => J((n) => ({
+						/* @__PURE__ */ T(l, {
+							userId: B.userId,
+							displayName: B.displayName,
+							onSelect: ({ userId: e, displayName: t }) => V((n) => ({
 								...n,
 								userId: e,
 								displayName: t || n.displayName
 							})),
 							required: !0
 						}),
-						/* @__PURE__ */ D(p, {
+						/* @__PURE__ */ T(s, {
 							label: "Display name",
 							htmlFor: "displayName",
 							required: !0,
-							children: /* @__PURE__ */ D("input", {
+							children: /* @__PURE__ */ T("input", {
 								id: "displayName",
-								className: m,
-								value: q.displayName,
-								onChange: (e) => J((t) => ({
+								className: c,
+								value: B.displayName,
+								onChange: (e) => V((t) => ({
 									...t,
 									displayName: e.target.value
 								})),
 								placeholder: "e.g. Alex Morgan"
 							})
 						}),
-						/* @__PURE__ */ O("div", {
+						/* @__PURE__ */ E("div", {
 							className: "grid grid-cols-2 gap-4",
-							children: [/* @__PURE__ */ D(p, {
+							children: [/* @__PURE__ */ T(s, {
 								label: "Role",
 								htmlFor: "role",
-								children: /* @__PURE__ */ D("select", {
+								children: /* @__PURE__ */ T("select", {
 									id: "role",
-									className: m,
-									value: q.role,
-									onChange: (e) => J((t) => ({
+									className: c,
+									value: B.role,
+									onChange: (e) => V((t) => ({
 										...t,
 										role: e.target.value
 									})),
-									children: I.map((e) => /* @__PURE__ */ D("option", {
+									children: A.map((e) => /* @__PURE__ */ T("option", {
 										value: e,
 										children: r[e]
 									}, e))
 								})
-							}), /* @__PURE__ */ D(p, {
+							}), /* @__PURE__ */ T(s, {
 								label: "Status",
 								htmlFor: "memberStatus",
-								children: /* @__PURE__ */ D("select", {
+								children: /* @__PURE__ */ T("select", {
 									id: "memberStatus",
-									className: m,
-									value: q.status,
-									onChange: (e) => J((t) => ({
+									className: c,
+									value: B.status,
+									onChange: (e) => V((t) => ({
 										...t,
 										status: e.target.value
 									})),
-									children: L.map((e) => /* @__PURE__ */ D("option", {
+									children: j.map((e) => /* @__PURE__ */ T("option", {
 										value: e,
-										children: e.charAt(0) + e.slice(1).toLowerCase()
+										children: M(e)
 									}, e))
 								})
 							})]
 						}),
-						/* @__PURE__ */ O("div", {
+						/* @__PURE__ */ E("div", {
 							className: "grid grid-cols-2 gap-4",
-							children: [/* @__PURE__ */ D(p, {
+							children: [/* @__PURE__ */ T(s, {
 								label: "Position",
 								htmlFor: "position",
-								children: /* @__PURE__ */ D("input", {
+								children: /* @__PURE__ */ T("input", {
 									id: "position",
-									className: m,
-									value: q.position,
-									onChange: (e) => J((t) => ({
+									className: c,
+									value: B.position,
+									onChange: (e) => V((t) => ({
 										...t,
 										position: e.target.value
 									})),
 									placeholder: "e.g. Striker"
 								})
-							}), /* @__PURE__ */ D(p, {
+							}), /* @__PURE__ */ T(s, {
 								label: "Jersey #",
 								htmlFor: "jersey",
-								children: /* @__PURE__ */ D("input", {
+								children: /* @__PURE__ */ T("input", {
 									id: "jersey",
-									className: m,
+									className: c,
 									inputMode: "numeric",
-									value: q.jerseyNumber,
-									onChange: (e) => J((t) => ({
+									value: B.jerseyNumber,
+									onChange: (e) => V((t) => ({
 										...t,
 										jerseyNumber: e.target.value
 									})),
@@ -318,20 +566,20 @@ function z() {
 								})
 							})]
 						}),
-						Y && /* @__PURE__ */ D("p", {
+						H && /* @__PURE__ */ T("p", {
 							className: "text-sm text-status-error-text",
-							children: Y
+							children: H
 						}),
-						/* @__PURE__ */ O(N, { children: [/* @__PURE__ */ D("button", {
+						/* @__PURE__ */ E(fe, { children: [/* @__PURE__ */ T("button", {
 							type: "button",
-							onClick: () => K(!1),
+							onClick: () => z(!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__ */ O("button", {
+						}), /* @__PURE__ */ E("button", {
 							type: "submit",
-							disabled: U.isPending,
-							className: "inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg/90 disabled:opacity-60",
-							children: [U.isPending && /* @__PURE__ */ D(x, { className: "h-4 w-4 animate-spin" }), "Add member"]
+							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"]
 						})] })
 					]
 				})] })
@@ -340,6 +588,6 @@ function z() {
 	});
 }
 //#endregion
-export { z as TeamDetailPage };
+export { F as TeamDetailPage };
 
 //# sourceMappingURL=TeamDetailPage.js.map