@burdenoff/microfe-mybodyshield 2026.705.2 → 2026.706.2

package/dist/mybodyshield/pages/coaching/CoachingPage.js

@@ -1,28 +1,52 @@
 import { useMyBodyShield as e } from "../../context/MyBodyShieldContext.js";
-import { PageLayout as t } from "../../components/PageLayout.js";
-import { formatDate as n } from "../../utils/formatters.js";
-import { StatusBadge as r } from "../../components/StatusBadge.js";
-import { ErrorView as i, LoadingView as a } from "../../components/StateViews.js";
-import { EmptyState as o } from "../../components/EmptyState.js";
-import { IconChip as s } from "../_shared/visuals.js";
+import { AnimatePresence as t } from "../../../node_modules/framer-motion/dist/es/components/AnimatePresence/index.js";
+import { motion as n } from "../../../node_modules/framer-motion/dist/es/render/components/motion/proxy.js";
+import { useReducedMotion as r } from "../../../node_modules/framer-motion/dist/es/utils/reduced-motion/use-reduced-motion.js";
+import { PageLayout as i } from "../../components/PageLayout.js";
+import { formatDate as a } from "../../utils/formatters.js";
+import { StatusBadge as o } from "../../components/StatusBadge.js";
+import { ErrorView as s, LoadingView as c } from "../../components/StateViews.js";
+import { EmptyState as l } from "../../components/EmptyState.js";
+import { IconChip as u } from "../_shared/visuals.js";
 import "../../context/index.js";
-import { useMybCoaching as c, useMybCreateCoaching as l, useMybTransitionCoaching as u } from "../../hooks/useMyBodyShieldApi.js";
+import { useMybCoaching as d, useMybCreateCoaching as f, useMybTransitionCoaching as p } from "../../hooks/useMyBodyShieldApi.js";
 import "../../hooks/index.js";
-import { FilterTabs as d } from "../../components/FilterTabs.js";
-import { MybDiscussion as f } from "../../components/MybDiscussion.js";
-import { UserSearchSelect as p } from "../../components/UserSearchSelect.js";
+import { FilterTabs as m } from "../../components/FilterTabs.js";
+import { MybDiscussion as h } from "../../components/MybDiscussion.js";
+import { UserSearchSelect as g } from "../../components/UserSearchSelect.js";
 import "../../components/index.js";
-import { useMemo as m, useState as h } from "react";
-import { CalendarClock as g, CalendarX as _, Check as v, ChevronDown as y, ChevronUp as b, Dumbbell as x, HeartHandshake as S, LineChart as C, MessageSquare as w, Minus as T, Plus as E, Salad as D } from "lucide-react";
-import { jsx as O, jsxs as k } from "react/jsx-runtime";
-import { Button as A, GlassCard as j, Input as M, Label as N, ResponsiveDialog as P, ResponsiveDialogContent as F, ResponsiveDialogDescription as I, ResponsiveDialogFooter as L, ResponsiveDialogHeader as R, ResponsiveDialogTitle as z, Switch as B } from "@burdenoff/fe-libs/ui";
+import { useMemo as _, useState as v } from "react";
+import { CalendarClock as y, CalendarX as b, Check as x, ChevronDown as S, ChevronUp as C, Dumbbell as w, HeartHandshake as T, LineChart as E, MessageSquare as D, Minus as O, Plus as k, Salad as A, User as j } from "lucide-react";
+import { jsx as M, jsxs as N } from "react/jsx-runtime";
+import { Button as P, GlassCard as F, Input as I, Label as L, ResponsiveDialog as R, ResponsiveDialogContent as z, ResponsiveDialogDescription as B, ResponsiveDialogFooter as V, ResponsiveDialogHeader as H, ResponsiveDialogTitle as U, Switch as W } from "@burdenoff/fe-libs/ui";
 //#region src/mybodyshield/pages/coaching/CoachingPage.tsx
-var V = [
+var G = [
 	"PENDING",
 	"ACTIVE",
 	"PAUSED",
 	"ENDED"
-], H = {
+], K = [
+	.16,
+	1,
+	.3,
+	1
+], q = {
+	hidden: {},
+	show: { transition: { staggerChildren: .06 } }
+}, J = {
+	hidden: {
+		opacity: 0,
+		y: 12
+	},
+	show: {
+		opacity: 1,
+		y: 0,
+		transition: {
+			duration: .35,
+			ease: K
+		}
+	}
+}, Y = {
 	PENDING: [{
 		to: "ACTIVE",
 		label: "Accept",
@@ -48,10 +72,10 @@ var V = [
 	}],
 	ENDED: []
 };
-function U(e) {
+function X(e) {
 	return e.length <= 10 ? e : `${e.slice(0, 8)}…`;
 }
-function W(e) {
+function Z(e) {
 	return {
 		memberId: e.userId,
 		memberName: e.displayName,
@@ -63,30 +87,30 @@ function W(e) {
 		shareMetrics: !0
 	};
 }
-function G({ id: e, label: t, description: n, checked: r, onChange: i }) {
-	return /* @__PURE__ */ k("div", {
+function Q({ id: e, label: t, description: n, checked: r, onChange: i }) {
+	return /* @__PURE__ */ N("div", {
 		className: "flex items-center justify-between gap-4 rounded-xl bg-bg-sunken/60 p-3",
-		children: [/* @__PURE__ */ k("div", {
+		children: [/* @__PURE__ */ N("div", {
 			className: "min-w-0",
-			children: [/* @__PURE__ */ O(N, {
+			children: [/* @__PURE__ */ M(L, {
 				htmlFor: e,
 				className: "cursor-pointer",
 				children: t
-			}), /* @__PURE__ */ O("p", {
+			}), /* @__PURE__ */ M("p", {
 				className: "text-xs text-text-tertiary",
 				children: n
 			})]
-		}), /* @__PURE__ */ O(B, {
+		}), /* @__PURE__ */ M(W, {
 			id: e,
 			checked: r,
 			onCheckedChange: i
 		})]
 	});
 }
-function K({ open: e, onOpenChange: t, defaultMember: n }) {
-	let r = l(), [i, a] = h(() => W(n)), [o, s] = h(null), c = (e) => {
-		e || (a(W(n)), s(null)), t(e);
-	}, u = async () => {
+function ee({ open: e, onOpenChange: t, defaultMember: n }) {
+	let r = f(), [i, a] = v(() => Z(n)), [o, s] = v(null), c = (e) => {
+		e || (a(Z(n)), s(null)), t(e);
+	}, l = async () => {
 		let e = i.coachId.trim(), o = i.memberId.trim();
 		if (!e) {
 			s("Coach user id is required.");
@@ -106,25 +130,25 @@ function K({ open: e, onOpenChange: t, defaultMember: n }) {
 			shareMetrics: i.shareMetrics
 		};
 		try {
-			await r.mutateAsync(c), a(W(n)), t(!1);
+			await r.mutateAsync(c), a(Z(n)), t(!1);
 		} catch (e) {
 			s(e instanceof Error ? e.message : "Failed to create coaching relationship.");
 		}
 	};
-	return /* @__PURE__ */ O(P, {
+	return /* @__PURE__ */ M(R, {
 		open: e,
 		onOpenChange: c,
-		children: /* @__PURE__ */ k(F, { children: [/* @__PURE__ */ k(R, { children: [/* @__PURE__ */ O(z, { children: "New coaching" }), /* @__PURE__ */ O(I, { children: "Link a coach and member, and choose exactly what training, nutrition and progress data is shared." })] }), /* @__PURE__ */ k("form", {
+		children: /* @__PURE__ */ N(z, { children: [/* @__PURE__ */ N(H, { children: [/* @__PURE__ */ M(U, { children: "New coaching" }), /* @__PURE__ */ M(B, { children: "Link a coach and member, and choose exactly what training, nutrition and progress data is shared." })] }), /* @__PURE__ */ N("form", {
 			className: "space-y-4",
 			onSubmit: (e) => {
-				e.preventDefault(), u();
+				e.preventDefault(), l();
 			},
 			children: [
-				o && /* @__PURE__ */ O("p", {
+				o && /* @__PURE__ */ M("p", {
 					className: "rounded-lg bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text",
 					children: o
 				}),
-				/* @__PURE__ */ O(p, {
+				/* @__PURE__ */ M(g, {
 					label: "Coach",
 					required: !0,
 					htmlId: "myb-coaching-coach",
@@ -136,7 +160,7 @@ function K({ open: e, onOpenChange: t, defaultMember: n }) {
 						coachName: t
 					}))
 				}),
-				/* @__PURE__ */ O(p, {
+				/* @__PURE__ */ M(g, {
 					label: "Member",
 					htmlId: "myb-coaching-member",
 					userId: i.memberId,
@@ -147,12 +171,12 @@ function K({ open: e, onOpenChange: t, defaultMember: n }) {
 						memberName: t
 					}))
 				}),
-				/* @__PURE__ */ k("div", {
+				/* @__PURE__ */ N("div", {
 					className: "space-y-2",
-					children: [/* @__PURE__ */ O(N, {
+					children: [/* @__PURE__ */ M(L, {
 						htmlFor: "myb-coaching-specialty",
 						children: "Specialty"
-					}), /* @__PURE__ */ O(M, {
+					}), /* @__PURE__ */ M(I, {
 						id: "myb-coaching-specialty",
 						value: i.specialty,
 						onChange: (e) => a((t) => ({
@@ -162,14 +186,14 @@ function K({ open: e, onOpenChange: t, defaultMember: n }) {
 						placeholder: "e.g., Strength & conditioning"
 					})]
 				}),
-				/* @__PURE__ */ k("div", {
+				/* @__PURE__ */ N("div", {
 					className: "space-y-2",
 					children: [
-						/* @__PURE__ */ O("p", {
+						/* @__PURE__ */ M("p", {
 							className: "text-sm font-medium text-text-primary",
 							children: "Shared with the coach"
 						}),
-						/* @__PURE__ */ O(G, {
+						/* @__PURE__ */ M(Q, {
 							id: "myb-coaching-share-workouts",
 							label: "Workouts",
 							description: "Programs, sessions and logged sets.",
@@ -179,7 +203,7 @@ function K({ open: e, onOpenChange: t, defaultMember: n }) {
 								shareWorkouts: e
 							}))
 						}),
-						/* @__PURE__ */ O(G, {
+						/* @__PURE__ */ M(Q, {
 							id: "myb-coaching-share-nutrition",
 							label: "Nutrition",
 							description: "Plans, meals and daily macros.",
@@ -189,7 +213,7 @@ function K({ open: e, onOpenChange: t, defaultMember: n }) {
 								shareNutrition: e
 							}))
 						}),
-						/* @__PURE__ */ O(G, {
+						/* @__PURE__ */ M(Q, {
 							id: "myb-coaching-share-metrics",
 							label: "Metrics",
 							description: "Body metrics and recovery logs.",
@@ -201,13 +225,13 @@ function K({ open: e, onOpenChange: t, defaultMember: n }) {
 						})
 					]
 				}),
-				/* @__PURE__ */ k(L, { children: [/* @__PURE__ */ O(A, {
+				/* @__PURE__ */ N(V, { children: [/* @__PURE__ */ M(P, {
 					type: "button",
 					variant: "outline",
 					onClick: () => c(!1),
 					disabled: r.isPending,
 					children: "Cancel"
-				}), /* @__PURE__ */ O(A, {
+				}), /* @__PURE__ */ M(P, {
 					type: "submit",
 					disabled: r.isPending,
 					children: r.isPending ? "Creating…" : "Create coaching"
@@ -216,231 +240,276 @@ function K({ open: e, onOpenChange: t, defaultMember: n }) {
 		})] })
 	});
 }
-function q({ label: e, icon: t, on: n }) {
-	let r = t, i = n ? v : T;
-	return /* @__PURE__ */ k("span", {
+function $({ label: e, icon: t, on: n }) {
+	let r = t, i = n ? x : O;
+	return /* @__PURE__ */ N("span", {
 		"aria-label": `${e} ${n ? "shared" : "not shared"}`,
-		className: `inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-xs font-medium ${n ? "bg-status-success-bg-subtle text-status-success-text" : "bg-bg-sunken text-text-tertiary"}`,
+		className: `inline-flex items-center gap-1.5 rounded-full py-0.5 pl-1 pr-2.5 text-xs font-medium ${n ? "bg-status-success-bg-subtle text-status-success-text ring-1 ring-inset ring-[color-mix(in_oklab,var(--color-status-success-text)_28%,transparent)]" : "bg-bg-sunken text-text-tertiary ring-1 ring-inset ring-border-seam"}`,
 		children: [
-			/* @__PURE__ */ O(r, {
-				className: "h-3 w-3",
-				"aria-hidden": "true"
+			/* @__PURE__ */ M("span", {
+				"aria-hidden": "true",
+				className: `inline-flex size-4 items-center justify-center rounded-full ${n ? "bg-[color-mix(in_oklab,var(--color-status-success-text)_22%,transparent)]" : "bg-[color-mix(in_oklab,var(--color-text-tertiary)_18%,transparent)]"}`,
+				children: /* @__PURE__ */ M(i, { className: "h-2.5 w-2.5" })
 			}),
-			e,
-			/* @__PURE__ */ O(i, {
+			/* @__PURE__ */ M(r, {
 				className: "h-3 w-3",
 				"aria-hidden": "true"
 			}),
-			/* @__PURE__ */ O("span", {
-				"aria-hidden": "true",
-				children: n ? "On" : "Off"
-			})
+			/* @__PURE__ */ N("span", { children: [
+				e,
+				" · ",
+				n ? "On" : "Off"
+			] })
 		]
 	});
 }
-function J({ relationship: e, currentUserId: t, busy: i, onTransition: a }) {
-	let o = !!t && e.coachId === t, c = !!t && e.memberId === t, l = H[e.status], u = e.status === "ACTIVE" || e.status === "PAUSED", [d, p] = h(!1);
-	return /* @__PURE__ */ k(j, {
+function te({ relationship: e, currentUserId: i, busy: s, onTransition: c }) {
+	let l = !!i && e.coachId === i, d = !!i && e.memberId === i, f = Y[e.status], p = e.status === "ACTIVE" || e.status === "PAUSED", [m, g] = v(!1), _ = r();
+	return /* @__PURE__ */ N(F, {
 		treatment: "glass",
-		className: "flex flex-col gap-4 p-5",
+		glow: e.status === "ACTIVE",
+		className: "flex h-full flex-col gap-4 p-5 transition-shadow hover:shadow-float" + (e.status === "PENDING" ? " ring-1 ring-inset ring-[color-mix(in_oklab,var(--color-status-warning-text)_35%,transparent)]" : ""),
 		children: [
-			/* @__PURE__ */ k("div", {
+			/* @__PURE__ */ N("div", {
 				className: "flex items-start justify-between gap-3",
-				children: [/* @__PURE__ */ k("div", {
+				children: [/* @__PURE__ */ N("div", {
 					className: "flex min-w-0 items-start gap-3",
-					children: [/* @__PURE__ */ O(s, { icon: /* @__PURE__ */ O(S, { className: "h-4 w-4" }) }), /* @__PURE__ */ k("div", {
+					children: [/* @__PURE__ */ M(u, { icon: /* @__PURE__ */ M(T, { className: "h-4 w-4" }) }), /* @__PURE__ */ N("div", {
 						className: "min-w-0",
-						children: [/* @__PURE__ */ O("p", {
+						children: [/* @__PURE__ */ M("p", {
 							className: "truncate text-sm font-semibold text-text-primary",
 							children: e.specialty?.trim() || "Coaching relationship"
-						}), /* @__PURE__ */ O("p", {
+						}), /* @__PURE__ */ M("p", {
 							className: "text-xs text-text-tertiary",
 							children: "Coach ↔ member"
 						})]
 					})]
-				}), /* @__PURE__ */ O(r, { status: e.status })]
+				}), /* @__PURE__ */ M(o, { status: e.status })]
 			}),
-			/* @__PURE__ */ k("div", {
+			/* @__PURE__ */ N("div", {
 				className: "grid grid-cols-2 gap-3",
-				children: [/* @__PURE__ */ k("div", {
-					className: "rounded-lg bg-bg-sunken/60 p-2.5",
-					children: [/* @__PURE__ */ O("p", {
-						className: "text-[11px] font-medium uppercase tracking-wide text-text-tertiary",
-						children: "Coach"
-					}), /* @__PURE__ */ O("p", {
-						className: "mt-0.5 truncate text-sm font-medium text-text-primary",
-						title: e.coachId,
-						children: o ? "You" : `#${U(e.coachId)}`
+				children: [/* @__PURE__ */ N("div", {
+					className: "flex items-center gap-2.5 rounded-lg bg-bg-sunken/60 p-2.5",
+					children: [/* @__PURE__ */ M("span", {
+						"aria-hidden": "true",
+						className: `flex size-8 shrink-0 items-center justify-center rounded-full ring-1 ring-inset ${l ? "bg-[color-mix(in_oklab,var(--color-action-primary-bg)_16%,transparent)] text-action-primary-bg ring-[color-mix(in_oklab,var(--color-action-primary-bg)_40%,transparent)]" : "bg-bg-surface text-text-tertiary ring-border-seam"}`,
+						children: /* @__PURE__ */ M(j, { className: "h-4 w-4" })
+					}), /* @__PURE__ */ N("div", {
+						className: "min-w-0",
+						children: [/* @__PURE__ */ M("p", {
+							className: "text-[11px] font-medium uppercase tracking-wide text-text-tertiary",
+							children: "Coach"
+						}), /* @__PURE__ */ M("p", {
+							className: "mt-0.5 truncate text-sm font-medium text-text-primary",
+							title: e.coachId,
+							children: l ? "You" : `#${X(e.coachId)}`
+						})]
 					})]
-				}), /* @__PURE__ */ k("div", {
-					className: "rounded-lg bg-bg-sunken/60 p-2.5",
-					children: [/* @__PURE__ */ O("p", {
-						className: "text-[11px] font-medium uppercase tracking-wide text-text-tertiary",
-						children: "Member"
-					}), /* @__PURE__ */ O("p", {
-						className: "mt-0.5 truncate text-sm font-medium text-text-primary",
-						title: e.memberId,
-						children: c ? "You" : `#${U(e.memberId)}`
+				}), /* @__PURE__ */ N("div", {
+					className: "flex items-center gap-2.5 rounded-lg bg-bg-sunken/60 p-2.5",
+					children: [/* @__PURE__ */ M("span", {
+						"aria-hidden": "true",
+						className: `flex size-8 shrink-0 items-center justify-center rounded-full ring-1 ring-inset ${d ? "bg-[color-mix(in_oklab,var(--color-action-primary-bg)_16%,transparent)] text-action-primary-bg ring-[color-mix(in_oklab,var(--color-action-primary-bg)_40%,transparent)]" : "bg-bg-surface text-text-tertiary ring-border-seam"}`,
+						children: /* @__PURE__ */ M(j, { className: "h-4 w-4" })
+					}), /* @__PURE__ */ N("div", {
+						className: "min-w-0",
+						children: [/* @__PURE__ */ M("p", {
+							className: "text-[11px] font-medium uppercase tracking-wide text-text-tertiary",
+							children: "Member"
+						}), /* @__PURE__ */ M("p", {
+							className: "mt-0.5 truncate text-sm font-medium text-text-primary",
+							title: e.memberId,
+							children: d ? "You" : `#${X(e.memberId)}`
+						})]
 					})]
 				})]
 			}),
-			/* @__PURE__ */ k("div", {
+			/* @__PURE__ */ N("div", {
 				className: "flex flex-wrap gap-1.5",
 				children: [
-					/* @__PURE__ */ O(q, {
+					/* @__PURE__ */ M($, {
 						label: "Workouts",
-						icon: x,
+						icon: w,
 						on: e.shareWorkouts
 					}),
-					/* @__PURE__ */ O(q, {
+					/* @__PURE__ */ M($, {
 						label: "Nutrition",
-						icon: D,
+						icon: A,
 						on: e.shareNutrition
 					}),
-					/* @__PURE__ */ O(q, {
+					/* @__PURE__ */ M($, {
 						label: "Metrics",
-						icon: C,
+						icon: E,
 						on: e.shareMetrics
 					})
 				]
 			}),
-			(e.startedAt || e.endedAt) && /* @__PURE__ */ k("div", {
+			(e.startedAt || e.endedAt) && /* @__PURE__ */ N("div", {
 				className: "flex flex-wrap items-center gap-x-4 gap-y-1 text-xs text-text-tertiary",
-				children: [e.startedAt && /* @__PURE__ */ k("span", {
+				children: [e.startedAt && /* @__PURE__ */ N("span", {
 					className: "inline-flex items-center gap-1",
 					children: [
-						/* @__PURE__ */ O(g, { className: "h-3.5 w-3.5" }),
+						/* @__PURE__ */ M(y, { className: "h-3.5 w-3.5" }),
 						"Started ",
-						n(e.startedAt)
+						a(e.startedAt)
 					]
-				}), e.endedAt && /* @__PURE__ */ k("span", {
+				}), e.endedAt && /* @__PURE__ */ N("span", {
 					className: "inline-flex items-center gap-1",
 					children: [
-						/* @__PURE__ */ O(_, { className: "h-3.5 w-3.5" }),
+						/* @__PURE__ */ M(b, { className: "h-3.5 w-3.5" }),
 						"Ended ",
-						n(e.endedAt)
+						a(e.endedAt)
 					]
 				})]
 			}),
-			l.length > 0 && /* @__PURE__ */ O("div", {
+			f.length > 0 && /* @__PURE__ */ M("div", {
 				className: "mt-auto flex flex-wrap gap-2 pt-1",
-				children: l.map((t) => /* @__PURE__ */ O(A, {
+				children: f.map((t) => /* @__PURE__ */ M(P, {
 					size: "sm",
 					variant: t.primary ? void 0 : "outline",
-					disabled: i,
-					onClick: () => a(e.id, t.to),
+					disabled: s,
+					onClick: () => c(e.id, t.to),
 					children: t.label
 				}, t.to))
 			}),
-			u && /* @__PURE__ */ k("div", {
-				className: `border-t border-border-seam pt-3 ${l.length === 0 ? "mt-auto" : ""}`,
-				children: [/* @__PURE__ */ k("button", {
+			p && /* @__PURE__ */ N("div", {
+				className: `border-t border-border-seam pt-3 ${f.length === 0 ? "mt-auto" : ""}`,
+				children: [/* @__PURE__ */ N("button", {
 					type: "button",
-					onClick: () => p((e) => !e),
-					"aria-expanded": d,
+					onClick: () => g((e) => !e),
+					"aria-expanded": m,
 					className: "inline-flex items-center gap-1.5 text-sm font-medium text-accent hover:underline",
 					children: [
-						/* @__PURE__ */ O(w, { className: "h-4 w-4" }),
-						d ? "Hide discussion" : "Discussion",
-						O(d ? b : y, { className: "h-4 w-4" })
+						/* @__PURE__ */ M(D, { className: "h-4 w-4" }),
+						m ? "Hide discussion" : "Discussion",
+						M(m ? C : S, { className: "h-4 w-4" })
 					]
-				}), d && /* @__PURE__ */ O("div", {
-					className: "mt-3",
-					children: /* @__PURE__ */ O(f, {
-						entityType: "mybodyshield-coaching",
-						entityId: e.id,
-						title: "Coaching discussion",
-						description: "A private thread between the coach and member."
-					})
+				}), /* @__PURE__ */ M(t, {
+					initial: !1,
+					children: m && /* @__PURE__ */ M(n.div, {
+						initial: _ ? !1 : {
+							opacity: 0,
+							height: 0
+						},
+						animate: {
+							opacity: 1,
+							height: "auto"
+						},
+						exit: _ ? { opacity: 0 } : {
+							opacity: 0,
+							height: 0
+						},
+						transition: _ ? { duration: 0 } : {
+							duration: .25,
+							ease: K
+						},
+						className: "overflow-hidden",
+						children: /* @__PURE__ */ M("div", {
+							className: "mt-3",
+							children: /* @__PURE__ */ M(h, {
+								entityType: "mybodyshield-coaching",
+								entityId: e.id,
+								title: "Coaching discussion",
+								description: "A private thread between the coach and member."
+							})
+						})
+					}, "discussion")
 				})]
 			})
 		]
 	});
 }
-function Y() {
-	let { currentUser: n } = e(), [r, s] = h("ALL"), [l, f] = h(!1), [p, g] = h(null), [_, v] = h(null), y = c(), b = u(), x = y.data ?? [], C = m(() => {
+function ne() {
+	let { currentUser: t } = e(), a = r(), [o, u] = v("ALL"), [f, h] = v(!1), [g, y] = v(null), [b, x] = v(null), S = d(), C = p(), w = S.data ?? [], E = _(() => {
 		let e = {
 			PENDING: 0,
 			ACTIVE: 0,
 			PAUSED: 0,
 			ENDED: 0
 		};
-		for (let t of x) e[t.status] += 1;
+		for (let t of w) e[t.status] += 1;
 		return e;
-	}, [x]), w = m(() => [{
+	}, [w]), D = _(() => [{
 		value: "ALL",
 		label: "All",
-		count: x.length
-	}, ...V.map((e) => ({
+		count: w.length
+	}, ...G.map((e) => ({
 		value: e,
 		label: e.charAt(0) + e.slice(1).toLowerCase(),
-		count: C[e]
-	}))], [x.length, C]), T = m(() => r === "ALL" ? x : x.filter((e) => e.status === r), [x, r]), D = async (e, t) => {
-		g(e), v(null);
+		count: E[e]
+	}))], [w.length, E]), O = _(() => o === "ALL" ? w : w.filter((e) => e.status === o), [w, o]), A = async (e, t) => {
+		y(e), x(null);
 		try {
-			await b.mutateAsync({
+			await C.mutateAsync({
 				id: e,
 				status: t
 			});
 		} catch (e) {
-			v(e instanceof Error ? e.message : "Failed to update the relationship.");
+			x(e instanceof Error ? e.message : "Failed to update the relationship.");
 		} finally {
-			g(null);
+			y(null);
 		}
-	}, j = y.isLoading && !y.data;
-	return /* @__PURE__ */ k(t, {
+	}, j = S.isLoading && !S.data;
+	return /* @__PURE__ */ N(i, {
 		title: "Coaching",
 		description: "Coach ↔ member relationships and what's shared.",
-		actions: /* @__PURE__ */ k(A, {
-			onClick: () => f(!0),
-			children: [/* @__PURE__ */ O(E, { className: "mr-2 h-4 w-4" }), "New coaching"]
+		actions: /* @__PURE__ */ N(P, {
+			onClick: () => h(!0),
+			children: [/* @__PURE__ */ M(k, { className: "mr-2 h-4 w-4" }), "New coaching"]
 		}),
 		children: [
-			/* @__PURE__ */ O("div", {
+			/* @__PURE__ */ M("div", {
 				className: "mb-6",
-				children: /* @__PURE__ */ O(d, {
-					options: w,
-					value: r,
-					onChange: s
+				children: /* @__PURE__ */ M(m, {
+					options: D,
+					value: o,
+					onChange: u
 				})
 			}),
-			_ && /* @__PURE__ */ O("p", {
+			b && /* @__PURE__ */ M("p", {
 				className: "mb-4 rounded-lg bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text",
-				children: _
+				children: b
 			}),
-			j ? /* @__PURE__ */ O(a, { label: "Loading coaching relationships…" }) : y.isError ? /* @__PURE__ */ O(i, {
+			j ? /* @__PURE__ */ M(c, { label: "Loading coaching relationships…" }) : S.isError ? /* @__PURE__ */ M(s, {
 				message: "We couldn't load your coaching relationships.",
-				onRetry: () => void y.refetch()
-			}) : T.length === 0 ? /* @__PURE__ */ O(o, {
+				onRetry: () => void S.refetch()
+			}) : O.length === 0 ? /* @__PURE__ */ M(l, {
 				illustration: "empty-data",
-				icon: /* @__PURE__ */ O(S, { className: "h-10 w-10" }),
-				title: x.length === 0 ? "No coaching relationships" : "No relationships match this filter",
-				description: x.length === 0 ? "Connect a coach and a member to start sharing training, nutrition and progress data." : "Try a different status filter, or create a new coaching relationship.",
-				action: /* @__PURE__ */ k(A, {
-					onClick: () => f(!0),
-					children: [/* @__PURE__ */ O(E, { className: "mr-2 h-4 w-4" }), "New coaching"]
+				icon: /* @__PURE__ */ M(T, { className: "h-10 w-10" }),
+				title: w.length === 0 ? "No coaching relationships" : "No relationships match this filter",
+				description: w.length === 0 ? "Connect a coach and a member to start sharing training, nutrition and progress data." : "Try a different status filter, or create a new coaching relationship.",
+				action: /* @__PURE__ */ N(P, {
+					onClick: () => h(!0),
+					children: [/* @__PURE__ */ M(k, { className: "mr-2 h-4 w-4" }), "New coaching"]
 				})
-			}) : /* @__PURE__ */ O("div", {
+			}) : /* @__PURE__ */ M(n.div, {
 				className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
-				children: T.map((e) => /* @__PURE__ */ O(J, {
-					relationship: e,
-					currentUserId: n?.id,
-					busy: p === e.id,
-					onTransition: (e, t) => void D(e, t)
+				variants: a ? void 0 : q,
+				initial: a ? !1 : "hidden",
+				animate: "show",
+				children: O.map((e) => /* @__PURE__ */ M(n.div, {
+					className: "h-full",
+					variants: a ? void 0 : J,
+					children: /* @__PURE__ */ M(te, {
+						relationship: e,
+						currentUserId: t?.id,
+						busy: g === e.id,
+						onTransition: (e, t) => void A(e, t)
+					})
 				}, e.id))
 			}),
-			/* @__PURE__ */ O(K, {
-				open: l,
-				onOpenChange: f,
+			/* @__PURE__ */ M(ee, {
+				open: f,
+				onOpenChange: h,
 				defaultMember: {
-					userId: n?.id ?? "",
-					displayName: n?.name || n?.email || ""
+					userId: t?.id ?? "",
+					displayName: t?.name || t?.email || ""
 				}
 			})
 		]
 	});
 }
 //#endregion
-export { Y as CoachingPage };
+export { ne as CoachingPage };
 
 //# sourceMappingURL=CoachingPage.js.map