@burdenoff/microfe-mybodyshield 2026.821.2 → 2026.827.1

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

@@ -3,37 +3,37 @@ 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 { EmptyState as i } from "../../components/EmptyState.js";
-import { ErrorView as a, LoadingView as o } from "../../components/StateViews.js";
-import { FilterTabs as s } from "../../components/FilterTabs.js";
+import { ErrorView as a, LoadingView as o, Section as s } from "../../components/StateViews.js";
+import { FilterTabs as c } from "../../components/FilterTabs.js";
 import "../../context/index.js";
-import { useMybCoaching as c, useMybCreateCoaching as l, useMybTransitionCoaching as u } from "../../hooks/useMyBodyShieldApi.js";
+import { useMybCoaching as l, useMybCreateCoaching as u, useMybTransitionCoaching as d } from "../../hooks/useMyBodyShieldApi.js";
 import "../../hooks/index.js";
-import { MybDiscussion as d } from "../../components/MybDiscussion.js";
-import { UserSearchSelect as f } from "../../components/UserSearchSelect.js";
+import { MybDiscussion as f } from "../../components/MybDiscussion.js";
+import { UserSearchSelect as p } from "../../components/UserSearchSelect.js";
 import "../../components/index.js";
-import { AnimatePresence as p } from "../../../node_modules/framer-motion/dist/es/components/AnimatePresence/index.js";
-import { motion as m } from "../../../node_modules/framer-motion/dist/es/render/components/motion/proxy.js";
-import { useReducedMotion as h } from "../../../node_modules/framer-motion/dist/es/utils/reduced-motion/use-reduced-motion.js";
-import { IconChip as g } from "../_shared/visuals.js";
-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";
+import { AnimatePresence as m } from "../../../node_modules/framer-motion/dist/es/components/AnimatePresence/index.js";
+import { motion as h } from "../../../node_modules/framer-motion/dist/es/render/components/motion/proxy.js";
+import { useReducedMotion as g } from "../../../node_modules/framer-motion/dist/es/utils/reduced-motion/use-reduced-motion.js";
+import { IconChip as _ } from "../_shared/visuals.js";
+import { useMemo as v, useState as y } from "react";
+import { CalendarClock as b, CalendarX as x, Check as S, ChevronDown as C, ChevronUp as w, Dumbbell as T, EyeOff as E, FileLock2 as D, HeartHandshake as O, LineChart as k, Lock as A, MessageSquare as j, Minus as ee, Plus as M, Salad as te, ScanEye as ne, ShieldCheck as re, User as N } from "lucide-react";
+import { jsx as P, jsxs as F } from "react/jsx-runtime";
+import { Button as I, GlassCard as L, Input as ie, Label as R, ResponsiveDialog as z, ResponsiveDialogContent as B, ResponsiveDialogDescription as V, ResponsiveDialogFooter as H, ResponsiveDialogHeader as U, ResponsiveDialogTitle as W, Switch as G } from "@burdenoff/fe-libs/ui";
 //#region src/mybodyshield/pages/coaching/CoachingPage.tsx
-var G = [
+var K = [
 	"PENDING",
 	"ACTIVE",
 	"PAUSED",
 	"ENDED"
-], K = [
+], q = [
 	.16,
 	1,
 	.3,
 	1
-], q = {
+], J = {
 	hidden: {},
 	show: { transition: { staggerChildren: .06 } }
-}, J = {
+}, ae = {
 	hidden: {
 		opacity: 0,
 		y: 12
@@ -43,14 +43,18 @@ var G = [
 		y: 0,
 		transition: {
 			duration: .35,
-			ease: K
+			ease: q
 		}
 	}
-}, Y = {
+}, oe = {
 	PENDING: [{
 		to: "ACTIVE",
 		label: "Accept",
 		primary: !0
+	}, {
+		to: "ENDED",
+		label: "End request",
+		primary: !1
 	}],
 	ACTIVE: [{
 		to: "PAUSED",
@@ -71,11 +75,42 @@ var G = [
 		primary: !1
 	}],
 	ENDED: []
-};
-function X(e) {
+}, se = {
+	PENDING: "Nothing is shared yet. The other party has to accept this request — the person who sent it cannot accept it themselves.",
+	ACTIVE: "The coach can read the categories marked On. Pausing or ending this revokes that access on the next request.",
+	PAUSED: "Sharing is suspended while paused. Resuming restores exactly the scope above.",
+	ENDED: "Access was revoked when this relationship ended."
+}, ce = [
+	{
+		icon: ne,
+		title: "Checked on every read",
+		detail: "Each request re-checks the relationship and the matching switch. Access is not granted once and cached for the session."
+	},
+	{
+		icon: E,
+		title: "Refusals look like \"not found\"",
+		detail: "Asking for data you have not shared returns not-found, never \"forbidden\" — so nobody can use the error to confirm a record exists."
+	},
+	{
+		icon: A,
+		title: "Health values are encrypted at rest",
+		detail: "Body metrics, recovery scores, sleep hours and free-text notes are stored encrypted and decrypted only when returned to someone allowed to read them."
+	},
+	{
+		icon: D,
+		title: "Health fields are redacted from the audit log",
+		detail: "Every mutation is audited, but weights, scores, macros and notes are replaced with a redaction marker before the entry leaves this service."
+	},
+	{
+		icon: re,
+		title: "Scope is fixed for the life of the relationship",
+		detail: "The three switches are chosen when the relationship is created. To change them, end this one and create a new relationship with the scope you want."
+	}
+];
+function Y(e) {
 	return e.length <= 10 ? e : `${e.slice(0, 8)}…`;
 }
-function Z(e) {
+function X(e) {
 	return {
 		memberId: e.userId,
 		memberName: e.displayName,
@@ -87,30 +122,30 @@ function Z(e) {
 		shareMetrics: !0
 	};
 }
-function Q({ id: e, label: t, description: n, checked: r, onChange: i }) {
-	return /* @__PURE__ */ N("div", {
+function Z({ id: e, label: t, description: n, checked: r, onChange: i }) {
+	return /* @__PURE__ */ F("div", {
 		className: "flex items-center justify-between gap-4 rounded-xl bg-bg-sunken/60 p-3",
-		children: [/* @__PURE__ */ N("div", {
+		children: [/* @__PURE__ */ F("div", {
 			className: "min-w-0",
-			children: [/* @__PURE__ */ M(L, {
+			children: [/* @__PURE__ */ P(R, {
 				htmlFor: e,
 				className: "cursor-pointer",
 				children: t
-			}), /* @__PURE__ */ M("p", {
+			}), /* @__PURE__ */ P("p", {
 				className: "text-xs text-text-tertiary",
 				children: n
 			})]
-		}), /* @__PURE__ */ M(W, {
+		}), /* @__PURE__ */ P(G, {
 			id: e,
 			checked: r,
 			onCheckedChange: i
 		})]
 	});
 }
-function ee({ open: e, onOpenChange: t, defaultMember: n }) {
-	let r = l(), [i, a] = v(() => Z(n)), [o, s] = v(null), c = (e) => {
-		e || (a(Z(n)), s(null)), t(e);
-	}, u = async () => {
+function le({ open: e, onOpenChange: t, defaultMember: n }) {
+	let r = u(), [i, a] = y(() => X(n)), [o, s] = y(null), c = (e) => {
+		e || (a(X(n)), s(null)), t(e);
+	}, l = async () => {
 		let e = i.coachId.trim(), o = i.memberId.trim();
 		if (!e) {
 			s("Coach user id is required.");
@@ -130,25 +165,25 @@ function ee({ open: e, onOpenChange: t, defaultMember: n }) {
 			shareMetrics: i.shareMetrics
 		};
 		try {
-			await r.mutateAsync(c), a(Z(n)), t(!1);
+			await r.mutateAsync(c), a(X(n)), t(!1);
 		} catch (e) {
 			s(e instanceof Error ? e.message : "Failed to create coaching relationship.");
 		}
 	};
-	return /* @__PURE__ */ M(R, {
+	return /* @__PURE__ */ P(z, {
 		open: e,
 		onOpenChange: c,
-		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", {
+		children: /* @__PURE__ */ F(B, { children: [/* @__PURE__ */ F(U, { children: [/* @__PURE__ */ P(W, { children: "New coaching" }), /* @__PURE__ */ P(V, { children: "Link a coach and member, and choose exactly what training, nutrition and progress data is shared." })] }), /* @__PURE__ */ F("form", {
 			className: "space-y-4",
 			onSubmit: (e) => {
-				e.preventDefault(), u();
+				e.preventDefault(), l();
 			},
 			children: [
-				o && /* @__PURE__ */ M("p", {
+				o && /* @__PURE__ */ P("p", {
 					className: "rounded-lg bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text",
 					children: o
 				}),
-				/* @__PURE__ */ M(f, {
+				/* @__PURE__ */ P(p, {
 					label: "Coach",
 					required: !0,
 					htmlId: "myb-coaching-coach",
@@ -160,7 +195,7 @@ function ee({ open: e, onOpenChange: t, defaultMember: n }) {
 						coachName: t
 					}))
 				}),
-				/* @__PURE__ */ M(f, {
+				/* @__PURE__ */ P(p, {
 					label: "Member",
 					htmlId: "myb-coaching-member",
 					userId: i.memberId,
@@ -171,12 +206,12 @@ function ee({ open: e, onOpenChange: t, defaultMember: n }) {
 						memberName: t
 					}))
 				}),
-				/* @__PURE__ */ N("div", {
+				/* @__PURE__ */ F("div", {
 					className: "space-y-2",
-					children: [/* @__PURE__ */ M(L, {
+					children: [/* @__PURE__ */ P(R, {
 						htmlFor: "myb-coaching-specialty",
 						children: "Specialty"
-					}), /* @__PURE__ */ M(I, {
+					}), /* @__PURE__ */ P(ie, {
 						id: "myb-coaching-specialty",
 						value: i.specialty,
 						onChange: (e) => a((t) => ({
@@ -186,14 +221,14 @@ function ee({ open: e, onOpenChange: t, defaultMember: n }) {
 						placeholder: "e.g., Strength & conditioning"
 					})]
 				}),
-				/* @__PURE__ */ N("div", {
+				/* @__PURE__ */ F("div", {
 					className: "space-y-2",
 					children: [
-						/* @__PURE__ */ M("p", {
+						/* @__PURE__ */ P("p", {
 							className: "text-sm font-medium text-text-primary",
 							children: "Shared with the coach"
 						}),
-						/* @__PURE__ */ M(Q, {
+						/* @__PURE__ */ P(Z, {
 							id: "myb-coaching-share-workouts",
 							label: "Workouts",
 							description: "Programs, sessions and logged sets.",
@@ -203,7 +238,7 @@ function ee({ open: e, onOpenChange: t, defaultMember: n }) {
 								shareWorkouts: e
 							}))
 						}),
-						/* @__PURE__ */ M(Q, {
+						/* @__PURE__ */ P(Z, {
 							id: "myb-coaching-share-nutrition",
 							label: "Nutrition",
 							description: "Plans, meals and daily macros.",
@@ -213,7 +248,7 @@ function ee({ open: e, onOpenChange: t, defaultMember: n }) {
 								shareNutrition: e
 							}))
 						}),
-						/* @__PURE__ */ M(Q, {
+						/* @__PURE__ */ P(Z, {
 							id: "myb-coaching-share-metrics",
 							label: "Metrics",
 							description: "Body metrics and recovery logs.",
@@ -225,13 +260,13 @@ function ee({ open: e, onOpenChange: t, defaultMember: n }) {
 						})
 					]
 				}),
-				/* @__PURE__ */ N(V, { children: [/* @__PURE__ */ M(P, {
+				/* @__PURE__ */ F(H, { children: [/* @__PURE__ */ P(I, {
 					type: "button",
 					variant: "outline",
 					onClick: () => c(!1),
 					disabled: r.isPending,
 					children: "Cancel"
-				}), /* @__PURE__ */ M(P, {
+				}), /* @__PURE__ */ P(I, {
 					type: "submit",
 					disabled: r.isPending,
 					children: r.isPending ? "Creating…" : "Create coaching"
@@ -240,22 +275,22 @@ function ee({ open: e, onOpenChange: t, defaultMember: n }) {
 		})] })
 	});
 }
-function $({ label: e, icon: t, on: n }) {
-	let r = t, i = n ? x : O;
-	return /* @__PURE__ */ N("span", {
+function Q({ label: e, icon: t, on: n }) {
+	let r = t, i = n ? S : ee;
+	return /* @__PURE__ */ F("span", {
 		"aria-label": `${e} ${n ? "shared" : "not shared"}`,
 		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__ */ M("span", {
+			/* @__PURE__ */ P("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" })
+				children: /* @__PURE__ */ P(i, { className: "h-2.5 w-2.5" })
 			}),
-			/* @__PURE__ */ M(r, {
+			/* @__PURE__ */ P(r, {
 				className: "h-3 w-3",
 				"aria-hidden": "true"
 			}),
-			/* @__PURE__ */ N("span", { children: [
+			/* @__PURE__ */ F("span", { children: [
 				e,
 				" · ",
 				n ? "On" : "Off"
@@ -263,108 +298,114 @@ function $({ label: e, icon: t, on: n }) {
 		]
 	});
 }
-function te({ relationship: e, currentUserId: t, busy: i, onTransition: a }) {
-	let o = !!t && e.coachId === t, s = !!t && e.memberId === t, c = Y[e.status], l = e.status === "ACTIVE" || e.status === "PAUSED", [u, f] = v(!1), _ = h();
-	return /* @__PURE__ */ N(F, {
+function $({ relationship: e, currentUserId: t, busy: i, onTransition: a }) {
+	let o = !!t && e.coachId === t, s = !!t && e.memberId === t, c = oe[e.status], l = e.status === "ACTIVE" || e.status === "PAUSED", [u, d] = y(!1), p = g();
+	return /* @__PURE__ */ F(L, {
 		treatment: "glass",
 		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__ */ N("div", {
+			/* @__PURE__ */ F("div", {
 				className: "flex items-start justify-between gap-3",
-				children: [/* @__PURE__ */ N("div", {
+				children: [/* @__PURE__ */ F("div", {
 					className: "flex min-w-0 items-start gap-3",
-					children: [/* @__PURE__ */ M(g, { icon: /* @__PURE__ */ M(T, { className: "h-4 w-4" }) }), /* @__PURE__ */ N("div", {
+					children: [/* @__PURE__ */ P(_, { icon: /* @__PURE__ */ P(O, { className: "h-4 w-4" }) }), /* @__PURE__ */ F("div", {
 						className: "min-w-0",
-						children: [/* @__PURE__ */ M("p", {
+						children: [/* @__PURE__ */ P("p", {
 							className: "truncate text-sm font-semibold text-text-primary",
 							children: e.specialty?.trim() || "Coaching relationship"
-						}), /* @__PURE__ */ M("p", {
+						}), /* @__PURE__ */ P("p", {
 							className: "text-xs text-text-tertiary",
 							children: "Coach ↔ member"
 						})]
 					})]
-				}), /* @__PURE__ */ M(r, { status: e.status })]
+				}), /* @__PURE__ */ P(r, { status: e.status })]
 			}),
-			/* @__PURE__ */ N("div", {
+			/* @__PURE__ */ F("div", {
 				className: "grid grid-cols-2 gap-3",
-				children: [/* @__PURE__ */ N("div", {
+				children: [/* @__PURE__ */ F("div", {
 					className: "flex items-center gap-2.5 rounded-lg bg-bg-sunken/60 p-2.5",
-					children: [/* @__PURE__ */ M("span", {
+					children: [/* @__PURE__ */ P("span", {
 						"aria-hidden": "true",
 						className: `flex size-8 shrink-0 items-center justify-center rounded-full ring-1 ring-inset ${o ? "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", {
+						children: /* @__PURE__ */ P(N, { className: "h-4 w-4" })
+					}), /* @__PURE__ */ F("div", {
 						className: "min-w-0",
-						children: [/* @__PURE__ */ M("p", {
+						children: [/* @__PURE__ */ P("p", {
 							className: "text-[11px] font-medium uppercase tracking-wide text-text-tertiary",
 							children: "Coach"
-						}), /* @__PURE__ */ M("p", {
+						}), /* @__PURE__ */ P("p", {
 							className: "mt-0.5 truncate text-sm font-medium text-text-primary",
 							title: e.coachId,
-							children: o ? "You" : `#${X(e.coachId)}`
+							children: o ? "You" : `#${Y(e.coachId)}`
 						})]
 					})]
-				}), /* @__PURE__ */ N("div", {
+				}), /* @__PURE__ */ F("div", {
 					className: "flex items-center gap-2.5 rounded-lg bg-bg-sunken/60 p-2.5",
-					children: [/* @__PURE__ */ M("span", {
+					children: [/* @__PURE__ */ P("span", {
 						"aria-hidden": "true",
 						className: `flex size-8 shrink-0 items-center justify-center rounded-full ring-1 ring-inset ${s ? "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", {
+						children: /* @__PURE__ */ P(N, { className: "h-4 w-4" })
+					}), /* @__PURE__ */ F("div", {
 						className: "min-w-0",
-						children: [/* @__PURE__ */ M("p", {
+						children: [/* @__PURE__ */ P("p", {
 							className: "text-[11px] font-medium uppercase tracking-wide text-text-tertiary",
 							children: "Member"
-						}), /* @__PURE__ */ M("p", {
+						}), /* @__PURE__ */ P("p", {
 							className: "mt-0.5 truncate text-sm font-medium text-text-primary",
 							title: e.memberId,
-							children: s ? "You" : `#${X(e.memberId)}`
+							children: s ? "You" : `#${Y(e.memberId)}`
 						})]
 					})]
 				})]
 			}),
-			/* @__PURE__ */ N("div", {
-				className: "flex flex-wrap gap-1.5",
-				children: [
-					/* @__PURE__ */ M($, {
-						label: "Workouts",
-						icon: w,
-						on: e.shareWorkouts
-					}),
-					/* @__PURE__ */ M($, {
-						label: "Nutrition",
-						icon: A,
-						on: e.shareNutrition
-					}),
-					/* @__PURE__ */ M($, {
-						label: "Metrics",
-						icon: E,
-						on: e.shareMetrics
-					})
-				]
+			/* @__PURE__ */ F("div", {
+				className: "space-y-2",
+				children: [/* @__PURE__ */ F("div", {
+					className: "flex flex-wrap gap-1.5",
+					children: [
+						/* @__PURE__ */ P(Q, {
+							label: "Workouts",
+							icon: T,
+							on: e.shareWorkouts
+						}),
+						/* @__PURE__ */ P(Q, {
+							label: "Nutrition",
+							icon: te,
+							on: e.shareNutrition
+						}),
+						/* @__PURE__ */ P(Q, {
+							label: "Metrics",
+							icon: k,
+							on: e.shareMetrics
+						})
+					]
+				}), /* @__PURE__ */ P("p", {
+					className: "text-xs leading-relaxed text-text-tertiary",
+					children: se[e.status]
+				})]
 			}),
-			(e.startedAt || e.endedAt) && /* @__PURE__ */ N("div", {
+			(e.startedAt || e.endedAt) && /* @__PURE__ */ F("div", {
 				className: "flex flex-wrap items-center gap-x-4 gap-y-1 text-xs text-text-tertiary",
-				children: [e.startedAt && /* @__PURE__ */ N("span", {
+				children: [e.startedAt && /* @__PURE__ */ F("span", {
 					className: "inline-flex items-center gap-1",
 					children: [
-						/* @__PURE__ */ M(y, { className: "h-3.5 w-3.5" }),
+						/* @__PURE__ */ P(b, { className: "h-3.5 w-3.5" }),
 						"Started ",
 						n(e.startedAt)
 					]
-				}), e.endedAt && /* @__PURE__ */ N("span", {
+				}), e.endedAt && /* @__PURE__ */ F("span", {
 					className: "inline-flex items-center gap-1",
 					children: [
-						/* @__PURE__ */ M(b, { className: "h-3.5 w-3.5" }),
+						/* @__PURE__ */ P(x, { className: "h-3.5 w-3.5" }),
 						"Ended ",
 						n(e.endedAt)
 					]
 				})]
 			}),
-			c.length > 0 && /* @__PURE__ */ M("div", {
+			c.length > 0 && /* @__PURE__ */ P("div", {
 				className: "mt-auto flex flex-wrap gap-2 pt-1",
-				children: c.map((t) => /* @__PURE__ */ M(P, {
+				children: c.map((t) => /* @__PURE__ */ P(I, {
 					size: "sm",
 					variant: t.primary ? void 0 : "outline",
 					disabled: i,
@@ -372,22 +413,22 @@ function te({ relationship: e, currentUserId: t, busy: i, onTransition: a }) {
 					children: t.label
 				}, t.to))
 			}),
-			l && /* @__PURE__ */ N("div", {
+			l && /* @__PURE__ */ F("div", {
 				className: `border-t border-border-seam pt-3 ${c.length === 0 ? "mt-auto" : ""}`,
-				children: [/* @__PURE__ */ N("button", {
+				children: [/* @__PURE__ */ F("button", {
 					type: "button",
-					onClick: () => f((e) => !e),
+					onClick: () => d((e) => !e),
 					"aria-expanded": u,
 					className: "inline-flex items-center gap-1.5 text-sm font-medium text-accent hover:underline",
 					children: [
-						/* @__PURE__ */ M(D, { className: "h-4 w-4" }),
+						/* @__PURE__ */ P(j, { className: "h-4 w-4" }),
 						u ? "Hide discussion" : "Discussion",
-						M(u ? C : S, { className: "h-4 w-4" })
+						P(u ? w : C, { className: "h-4 w-4" })
 					]
-				}), /* @__PURE__ */ M(p, {
+				}), /* @__PURE__ */ P(m, {
 					initial: !1,
-					children: u && /* @__PURE__ */ M(m.div, {
-						initial: _ ? !1 : {
+					children: u && /* @__PURE__ */ P(h.div, {
+						initial: p ? !1 : {
 							opacity: 0,
 							height: 0
 						},
@@ -395,18 +436,18 @@ function te({ relationship: e, currentUserId: t, busy: i, onTransition: a }) {
 							opacity: 1,
 							height: "auto"
 						},
-						exit: _ ? { opacity: 0 } : {
+						exit: p ? { opacity: 0 } : {
 							opacity: 0,
 							height: 0
 						},
-						transition: _ ? { duration: 0 } : {
+						transition: p ? { duration: 0 } : {
 							duration: .25,
-							ease: K
+							ease: q
 						},
 						className: "overflow-hidden",
-						children: /* @__PURE__ */ M("div", {
+						children: /* @__PURE__ */ P("div", {
 							className: "mt-3",
-							children: /* @__PURE__ */ M(d, {
+							children: /* @__PURE__ */ P(f, {
 								entityType: "mybodyshield-coaching",
 								entityId: e.id,
 								title: "Coaching discussion",
@@ -419,8 +460,37 @@ function te({ relationship: e, currentUserId: t, busy: i, onTransition: a }) {
 		]
 	});
 }
-function ne() {
-	let { currentUser: n } = e(), r = h(), [l, d] = v("ALL"), [f, p] = v(!1), [g, y] = v(null), [b, x] = v(null), S = c(), C = u(), w = S.data?.items ?? [], E = _(() => {
+function ue() {
+	return /* @__PURE__ */ P(s, {
+		title: "How sharing is enforced",
+		description: "Private by default — a coach only ever sees the categories you switched on, for as long as the relationship is active.",
+		children: /* @__PURE__ */ P(L, {
+			treatment: "plain",
+			className: "p-5",
+			children: /* @__PURE__ */ P("ul", {
+				className: "grid gap-4 sm:grid-cols-2",
+				children: ce.map((e) => {
+					let t = e.icon;
+					return /* @__PURE__ */ F("li", {
+						className: "flex items-start gap-3",
+						children: [/* @__PURE__ */ P(_, { icon: /* @__PURE__ */ P(t, { className: "h-4 w-4" }) }), /* @__PURE__ */ F("div", {
+							className: "min-w-0",
+							children: [/* @__PURE__ */ P("p", {
+								className: "text-sm font-medium text-text-primary",
+								children: e.title
+							}), /* @__PURE__ */ P("p", {
+								className: "mt-0.5 text-xs leading-relaxed text-text-secondary",
+								children: e.detail
+							})]
+						})]
+					}, e.title);
+				})
+			})
+		})
+	});
+}
+function de() {
+	let { currentUser: n } = e(), r = g(), [s, u] = y("ALL"), [f, p] = y(!1), [m, _] = y(null), [b, x] = y(null), S = l(), C = d(), w = S.data?.items ?? [], T = v(() => {
 		let e = {
 			PENDING: 0,
 			ACTIVE: 0,
@@ -429,16 +499,16 @@ function ne() {
 		};
 		for (let t of w) e[t.status] += 1;
 		return e;
-	}, [w]), D = _(() => [{
+	}, [w]), E = v(() => [{
 		value: "ALL",
 		label: "All",
 		count: w.length
-	}, ...G.map((e) => ({
+	}, ...K.map((e) => ({
 		value: e,
 		label: e.charAt(0) + e.slice(1).toLowerCase(),
-		count: E[e]
-	}))], [w.length, E]), O = _(() => l === "ALL" ? w : w.filter((e) => e.status === l), [w, l]), A = async (e, t) => {
-		y(e), x(null);
+		count: T[e]
+	}))], [w.length, T]), D = v(() => s === "ALL" ? w : w.filter((e) => e.status === s), [w, s]), k = async (e, t) => {
+		_(e), x(null);
 		try {
 			await C.mutateAsync({
 				id: e,
@@ -447,58 +517,59 @@ function ne() {
 		} catch (e) {
 			x(e instanceof Error ? e.message : "Failed to update the relationship.");
 		} finally {
-			y(null);
+			_(null);
 		}
-	}, j = S.isLoading && !S.data;
-	return /* @__PURE__ */ N(t, {
+	}, A = S.isLoading && !S.data;
+	return /* @__PURE__ */ F(t, {
 		title: "Coaching",
 		description: "Coach ↔ member relationships and what's shared.",
-		actions: /* @__PURE__ */ N(P, {
+		actions: /* @__PURE__ */ F(I, {
 			onClick: () => p(!0),
-			children: [/* @__PURE__ */ M(k, { className: "mr-2 h-4 w-4" }), "New coaching"]
+			children: [/* @__PURE__ */ P(M, { className: "mr-2 h-4 w-4" }), "New coaching"]
 		}),
 		children: [
-			/* @__PURE__ */ M("div", {
+			/* @__PURE__ */ P("div", {
 				className: "mb-6",
-				children: /* @__PURE__ */ M(s, {
-					options: D,
-					value: l,
-					onChange: d
+				children: /* @__PURE__ */ P(c, {
+					options: E,
+					value: s,
+					onChange: u
 				})
 			}),
-			b && /* @__PURE__ */ M("p", {
+			b && /* @__PURE__ */ P("p", {
 				className: "mb-4 rounded-lg bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text",
 				children: b
 			}),
-			j ? /* @__PURE__ */ M(o, { label: "Loading coaching relationships…" }) : S.isError ? /* @__PURE__ */ M(a, {
+			A ? /* @__PURE__ */ P(o, { label: "Loading coaching relationships…" }) : S.isError ? /* @__PURE__ */ P(a, {
 				message: "We couldn't load your coaching relationships.",
 				onRetry: () => void S.refetch()
-			}) : O.length === 0 ? /* @__PURE__ */ M(i, {
+			}) : D.length === 0 ? /* @__PURE__ */ P(i, {
 				illustration: "empty-data",
-				icon: /* @__PURE__ */ M(T, { className: "h-10 w-10" }),
+				icon: /* @__PURE__ */ P(O, { 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, {
+				action: /* @__PURE__ */ F(I, {
 					onClick: () => p(!0),
-					children: [/* @__PURE__ */ M(k, { className: "mr-2 h-4 w-4" }), "New coaching"]
+					children: [/* @__PURE__ */ P(M, { className: "mr-2 h-4 w-4" }), "New coaching"]
 				})
-			}) : /* @__PURE__ */ M(m.div, {
+			}) : /* @__PURE__ */ P(h.div, {
 				className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
-				variants: r ? void 0 : q,
+				variants: r ? void 0 : J,
 				initial: r ? !1 : "hidden",
 				animate: "show",
-				children: O.map((e) => /* @__PURE__ */ M(m.div, {
+				children: D.map((e) => /* @__PURE__ */ P(h.div, {
 					className: "h-full",
-					variants: r ? void 0 : J,
-					children: /* @__PURE__ */ M(te, {
+					variants: r ? void 0 : ae,
+					children: /* @__PURE__ */ P($, {
 						relationship: e,
 						currentUserId: n?.id,
-						busy: g === e.id,
-						onTransition: (e, t) => void A(e, t)
+						busy: m === e.id,
+						onTransition: (e, t) => void k(e, t)
 					})
 				}, e.id))
 			}),
-			/* @__PURE__ */ M(ee, {
+			/* @__PURE__ */ P(ue, {}),
+			/* @__PURE__ */ P(le, {
 				open: f,
 				onOpenChange: p,
 				defaultMember: {
@@ -510,6 +581,6 @@ function ne() {
 	});
 }
 //#endregion
-export { ne as CoachingPage };
+export { de as CoachingPage };
 
 //# sourceMappingURL=CoachingPage.js.map