@burdenoff/microfe-mybodyshield 2026.525.1 → 2026.705.1

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

@@ -0,0 +1,422 @@
+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 "../../context/index.js";
+import { useMybCoaching as c, useMybCreateCoaching as l, useMybTransitionCoaching as u } from "../../hooks/useMyBodyShieldApi.js";
+import "../../hooks/index.js";
+import { FilterTabs as d } from "../../components/FilterTabs.js";
+import "../../components/index.js";
+import { useMemo as f, useState as p } from "react";
+import { CalendarClock as m, CalendarX as h, Dumbbell as g, HeartHandshake as _, LineChart as v, Plus as y, Salad as b } from "lucide-react";
+import { jsx as x, jsxs as S } from "react/jsx-runtime";
+import { Button as C, GlassCard as w, Input as T, Label as E, ResponsiveDialog as D, ResponsiveDialogContent as O, ResponsiveDialogDescription as k, ResponsiveDialogFooter as A, ResponsiveDialogHeader as j, ResponsiveDialogTitle as M, Switch as N } from "@burdenoff/fe-libs/ui";
+//#region src/mybodyshield/pages/coaching/CoachingPage.tsx
+var P = [
+	"PENDING",
+	"ACTIVE",
+	"PAUSED",
+	"ENDED"
+], F = {
+	PENDING: [{
+		to: "ACTIVE",
+		label: "Accept",
+		primary: !0
+	}],
+	ACTIVE: [{
+		to: "PAUSED",
+		label: "Pause",
+		primary: !1
+	}, {
+		to: "ENDED",
+		label: "End",
+		primary: !1
+	}],
+	PAUSED: [{
+		to: "ACTIVE",
+		label: "Resume",
+		primary: !0
+	}, {
+		to: "ENDED",
+		label: "End",
+		primary: !1
+	}],
+	ENDED: []
+};
+function I(e) {
+	return e.length <= 10 ? e : `${e.slice(0, 8)}…`;
+}
+function L(e) {
+	return {
+		memberId: e,
+		coachId: "",
+		specialty: "",
+		shareWorkouts: !0,
+		shareNutrition: !0,
+		shareMetrics: !0
+	};
+}
+function R({ id: e, label: t, description: n, checked: r, onChange: i }) {
+	return /* @__PURE__ */ S("div", {
+		className: "flex items-center justify-between gap-4 rounded-xl bg-bg-sunken/60 p-3",
+		children: [/* @__PURE__ */ S("div", {
+			className: "min-w-0",
+			children: [/* @__PURE__ */ x(E, {
+				htmlFor: e,
+				className: "cursor-pointer",
+				children: t
+			}), /* @__PURE__ */ x("p", {
+				className: "text-xs text-text-tertiary",
+				children: n
+			})]
+		}), /* @__PURE__ */ x(N, {
+			id: e,
+			checked: r,
+			onCheckedChange: i
+		})]
+	});
+}
+function z({ open: e, onOpenChange: t, defaultMemberId: n }) {
+	let r = l(), [i, a] = p(() => L(n)), [o, s] = p(null), c = (e) => {
+		e || (a(L(n)), s(null)), t(e);
+	}, u = async () => {
+		let e = i.coachId.trim(), o = i.memberId.trim();
+		if (!e) {
+			s("Coach user id is required.");
+			return;
+		}
+		if (!o) {
+			s("Member user id is required.");
+			return;
+		}
+		s(null);
+		let c = {
+			coachId: e,
+			memberId: o,
+			specialty: i.specialty.trim() || void 0,
+			shareWorkouts: i.shareWorkouts,
+			shareNutrition: i.shareNutrition,
+			shareMetrics: i.shareMetrics
+		};
+		try {
+			await r.mutateAsync(c), a(L(n)), t(!1);
+		} catch (e) {
+			s(e instanceof Error ? e.message : "Failed to create coaching relationship.");
+		}
+	};
+	return /* @__PURE__ */ x(D, {
+		open: e,
+		onOpenChange: c,
+		children: /* @__PURE__ */ S(O, { children: [/* @__PURE__ */ S(j, { children: [/* @__PURE__ */ x(M, { children: "New coaching" }), /* @__PURE__ */ x(k, { children: "Link a coach and member, and choose exactly what training, nutrition and progress data is shared." })] }), /* @__PURE__ */ S("form", {
+			className: "space-y-4",
+			onSubmit: (e) => {
+				e.preventDefault(), u();
+			},
+			children: [
+				o && /* @__PURE__ */ x("p", {
+					className: "rounded-lg bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text",
+					children: o
+				}),
+				/* @__PURE__ */ S("div", {
+					className: "space-y-2",
+					children: [
+						/* @__PURE__ */ x(E, {
+							htmlFor: "myb-coaching-member",
+							children: "Member"
+						}),
+						/* @__PURE__ */ x(T, {
+							id: "myb-coaching-member",
+							value: i.memberId,
+							onChange: (e) => a((t) => ({
+								...t,
+								memberId: e.target.value
+							})),
+							placeholder: "member user id"
+						}),
+						/* @__PURE__ */ x("p", {
+							className: "text-xs text-text-tertiary",
+							children: "member user id"
+						})
+					]
+				}),
+				/* @__PURE__ */ S("div", {
+					className: "space-y-2",
+					children: [
+						/* @__PURE__ */ x(E, {
+							htmlFor: "myb-coaching-coach",
+							children: "Coach"
+						}),
+						/* @__PURE__ */ x(T, {
+							id: "myb-coaching-coach",
+							value: i.coachId,
+							onChange: (e) => a((t) => ({
+								...t,
+								coachId: e.target.value
+							})),
+							placeholder: "coach user id"
+						}),
+						/* @__PURE__ */ x("p", {
+							className: "text-xs text-text-tertiary",
+							children: "coach user id"
+						})
+					]
+				}),
+				/* @__PURE__ */ S("div", {
+					className: "space-y-2",
+					children: [/* @__PURE__ */ x(E, {
+						htmlFor: "myb-coaching-specialty",
+						children: "Specialty"
+					}), /* @__PURE__ */ x(T, {
+						id: "myb-coaching-specialty",
+						value: i.specialty,
+						onChange: (e) => a((t) => ({
+							...t,
+							specialty: e.target.value
+						})),
+						placeholder: "e.g., Strength & conditioning"
+					})]
+				}),
+				/* @__PURE__ */ S("div", {
+					className: "space-y-2",
+					children: [
+						/* @__PURE__ */ x("p", {
+							className: "text-sm font-medium text-text-primary",
+							children: "Shared with the coach"
+						}),
+						/* @__PURE__ */ x(R, {
+							id: "myb-coaching-share-workouts",
+							label: "Workouts",
+							description: "Programs, sessions and logged sets.",
+							checked: i.shareWorkouts,
+							onChange: (e) => a((t) => ({
+								...t,
+								shareWorkouts: e
+							}))
+						}),
+						/* @__PURE__ */ x(R, {
+							id: "myb-coaching-share-nutrition",
+							label: "Nutrition",
+							description: "Plans, meals and daily macros.",
+							checked: i.shareNutrition,
+							onChange: (e) => a((t) => ({
+								...t,
+								shareNutrition: e
+							}))
+						}),
+						/* @__PURE__ */ x(R, {
+							id: "myb-coaching-share-metrics",
+							label: "Metrics",
+							description: "Body metrics and recovery logs.",
+							checked: i.shareMetrics,
+							onChange: (e) => a((t) => ({
+								...t,
+								shareMetrics: e
+							}))
+						})
+					]
+				}),
+				/* @__PURE__ */ S(A, { children: [/* @__PURE__ */ x(C, {
+					type: "button",
+					variant: "outline",
+					onClick: () => c(!1),
+					disabled: r.isPending,
+					children: "Cancel"
+				}), /* @__PURE__ */ x(C, {
+					type: "submit",
+					disabled: r.isPending,
+					children: r.isPending ? "Creating…" : "Create coaching"
+				})] })
+			]
+		})] })
+	});
+}
+function B({ label: e, icon: t, on: n }) {
+	return /* @__PURE__ */ S("span", {
+		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"}`,
+		children: [/* @__PURE__ */ x(t, { className: "h-3 w-3" }), e]
+	});
+}
+function V({ relationship: e, currentUserId: t, busy: i, onTransition: a }) {
+	let o = !!t && e.coachId === t, c = !!t && e.memberId === t, l = F[e.status];
+	return /* @__PURE__ */ S(w, {
+		treatment: "glass",
+		className: "flex flex-col gap-4 p-5",
+		children: [
+			/* @__PURE__ */ S("div", {
+				className: "flex items-start justify-between gap-3",
+				children: [/* @__PURE__ */ S("div", {
+					className: "flex min-w-0 items-start gap-3",
+					children: [/* @__PURE__ */ x(s, { icon: /* @__PURE__ */ x(_, { className: "h-4 w-4" }) }), /* @__PURE__ */ S("div", {
+						className: "min-w-0",
+						children: [/* @__PURE__ */ x("p", {
+							className: "truncate text-sm font-semibold text-text-primary",
+							children: e.specialty?.trim() || "Coaching relationship"
+						}), /* @__PURE__ */ x("p", {
+							className: "text-xs text-text-tertiary",
+							children: "Coach ↔ member"
+						})]
+					})]
+				}), /* @__PURE__ */ x(r, { status: e.status })]
+			}),
+			/* @__PURE__ */ S("div", {
+				className: "grid grid-cols-2 gap-3",
+				children: [/* @__PURE__ */ S("div", {
+					className: "rounded-lg bg-bg-sunken/60 p-2.5",
+					children: [/* @__PURE__ */ x("p", {
+						className: "text-[11px] font-medium uppercase tracking-wide text-text-tertiary",
+						children: "Coach"
+					}), /* @__PURE__ */ x("p", {
+						className: "mt-0.5 truncate text-sm font-medium text-text-primary",
+						title: e.coachId,
+						children: o ? "You" : `#${I(e.coachId)}`
+					})]
+				}), /* @__PURE__ */ S("div", {
+					className: "rounded-lg bg-bg-sunken/60 p-2.5",
+					children: [/* @__PURE__ */ x("p", {
+						className: "text-[11px] font-medium uppercase tracking-wide text-text-tertiary",
+						children: "Member"
+					}), /* @__PURE__ */ x("p", {
+						className: "mt-0.5 truncate text-sm font-medium text-text-primary",
+						title: e.memberId,
+						children: c ? "You" : `#${I(e.memberId)}`
+					})]
+				})]
+			}),
+			/* @__PURE__ */ S("div", {
+				className: "flex flex-wrap gap-1.5",
+				children: [
+					/* @__PURE__ */ x(B, {
+						label: "Workouts",
+						icon: g,
+						on: e.shareWorkouts
+					}),
+					/* @__PURE__ */ x(B, {
+						label: "Nutrition",
+						icon: b,
+						on: e.shareNutrition
+					}),
+					/* @__PURE__ */ x(B, {
+						label: "Metrics",
+						icon: v,
+						on: e.shareMetrics
+					})
+				]
+			}),
+			(e.startedAt || e.endedAt) && /* @__PURE__ */ S("div", {
+				className: "flex flex-wrap items-center gap-x-4 gap-y-1 text-xs text-text-tertiary",
+				children: [e.startedAt && /* @__PURE__ */ S("span", {
+					className: "inline-flex items-center gap-1",
+					children: [
+						/* @__PURE__ */ x(m, { className: "h-3.5 w-3.5" }),
+						"Started ",
+						n(e.startedAt)
+					]
+				}), e.endedAt && /* @__PURE__ */ S("span", {
+					className: "inline-flex items-center gap-1",
+					children: [
+						/* @__PURE__ */ x(h, { className: "h-3.5 w-3.5" }),
+						"Ended ",
+						n(e.endedAt)
+					]
+				})]
+			}),
+			l.length > 0 && /* @__PURE__ */ x("div", {
+				className: "mt-auto flex flex-wrap gap-2 pt-1",
+				children: l.map((t) => /* @__PURE__ */ x(C, {
+					size: "sm",
+					variant: t.primary ? void 0 : "outline",
+					disabled: i,
+					onClick: () => a(e.id, t.to),
+					children: t.label
+				}, t.to))
+			})
+		]
+	});
+}
+function H() {
+	let { currentUser: n } = e(), [r, s] = p("ALL"), [l, m] = p(!1), [h, g] = p(null), [v, b] = p(null), w = c(), T = u(), E = w.data ?? [], D = f(() => {
+		let e = {
+			PENDING: 0,
+			ACTIVE: 0,
+			PAUSED: 0,
+			ENDED: 0
+		};
+		for (let t of E) e[t.status] += 1;
+		return e;
+	}, [E]), O = f(() => [{
+		value: "ALL",
+		label: "All",
+		count: E.length
+	}, ...P.map((e) => ({
+		value: e,
+		label: e.charAt(0) + e.slice(1).toLowerCase(),
+		count: D[e]
+	}))], [E.length, D]), k = f(() => r === "ALL" ? E : E.filter((e) => e.status === r), [E, r]), A = async (e, t) => {
+		g(e), b(null);
+		try {
+			await T.mutateAsync({
+				id: e,
+				status: t
+			});
+		} catch (e) {
+			b(e instanceof Error ? e.message : "Failed to update the relationship.");
+		} finally {
+			g(null);
+		}
+	}, j = w.isLoading && !w.data;
+	return /* @__PURE__ */ S(t, {
+		title: "Coaching",
+		description: "Coach ↔ member relationships and what's shared.",
+		actions: /* @__PURE__ */ S(C, {
+			onClick: () => m(!0),
+			children: [/* @__PURE__ */ x(y, { className: "mr-2 h-4 w-4" }), "New coaching"]
+		}),
+		children: [
+			/* @__PURE__ */ x("div", {
+				className: "mb-6",
+				children: /* @__PURE__ */ x(d, {
+					options: O,
+					value: r,
+					onChange: s
+				})
+			}),
+			v && /* @__PURE__ */ x("p", {
+				className: "mb-4 rounded-lg bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text",
+				children: v
+			}),
+			j ? /* @__PURE__ */ x(a, { label: "Loading coaching relationships…" }) : w.isError ? /* @__PURE__ */ x(i, {
+				message: "We couldn't load your coaching relationships.",
+				onRetry: () => void w.refetch()
+			}) : k.length === 0 ? /* @__PURE__ */ x(o, {
+				illustration: "empty-data",
+				icon: /* @__PURE__ */ x(_, { className: "h-10 w-10" }),
+				title: E.length === 0 ? "No coaching relationships" : "No relationships match this filter",
+				description: E.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__ */ S(C, {
+					onClick: () => m(!0),
+					children: [/* @__PURE__ */ x(y, { className: "mr-2 h-4 w-4" }), "New coaching"]
+				})
+			}) : /* @__PURE__ */ x("div", {
+				className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
+				children: k.map((e) => /* @__PURE__ */ x(V, {
+					relationship: e,
+					currentUserId: n?.id,
+					busy: h === e.id,
+					onTransition: (e, t) => void A(e, t)
+				}, e.id))
+			}),
+			/* @__PURE__ */ x(z, {
+				open: l,
+				onOpenChange: m,
+				defaultMemberId: n?.id ?? ""
+			})
+		]
+	});
+}
+//#endregion
+export { H as CoachingPage };
+
+//# sourceMappingURL=CoachingPage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CoachingPage.js","names":[],"sources":["../../../../src/mybodyshield/pages/coaching/CoachingPage.tsx"],"sourcesContent":["/**\n * Coaching — coach ↔ member relationships and shared data scope.\n * @module mybodyshield/pages/coaching\n *\n * Lists the member's `MybCoachingRelationship`s (a PLAIN ARRAY from\n * `mybListCoaching` — no pagination) with a status filter, per-relationship\n * sharing scope (workouts / nutrition / metrics), lifecycle transition actions\n * (accept / pause / resume / end) and a create flow. No mock data.\n */\n\nimport { useMemo, useState } from 'react';\nimport {\n  HeartHandshake,\n  Plus,\n  Dumbbell,\n  Salad,\n  LineChart,\n  CalendarClock,\n  CalendarX,\n} from 'lucide-react';\nimport {\n  Button,\n  Input,\n  Label,\n  Switch,\n  GlassCard,\n  ResponsiveDialog,\n  ResponsiveDialogContent,\n  ResponsiveDialogHeader,\n  ResponsiveDialogTitle,\n  ResponsiveDialogDescription,\n  ResponsiveDialogFooter,\n} from '@burdenoff/fe-libs/ui';\nimport {\n  PageLayout,\n  StatusBadge,\n  EmptyState,\n  LoadingView,\n  ErrorView,\n  FilterTabs,\n  type FilterOption,\n} from '../../components';\nimport { IconChip } from '../_shared/visuals';\nimport { useMyBodyShield } from '../../context';\nimport { useMybCoaching, useMybCreateCoaching, useMybTransitionCoaching } from '../../hooks';\nimport type {\n  MybCoachingRelationship,\n  MybCoachingStatus,\n  MybCreateCoachingInput,\n} from '../../types';\nimport { formatDate } from '../../utils/formatters';\n\ntype StatusFilter = MybCoachingStatus | 'ALL';\n\nconst FILTER_ORDER: MybCoachingStatus[] = ['PENDING', 'ACTIVE', 'PAUSED', 'ENDED'];\n\n/** Allowed lifecycle transitions per current status (contract-defined). */\nconst TRANSITIONS: Record<\n  MybCoachingStatus,\n  { to: MybCoachingStatus; label: string; primary: boolean }[]\n> = {\n  PENDING: [{ to: 'ACTIVE', label: 'Accept', primary: true }],\n  ACTIVE: [\n    { to: 'PAUSED', label: 'Pause', primary: false },\n    { to: 'ENDED', label: 'End', primary: false },\n  ],\n  PAUSED: [\n    { to: 'ACTIVE', label: 'Resume', primary: true },\n    { to: 'ENDED', label: 'End', primary: false },\n  ],\n  ENDED: [],\n};\n\n/** Shorten an opaque actor id for compact display (full id kept as a title). */\nfunction shortId(id: string): string {\n  return id.length <= 10 ? id : `${id.slice(0, 8)}…`;\n}\n\n// ============================================================================\n// Create-coaching dialog\n// ============================================================================\n\ninterface CreateCoachingForm {\n  memberId: string;\n  coachId: string;\n  specialty: string;\n  shareWorkouts: boolean;\n  shareNutrition: boolean;\n  shareMetrics: boolean;\n}\n\nfunction buildEmptyForm(defaultMemberId: string): CreateCoachingForm {\n  return {\n    memberId: defaultMemberId,\n    coachId: '',\n    specialty: '',\n    shareWorkouts: true,\n    shareNutrition: true,\n    shareMetrics: true,\n  };\n}\n\nfunction ShareToggle({\n  id,\n  label,\n  description,\n  checked,\n  onChange,\n}: {\n  id: string;\n  label: string;\n  description: string;\n  checked: boolean;\n  onChange: (value: boolean) => void;\n}) {\n  return (\n    <div className=\"flex items-center justify-between gap-4 rounded-xl bg-bg-sunken/60 p-3\">\n      <div className=\"min-w-0\">\n        <Label htmlFor={id} className=\"cursor-pointer\">\n          {label}\n        </Label>\n        <p className=\"text-xs text-text-tertiary\">{description}</p>\n      </div>\n      <Switch id={id} checked={checked} onCheckedChange={onChange} />\n    </div>\n  );\n}\n\nfunction CreateCoachingDialog({\n  open,\n  onOpenChange,\n  defaultMemberId,\n}: {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  defaultMemberId: string;\n}) {\n  const create = useMybCreateCoaching();\n  const [form, setForm] = useState<CreateCoachingForm>(() => buildEmptyForm(defaultMemberId));\n  const [error, setError] = useState<string | null>(null);\n\n  const handleOpenChange = (next: boolean) => {\n    if (!next) {\n      setForm(buildEmptyForm(defaultMemberId));\n      setError(null);\n    }\n    onOpenChange(next);\n  };\n\n  const submit = async () => {\n    const coachId = form.coachId.trim();\n    const memberId = form.memberId.trim();\n    if (!coachId) {\n      setError('Coach user id is required.');\n      return;\n    }\n    if (!memberId) {\n      setError('Member user id is required.');\n      return;\n    }\n    setError(null);\n    const input: MybCreateCoachingInput = {\n      coachId,\n      memberId,\n      specialty: form.specialty.trim() || undefined,\n      shareWorkouts: form.shareWorkouts,\n      shareNutrition: form.shareNutrition,\n      shareMetrics: form.shareMetrics,\n    };\n    try {\n      await create.mutateAsync(input);\n      setForm(buildEmptyForm(defaultMemberId));\n      onOpenChange(false);\n    } catch (err) {\n      setError(err instanceof Error ? err.message : 'Failed to create coaching relationship.');\n    }\n  };\n\n  return (\n    <ResponsiveDialog open={open} onOpenChange={handleOpenChange}>\n      <ResponsiveDialogContent>\n        <ResponsiveDialogHeader>\n          <ResponsiveDialogTitle>New coaching</ResponsiveDialogTitle>\n          <ResponsiveDialogDescription>\n            Link a coach and member, and choose exactly what training, nutrition and progress data\n            is shared.\n          </ResponsiveDialogDescription>\n        </ResponsiveDialogHeader>\n        <form\n          className=\"space-y-4\"\n          onSubmit={(event) => {\n            event.preventDefault();\n            void submit();\n          }}\n        >\n          {error && (\n            <p className=\"rounded-lg bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text\">\n              {error}\n            </p>\n          )}\n          <div className=\"space-y-2\">\n            <Label htmlFor=\"myb-coaching-member\">Member</Label>\n            <Input\n              id=\"myb-coaching-member\"\n              value={form.memberId}\n              onChange={(event) => setForm((f) => ({ ...f, memberId: event.target.value }))}\n              placeholder=\"member user id\"\n            />\n            <p className=\"text-xs text-text-tertiary\">member user id</p>\n          </div>\n          <div className=\"space-y-2\">\n            <Label htmlFor=\"myb-coaching-coach\">Coach</Label>\n            <Input\n              id=\"myb-coaching-coach\"\n              value={form.coachId}\n              onChange={(event) => setForm((f) => ({ ...f, coachId: event.target.value }))}\n              placeholder=\"coach user id\"\n            />\n            <p className=\"text-xs text-text-tertiary\">coach user id</p>\n          </div>\n          <div className=\"space-y-2\">\n            <Label htmlFor=\"myb-coaching-specialty\">Specialty</Label>\n            <Input\n              id=\"myb-coaching-specialty\"\n              value={form.specialty}\n              onChange={(event) => setForm((f) => ({ ...f, specialty: event.target.value }))}\n              placeholder=\"e.g., Strength & conditioning\"\n            />\n          </div>\n          <div className=\"space-y-2\">\n            <p className=\"text-sm font-medium text-text-primary\">Shared with the coach</p>\n            <ShareToggle\n              id=\"myb-coaching-share-workouts\"\n              label=\"Workouts\"\n              description=\"Programs, sessions and logged sets.\"\n              checked={form.shareWorkouts}\n              onChange={(value) => setForm((f) => ({ ...f, shareWorkouts: value }))}\n            />\n            <ShareToggle\n              id=\"myb-coaching-share-nutrition\"\n              label=\"Nutrition\"\n              description=\"Plans, meals and daily macros.\"\n              checked={form.shareNutrition}\n              onChange={(value) => setForm((f) => ({ ...f, shareNutrition: value }))}\n            />\n            <ShareToggle\n              id=\"myb-coaching-share-metrics\"\n              label=\"Metrics\"\n              description=\"Body metrics and recovery logs.\"\n              checked={form.shareMetrics}\n              onChange={(value) => setForm((f) => ({ ...f, shareMetrics: value }))}\n            />\n          </div>\n          <ResponsiveDialogFooter>\n            <Button\n              type=\"button\"\n              variant=\"outline\"\n              onClick={() => handleOpenChange(false)}\n              disabled={create.isPending}\n            >\n              Cancel\n            </Button>\n            <Button type=\"submit\" disabled={create.isPending}>\n              {create.isPending ? 'Creating…' : 'Create coaching'}\n            </Button>\n          </ResponsiveDialogFooter>\n        </form>\n      </ResponsiveDialogContent>\n    </ResponsiveDialog>\n  );\n}\n\n// ============================================================================\n// Sharing scope chips\n// ============================================================================\n\nfunction ShareChip({ label, icon, on }: { label: string; icon: typeof Dumbbell; on: boolean }) {\n  const Icon = icon;\n  return (\n    <span\n      className={`inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-xs font-medium ${\n        on\n          ? 'bg-status-success-bg-subtle text-status-success-text'\n          : 'bg-bg-sunken text-text-tertiary'\n      }`}\n    >\n      <Icon className=\"h-3 w-3\" />\n      {label}\n    </span>\n  );\n}\n\n// ============================================================================\n// Coaching card\n// ============================================================================\n\nfunction CoachingCard({\n  relationship,\n  currentUserId,\n  busy,\n  onTransition,\n}: {\n  relationship: MybCoachingRelationship;\n  currentUserId?: string;\n  busy: boolean;\n  onTransition: (id: string, status: MybCoachingStatus) => void;\n}) {\n  const coachIsYou = Boolean(currentUserId) && relationship.coachId === currentUserId;\n  const memberIsYou = Boolean(currentUserId) && relationship.memberId === currentUserId;\n  const actions = TRANSITIONS[relationship.status];\n\n  return (\n    <GlassCard treatment=\"glass\" className=\"flex flex-col gap-4 p-5\">\n      <div className=\"flex items-start justify-between gap-3\">\n        <div className=\"flex min-w-0 items-start gap-3\">\n          <IconChip icon={<HeartHandshake className=\"h-4 w-4\" />} />\n          <div className=\"min-w-0\">\n            <p className=\"truncate text-sm font-semibold text-text-primary\">\n              {relationship.specialty?.trim() || 'Coaching relationship'}\n            </p>\n            <p className=\"text-xs text-text-tertiary\">Coach ↔ member</p>\n          </div>\n        </div>\n        <StatusBadge status={relationship.status} />\n      </div>\n\n      <div className=\"grid grid-cols-2 gap-3\">\n        <div className=\"rounded-lg bg-bg-sunken/60 p-2.5\">\n          <p className=\"text-[11px] font-medium uppercase tracking-wide text-text-tertiary\">\n            Coach\n          </p>\n          <p\n            className=\"mt-0.5 truncate text-sm font-medium text-text-primary\"\n            title={relationship.coachId}\n          >\n            {coachIsYou ? 'You' : `#${shortId(relationship.coachId)}`}\n          </p>\n        </div>\n        <div className=\"rounded-lg bg-bg-sunken/60 p-2.5\">\n          <p className=\"text-[11px] font-medium uppercase tracking-wide text-text-tertiary\">\n            Member\n          </p>\n          <p\n            className=\"mt-0.5 truncate text-sm font-medium text-text-primary\"\n            title={relationship.memberId}\n          >\n            {memberIsYou ? 'You' : `#${shortId(relationship.memberId)}`}\n          </p>\n        </div>\n      </div>\n\n      <div className=\"flex flex-wrap gap-1.5\">\n        <ShareChip label=\"Workouts\" icon={Dumbbell} on={relationship.shareWorkouts} />\n        <ShareChip label=\"Nutrition\" icon={Salad} on={relationship.shareNutrition} />\n        <ShareChip label=\"Metrics\" icon={LineChart} on={relationship.shareMetrics} />\n      </div>\n\n      {(relationship.startedAt || relationship.endedAt) && (\n        <div className=\"flex flex-wrap items-center gap-x-4 gap-y-1 text-xs text-text-tertiary\">\n          {relationship.startedAt && (\n            <span className=\"inline-flex items-center gap-1\">\n              <CalendarClock className=\"h-3.5 w-3.5\" />\n              Started {formatDate(relationship.startedAt)}\n            </span>\n          )}\n          {relationship.endedAt && (\n            <span className=\"inline-flex items-center gap-1\">\n              <CalendarX className=\"h-3.5 w-3.5\" />\n              Ended {formatDate(relationship.endedAt)}\n            </span>\n          )}\n        </div>\n      )}\n\n      {actions.length > 0 && (\n        <div className=\"mt-auto flex flex-wrap gap-2 pt-1\">\n          {actions.map((action) => (\n            <Button\n              key={action.to}\n              size=\"sm\"\n              variant={action.primary ? undefined : 'outline'}\n              disabled={busy}\n              onClick={() => onTransition(relationship.id, action.to)}\n            >\n              {action.label}\n            </Button>\n          ))}\n        </div>\n      )}\n    </GlassCard>\n  );\n}\n\n// ============================================================================\n// Page\n// ============================================================================\n\nexport function CoachingPage() {\n  const { currentUser } = useMyBodyShield();\n  const [statusFilter, setStatusFilter] = useState<StatusFilter>('ALL');\n  const [createOpen, setCreateOpen] = useState(false);\n  const [transitioningId, setTransitioningId] = useState<string | null>(null);\n  const [actionError, setActionError] = useState<string | null>(null);\n\n  // `useMybCoaching` returns a PLAIN ARRAY — fetch every relationship once and\n  // filter client-side so the tab counts stay accurate across filters.\n  const coaching = useMybCoaching();\n  const transition = useMybTransitionCoaching();\n\n  const all = coaching.data ?? [];\n\n  const counts = useMemo(() => {\n    const map: Record<MybCoachingStatus, number> = {\n      PENDING: 0,\n      ACTIVE: 0,\n      PAUSED: 0,\n      ENDED: 0,\n    };\n    for (const rel of all) map[rel.status] += 1;\n    return map;\n  }, [all]);\n\n  const statusFilters = useMemo<FilterOption<StatusFilter>[]>(\n    () => [\n      { value: 'ALL', label: 'All', count: all.length },\n      ...FILTER_ORDER.map((status) => ({\n        value: status as StatusFilter,\n        label: status.charAt(0) + status.slice(1).toLowerCase(),\n        count: counts[status],\n      })),\n    ],\n    [all.length, counts]\n  );\n\n  const rows = useMemo(\n    () => (statusFilter === 'ALL' ? all : all.filter((rel) => rel.status === statusFilter)),\n    [all, statusFilter]\n  );\n\n  const handleTransition = async (id: string, status: MybCoachingStatus) => {\n    setTransitioningId(id);\n    setActionError(null);\n    try {\n      await transition.mutateAsync({ id, status });\n    } catch (err) {\n      setActionError(err instanceof Error ? err.message : 'Failed to update the relationship.');\n    } finally {\n      setTransitioningId(null);\n    }\n  };\n\n  const showLoading = coaching.isLoading && !coaching.data;\n\n  return (\n    <PageLayout\n      title=\"Coaching\"\n      description=\"Coach ↔ member relationships and what's shared.\"\n      actions={\n        <Button onClick={() => setCreateOpen(true)}>\n          <Plus className=\"mr-2 h-4 w-4\" />\n          New coaching\n        </Button>\n      }\n    >\n      <div className=\"mb-6\">\n        <FilterTabs options={statusFilters} value={statusFilter} onChange={setStatusFilter} />\n      </div>\n\n      {actionError && (\n        <p className=\"mb-4 rounded-lg bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text\">\n          {actionError}\n        </p>\n      )}\n\n      {showLoading ? (\n        <LoadingView label=\"Loading coaching relationships…\" />\n      ) : coaching.isError ? (\n        <ErrorView\n          message=\"We couldn't load your coaching relationships.\"\n          onRetry={() => void coaching.refetch()}\n        />\n      ) : rows.length === 0 ? (\n        <EmptyState\n          illustration=\"empty-data\"\n          icon={<HeartHandshake className=\"h-10 w-10\" />}\n          title={\n            all.length === 0 ? 'No coaching relationships' : 'No relationships match this filter'\n          }\n          description={\n            all.length === 0\n              ? 'Connect a coach and a member to start sharing training, nutrition and progress data.'\n              : 'Try a different status filter, or create a new coaching relationship.'\n          }\n          action={\n            <Button onClick={() => setCreateOpen(true)}>\n              <Plus className=\"mr-2 h-4 w-4\" />\n              New coaching\n            </Button>\n          }\n        />\n      ) : (\n        <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n          {rows.map((relationship) => (\n            <CoachingCard\n              key={relationship.id}\n              relationship={relationship}\n              currentUserId={currentUser?.id}\n              busy={transitioningId === relationship.id}\n              onTransition={(id, status) => void handleTransition(id, status)}\n            />\n          ))}\n        </div>\n      )}\n\n      <CreateCoachingDialog\n        open={createOpen}\n        onOpenChange={setCreateOpen}\n        defaultMemberId={currentUser?.id ?? ''}\n      />\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}