@burdenoff/microfe-mybodyshield 2026.705.1 → 2026.705.2

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

@@ -9,18 +9,20 @@ 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 { MybDiscussion as f } from "../../components/MybDiscussion.js";
+import { UserSearchSelect as p } from "../../components/UserSearchSelect.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";
+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";
 //#region src/mybodyshield/pages/coaching/CoachingPage.tsx
-var P = [
+var V = [
 	"PENDING",
 	"ACTIVE",
 	"PAUSED",
 	"ENDED"
-], F = {
+], H = {
 	PENDING: [{
 		to: "ACTIVE",
 		label: "Accept",
@@ -46,42 +48,44 @@ var P = [
 	}],
 	ENDED: []
 };
-function I(e) {
+function U(e) {
 	return e.length <= 10 ? e : `${e.slice(0, 8)}…`;
 }
-function L(e) {
+function W(e) {
 	return {
-		memberId: e,
+		memberId: e.userId,
+		memberName: e.displayName,
 		coachId: "",
+		coachName: "",
 		specialty: "",
 		shareWorkouts: !0,
 		shareNutrition: !0,
 		shareMetrics: !0
 	};
 }
-function R({ id: e, label: t, description: n, checked: r, onChange: i }) {
-	return /* @__PURE__ */ S("div", {
+function G({ id: e, label: t, description: n, checked: r, onChange: i }) {
+	return /* @__PURE__ */ k("div", {
 		className: "flex items-center justify-between gap-4 rounded-xl bg-bg-sunken/60 p-3",
-		children: [/* @__PURE__ */ S("div", {
+		children: [/* @__PURE__ */ k("div", {
 			className: "min-w-0",
-			children: [/* @__PURE__ */ x(E, {
+			children: [/* @__PURE__ */ O(N, {
 				htmlFor: e,
 				className: "cursor-pointer",
 				children: t
-			}), /* @__PURE__ */ x("p", {
+			}), /* @__PURE__ */ O("p", {
 				className: "text-xs text-text-tertiary",
 				children: n
 			})]
-		}), /* @__PURE__ */ x(N, {
+		}), /* @__PURE__ */ O(B, {
 			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);
+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 () => {
 		let e = i.coachId.trim(), o = i.memberId.trim();
 		if (!e) {
@@ -102,74 +106,53 @@ function z({ open: e, onOpenChange: t, defaultMemberId: n }) {
 			shareMetrics: i.shareMetrics
 		};
 		try {
-			await r.mutateAsync(c), a(L(n)), t(!1);
+			await r.mutateAsync(c), a(W(n)), t(!1);
 		} catch (e) {
 			s(e instanceof Error ? e.message : "Failed to create coaching relationship.");
 		}
 	};
-	return /* @__PURE__ */ x(D, {
+	return /* @__PURE__ */ O(P, {
 		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", {
+		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", {
 			className: "space-y-4",
 			onSubmit: (e) => {
 				e.preventDefault(), u();
 			},
 			children: [
-				o && /* @__PURE__ */ x("p", {
+				o && /* @__PURE__ */ O("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__ */ O(p, {
+					label: "Coach",
+					required: !0,
+					htmlId: "myb-coaching-coach",
+					userId: i.coachId,
+					displayName: i.coachName,
+					onSelect: ({ userId: e, displayName: t }) => a((n) => ({
+						...n,
+						coachId: e,
+						coachName: t
+					}))
 				}),
-				/* @__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__ */ O(p, {
+					label: "Member",
+					htmlId: "myb-coaching-member",
+					userId: i.memberId,
+					displayName: i.memberName,
+					onSelect: ({ userId: e, displayName: t }) => a((n) => ({
+						...n,
+						memberId: e,
+						memberName: t
+					}))
 				}),
-				/* @__PURE__ */ S("div", {
+				/* @__PURE__ */ k("div", {
 					className: "space-y-2",
-					children: [/* @__PURE__ */ x(E, {
+					children: [/* @__PURE__ */ O(N, {
 						htmlFor: "myb-coaching-specialty",
 						children: "Specialty"
-					}), /* @__PURE__ */ x(T, {
+					}), /* @__PURE__ */ O(M, {
 						id: "myb-coaching-specialty",
 						value: i.specialty,
 						onChange: (e) => a((t) => ({
@@ -179,14 +162,14 @@ function z({ open: e, onOpenChange: t, defaultMemberId: n }) {
 						placeholder: "e.g., Strength & conditioning"
 					})]
 				}),
-				/* @__PURE__ */ S("div", {
+				/* @__PURE__ */ k("div", {
 					className: "space-y-2",
 					children: [
-						/* @__PURE__ */ x("p", {
+						/* @__PURE__ */ O("p", {
 							className: "text-sm font-medium text-text-primary",
 							children: "Shared with the coach"
 						}),
-						/* @__PURE__ */ x(R, {
+						/* @__PURE__ */ O(G, {
 							id: "myb-coaching-share-workouts",
 							label: "Workouts",
 							description: "Programs, sessions and logged sets.",
@@ -196,7 +179,7 @@ function z({ open: e, onOpenChange: t, defaultMemberId: n }) {
 								shareWorkouts: e
 							}))
 						}),
-						/* @__PURE__ */ x(R, {
+						/* @__PURE__ */ O(G, {
 							id: "myb-coaching-share-nutrition",
 							label: "Nutrition",
 							description: "Plans, meals and daily macros.",
@@ -206,7 +189,7 @@ function z({ open: e, onOpenChange: t, defaultMemberId: n }) {
 								shareNutrition: e
 							}))
 						}),
-						/* @__PURE__ */ x(R, {
+						/* @__PURE__ */ O(G, {
 							id: "myb-coaching-share-metrics",
 							label: "Metrics",
 							description: "Body metrics and recovery logs.",
@@ -218,13 +201,13 @@ function z({ open: e, onOpenChange: t, defaultMemberId: n }) {
 						})
 					]
 				}),
-				/* @__PURE__ */ S(A, { children: [/* @__PURE__ */ x(C, {
+				/* @__PURE__ */ k(L, { children: [/* @__PURE__ */ O(A, {
 					type: "button",
 					variant: "outline",
 					onClick: () => c(!1),
 					disabled: r.isPending,
 					children: "Cancel"
-				}), /* @__PURE__ */ x(C, {
+				}), /* @__PURE__ */ O(A, {
 					type: "submit",
 					disabled: r.isPending,
 					children: r.isPending ? "Creating…" : "Create coaching"
@@ -233,190 +216,231 @@ function z({ open: e, onOpenChange: t, defaultMemberId: n }) {
 		})] })
 	});
 }
-function B({ label: e, icon: t, on: n }) {
-	return /* @__PURE__ */ S("span", {
+function q({ label: e, icon: t, on: n }) {
+	let r = t, i = n ? v : T;
+	return /* @__PURE__ */ k("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"}`,
-		children: [/* @__PURE__ */ x(t, { className: "h-3 w-3" }), e]
+		children: [
+			/* @__PURE__ */ O(r, {
+				className: "h-3 w-3",
+				"aria-hidden": "true"
+			}),
+			e,
+			/* @__PURE__ */ O(i, {
+				className: "h-3 w-3",
+				"aria-hidden": "true"
+			}),
+			/* @__PURE__ */ O("span", {
+				"aria-hidden": "true",
+				children: n ? "On" : "Off"
+			})
+		]
 	});
 }
-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, {
+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, {
 		treatment: "glass",
 		className: "flex flex-col gap-4 p-5",
 		children: [
-			/* @__PURE__ */ S("div", {
+			/* @__PURE__ */ k("div", {
 				className: "flex items-start justify-between gap-3",
-				children: [/* @__PURE__ */ S("div", {
+				children: [/* @__PURE__ */ k("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", {
+					children: [/* @__PURE__ */ O(s, { icon: /* @__PURE__ */ O(S, { className: "h-4 w-4" }) }), /* @__PURE__ */ k("div", {
 						className: "min-w-0",
-						children: [/* @__PURE__ */ x("p", {
+						children: [/* @__PURE__ */ O("p", {
 							className: "truncate text-sm font-semibold text-text-primary",
 							children: e.specialty?.trim() || "Coaching relationship"
-						}), /* @__PURE__ */ x("p", {
+						}), /* @__PURE__ */ O("p", {
 							className: "text-xs text-text-tertiary",
 							children: "Coach ↔ member"
 						})]
 					})]
-				}), /* @__PURE__ */ x(r, { status: e.status })]
+				}), /* @__PURE__ */ O(r, { status: e.status })]
 			}),
-			/* @__PURE__ */ S("div", {
+			/* @__PURE__ */ k("div", {
 				className: "grid grid-cols-2 gap-3",
-				children: [/* @__PURE__ */ S("div", {
+				children: [/* @__PURE__ */ k("div", {
 					className: "rounded-lg bg-bg-sunken/60 p-2.5",
-					children: [/* @__PURE__ */ x("p", {
+					children: [/* @__PURE__ */ O("p", {
 						className: "text-[11px] font-medium uppercase tracking-wide text-text-tertiary",
 						children: "Coach"
-					}), /* @__PURE__ */ x("p", {
+					}), /* @__PURE__ */ O("p", {
 						className: "mt-0.5 truncate text-sm font-medium text-text-primary",
 						title: e.coachId,
-						children: o ? "You" : `#${I(e.coachId)}`
+						children: o ? "You" : `#${U(e.coachId)}`
 					})]
-				}), /* @__PURE__ */ S("div", {
+				}), /* @__PURE__ */ k("div", {
 					className: "rounded-lg bg-bg-sunken/60 p-2.5",
-					children: [/* @__PURE__ */ x("p", {
+					children: [/* @__PURE__ */ O("p", {
 						className: "text-[11px] font-medium uppercase tracking-wide text-text-tertiary",
 						children: "Member"
-					}), /* @__PURE__ */ x("p", {
+					}), /* @__PURE__ */ O("p", {
 						className: "mt-0.5 truncate text-sm font-medium text-text-primary",
 						title: e.memberId,
-						children: c ? "You" : `#${I(e.memberId)}`
+						children: c ? "You" : `#${U(e.memberId)}`
 					})]
 				})]
 			}),
-			/* @__PURE__ */ S("div", {
+			/* @__PURE__ */ k("div", {
 				className: "flex flex-wrap gap-1.5",
 				children: [
-					/* @__PURE__ */ x(B, {
+					/* @__PURE__ */ O(q, {
 						label: "Workouts",
-						icon: g,
+						icon: x,
 						on: e.shareWorkouts
 					}),
-					/* @__PURE__ */ x(B, {
+					/* @__PURE__ */ O(q, {
 						label: "Nutrition",
-						icon: b,
+						icon: D,
 						on: e.shareNutrition
 					}),
-					/* @__PURE__ */ x(B, {
+					/* @__PURE__ */ O(q, {
 						label: "Metrics",
-						icon: v,
+						icon: C,
 						on: e.shareMetrics
 					})
 				]
 			}),
-			(e.startedAt || e.endedAt) && /* @__PURE__ */ S("div", {
+			(e.startedAt || e.endedAt) && /* @__PURE__ */ k("div", {
 				className: "flex flex-wrap items-center gap-x-4 gap-y-1 text-xs text-text-tertiary",
-				children: [e.startedAt && /* @__PURE__ */ S("span", {
+				children: [e.startedAt && /* @__PURE__ */ k("span", {
 					className: "inline-flex items-center gap-1",
 					children: [
-						/* @__PURE__ */ x(m, { className: "h-3.5 w-3.5" }),
+						/* @__PURE__ */ O(g, { className: "h-3.5 w-3.5" }),
 						"Started ",
 						n(e.startedAt)
 					]
-				}), e.endedAt && /* @__PURE__ */ S("span", {
+				}), e.endedAt && /* @__PURE__ */ k("span", {
 					className: "inline-flex items-center gap-1",
 					children: [
-						/* @__PURE__ */ x(h, { className: "h-3.5 w-3.5" }),
+						/* @__PURE__ */ O(_, { className: "h-3.5 w-3.5" }),
 						"Ended ",
 						n(e.endedAt)
 					]
 				})]
 			}),
-			l.length > 0 && /* @__PURE__ */ x("div", {
+			l.length > 0 && /* @__PURE__ */ O("div", {
 				className: "mt-auto flex flex-wrap gap-2 pt-1",
-				children: l.map((t) => /* @__PURE__ */ x(C, {
+				children: l.map((t) => /* @__PURE__ */ O(A, {
 					size: "sm",
 					variant: t.primary ? void 0 : "outline",
 					disabled: i,
 					onClick: () => a(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", {
+					type: "button",
+					onClick: () => p((e) => !e),
+					"aria-expanded": d,
+					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" })
+					]
+				}), 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."
+					})
+				})]
 			})
 		]
 	});
 }
-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(() => {
+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(() => {
 		let e = {
 			PENDING: 0,
 			ACTIVE: 0,
 			PAUSED: 0,
 			ENDED: 0
 		};
-		for (let t of E) e[t.status] += 1;
+		for (let t of x) e[t.status] += 1;
 		return e;
-	}, [E]), O = f(() => [{
+	}, [x]), w = m(() => [{
 		value: "ALL",
 		label: "All",
-		count: E.length
-	}, ...P.map((e) => ({
+		count: x.length
+	}, ...V.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);
+		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);
 		try {
-			await T.mutateAsync({
+			await b.mutateAsync({
 				id: e,
 				status: t
 			});
 		} catch (e) {
-			b(e instanceof Error ? e.message : "Failed to update the relationship.");
+			v(e instanceof Error ? e.message : "Failed to update the relationship.");
 		} finally {
 			g(null);
 		}
-	}, j = w.isLoading && !w.data;
-	return /* @__PURE__ */ S(t, {
+	}, j = y.isLoading && !y.data;
+	return /* @__PURE__ */ k(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"]
+		actions: /* @__PURE__ */ k(A, {
+			onClick: () => f(!0),
+			children: [/* @__PURE__ */ O(E, { className: "mr-2 h-4 w-4" }), "New coaching"]
 		}),
 		children: [
-			/* @__PURE__ */ x("div", {
+			/* @__PURE__ */ O("div", {
 				className: "mb-6",
-				children: /* @__PURE__ */ x(d, {
-					options: O,
+				children: /* @__PURE__ */ O(d, {
+					options: w,
 					value: r,
 					onChange: s
 				})
 			}),
-			v && /* @__PURE__ */ x("p", {
+			_ && /* @__PURE__ */ O("p", {
 				className: "mb-4 rounded-lg bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text",
-				children: v
+				children: _
 			}),
-			j ? /* @__PURE__ */ x(a, { label: "Loading coaching relationships…" }) : w.isError ? /* @__PURE__ */ x(i, {
+			j ? /* @__PURE__ */ O(a, { label: "Loading coaching relationships…" }) : y.isError ? /* @__PURE__ */ O(i, {
 				message: "We couldn't load your coaching relationships.",
-				onRetry: () => void w.refetch()
-			}) : k.length === 0 ? /* @__PURE__ */ x(o, {
+				onRetry: () => void y.refetch()
+			}) : T.length === 0 ? /* @__PURE__ */ O(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"]
+				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"]
 				})
-			}) : /* @__PURE__ */ x("div", {
+			}) : /* @__PURE__ */ O("div", {
 				className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
-				children: k.map((e) => /* @__PURE__ */ x(V, {
+				children: T.map((e) => /* @__PURE__ */ O(J, {
 					relationship: e,
 					currentUserId: n?.id,
-					busy: h === e.id,
-					onTransition: (e, t) => void A(e, t)
+					busy: p === e.id,
+					onTransition: (e, t) => void D(e, t)
 				}, e.id))
 			}),
-			/* @__PURE__ */ x(z, {
+			/* @__PURE__ */ O(K, {
 				open: l,
-				onOpenChange: m,
-				defaultMemberId: n?.id ?? ""
+				onOpenChange: f,
+				defaultMember: {
+					userId: n?.id ?? "",
+					displayName: n?.name || n?.email || ""
+				}
 			})
 		]
 	});
 }
 //#endregion
-export { H as CoachingPage };
+export { Y as CoachingPage };
 
 //# sourceMappingURL=CoachingPage.js.map