npm - @burdenoff/microfe-atheletebridge - Versions diffs - 2026.827.1 → 2026.829.2 - Mend

@burdenoff/microfe-atheletebridge 2026.827.1 → 2026.829.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (46) hide show

package/dist/atheletebridge/pages/sessions/SessionDetailPage.js CHANGED Viewed

@@ -1,25 +1,26 @@
-import { useAthleteBridge as e } from "../../context/AthleteBridgeContext.js";
-import { PageLayout as t } from "../../components/PageLayout.js";
-import { RatingStars as n } from "../../components/viz/RatingStars.js";
+import { useAbTranslate as e } from "../../i18n.js";
+import { useAthleteBridge as t } from "../../context/AthleteBridgeContext.js";
+import { PageLayout as n } from "../../components/PageLayout.js";
+import { RatingStars as r } from "../../components/viz/RatingStars.js";
 import "../../components/viz/index.js";
-import { StatusBadge as r } from "../../components/StatusBadge.js";
-import { SESSION_TYPE_LABELS as i } from "../../components/domain.js";
-import { formatDate as a, formatDuration as ee } from "../../utils/formatters.js";
-import { UserAvatar as o } from "../../components/UserAvatar.js";
-import { ErrorState as s, LoadingState as te } from "../../components/LoadingState.js";
-import { useCancelSession as ne, useCompleteSession as c, useConfirmSession as l, useSession as u, useUserDirectory as d } from "../../hooks/useAthleteBridgeApi.js";
-import { FormField as f, fieldInputClass as p } from "../../components/form.js";
-import { SessionStatusTimeline as m } from "../../components/SessionStatusTimeline.js";
-import { safeExternalHref as h } from "../../utils/url.js";
-import { useMemo as g, useState as _ } from "react";
-import { ArrowLeft as re, CalendarClock as ie, CheckCircle2 as v, Clock as y, ExternalLink as b, Loader2 as x, Mail as S, MapPin as C, Video as w, XCircle as T } from "lucide-react";
-import { useParams as ae } from "react-router";
+import { StatusBadge as i } from "../../components/StatusBadge.js";
+import { SESSION_TYPE_LABELS as a } from "../../components/domain.js";
+import { formatDate as o, formatDuration as ee } from "../../utils/formatters.js";
+import { UserAvatar as s } from "../../components/UserAvatar.js";
+import { ErrorState as c, LoadingState as te } from "../../components/LoadingState.js";
+import { useCancelSession as l, useCompleteSession as ne, useConfirmSession as u, useSession as d, useUserDirectory as f } from "../../hooks/useAthleteBridgeApi.js";
+import { FormField as p, fieldInputClass as m } from "../../components/form.js";
+import { SessionStatusTimeline as h } from "../../components/SessionStatusTimeline.js";
+import { safeExternalHref as g } from "../../utils/url.js";
+import { useMemo as _, useState as v } from "react";
+import { ArrowLeft as re, CalendarClock as ie, CheckCircle2 as y, Clock as ae, ExternalLink as b, Loader2 as x, Mail as S, MapPin as C, Video as w, XCircle as T } from "lucide-react";
+import { useParams as oe } from "react-router";
 import { jsx as E, jsxs as D } from "react/jsx-runtime";
-import { EmphasisPanel as O, GlassCard as k, ResponsiveDialog as A, ResponsiveDialogContent as j, ResponsiveDialogFooter as M, ResponsiveDialogHeader as N, ResponsiveDialogTitle as P } from "@burdenoff/fe-libs/ui";
+import { EmphasisPanel as se, GlassCard as O, ResponsiveDialog as k, ResponsiveDialogContent as A, ResponsiveDialogFooter as j, ResponsiveDialogHeader as M, ResponsiveDialogTitle as N } from "@burdenoff/fe-libs/ui";
 //#region src/atheletebridge/pages/sessions/SessionDetailPage.tsx
-function F({ role: e, name: t, email: n, id: r }) {
+function P({ role: e, name: t, email: n, id: r }) {
 	let i = t?.trim() || `User ${r.slice(0, 6)}`;
-	return /* @__PURE__ */ D(k, {
+	return /* @__PURE__ */ D(O, {
 		treatment: "metric",
 		className: "p-4",
 		children: [
@@ -29,7 +30,7 @@ function F({ role: e, name: t, email: n, id: r }) {
 			}),
 			/* @__PURE__ */ D("div", {
 				className: "mt-3 flex items-center gap-3",
-				children: [/* @__PURE__ */ E(o, {
+				children: [/* @__PURE__ */ E(s, {
 					name: t,
 					id: r,
 					size: "lg"
@@ -58,41 +59,45 @@ function F({ role: e, name: t, email: n, id: r }) {
 		]
 	});
 }
-function I() {
-	let { id: o } = ae(), { navigateTo: S } = e(), I = u(o), L = l(), R = c(), z = ne(), [B, V] = _(!1), [H, U] = _(""), [W, G] = _(0), [K, q] = _(null), J = d(g(() => I.data ? [I.data.coachId, I.data.athleteId] : [], [I.data]));
-	if (I.isLoading) return /* @__PURE__ */ E(t, {
-		title: "Session",
-		children: /* @__PURE__ */ E(te, { label: "Loading session…" })
+function F() {
+	let s = e(), { id: S } = oe(), { navigateTo: F } = t(), I = d(S), L = u(), R = ne(), z = l(), [B, V] = v(!1), [H, U] = v(""), [W, G] = v(0), [K, q] = v(null), J = f(_(() => I.data ? [I.data.coachId, I.data.athleteId] : [], [I.data]));
+	if (I.isLoading) return /* @__PURE__ */ E(n, {
+		title: s("atheletebridge.pages.sessionDetail.title", "Session"),
+		children: /* @__PURE__ */ E(te, { label: s("atheletebridge.pages.sessionDetail.loading", "Loading session…") })
 	});
-	if (I.isError || !I.data) return /* @__PURE__ */ E(t, {
-		title: "Session",
-		children: /* @__PURE__ */ E(s, {
-			title: "Session not found",
-			message: "This session does not exist or you do not have access to it.",
-			onRetry: () => S("/sessions")
+	if (I.isError || !I.data) return /* @__PURE__ */ E(n, {
+		title: s("atheletebridge.pages.sessionDetail.title", "Session"),
+		children: /* @__PURE__ */ E(c, {
+			title: s("atheletebridge.pages.sessionDetail.notFoundTitle", "Session not found"),
+			message: s("atheletebridge.pages.sessionDetail.notFoundMessage", "This session does not exist or you do not have access to it."),
+			onRetry: () => F("/sessions")
 		})
 	});
-	let Y = I.data, X = Y.status === "REQUESTED", Z = Y.status === "CONFIRMED", Q = Y.status === "REQUESTED" || Y.status === "CONFIRMED", $ = h(Y.meetingUrl);
-	return /* @__PURE__ */ D(t, {
+	let Y = I.data, X = Y.status === "REQUESTED", Z = Y.status === "CONFIRMED", Q = Y.status === "REQUESTED" || Y.status === "CONFIRMED", $ = g(Y.meetingUrl);
+	return /* @__PURE__ */ D(n, {
 		title: Y.title,
-		description: i[Y.type],
+		description: a[Y.type],
 		actions: /* @__PURE__ */ D("button", {
 			type: "button",
-			onClick: () => S("/sessions"),
+			onClick: () => F("/sessions"),
 			className: "inline-flex items-center gap-1.5 rounded-lg border border-border-seam px-4 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken",
-			children: [/* @__PURE__ */ E(re, { className: "h-4 w-4" }), " Back"]
+			children: [
+				/* @__PURE__ */ E(re, { className: "h-4 w-4" }),
+				" ",
+				s("atheletebridge.pages.sessionDetail.back", "Back")
+			]
 		}),
 		children: [
-			/* @__PURE__ */ D(k, {
+			/* @__PURE__ */ D(O, {
 				treatment: "insight",
 				className: "mb-6 p-5 sm:p-6",
 				children: [/* @__PURE__ */ D("div", {
 					className: "mb-5 flex items-center justify-between gap-3",
 					children: [/* @__PURE__ */ E("span", {
 						className: "text-xs font-medium uppercase tracking-wide text-text-muted",
-						children: "Lifecycle"
-					}), /* @__PURE__ */ E(r, { status: Y.status })]
-				}), /* @__PURE__ */ E(m, {
+						children: s("atheletebridge.pages.sessionDetail.lifecycle", "Lifecycle")
+					}), /* @__PURE__ */ E(i, { status: Y.status })]
+				}), /* @__PURE__ */ E(h, {
 					status: Y.status,
 					createdAt: Y.createdAt,
 					completedAt: Y.completedAt
@@ -101,24 +106,24 @@ function I() {
 			/* @__PURE__ */ D("div", {
 				className: "mb-6 grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
 				children: [
-					/* @__PURE__ */ E(F, {
-						role: "Coach",
+					/* @__PURE__ */ E(P, {
+						role: s("atheletebridge.pages.sessionDetail.coach", "Coach"),
 						id: Y.coachId,
 						name: J.nameOf(Y.coachId),
 						email: J.emailOf(Y.coachId)
 					}),
-					/* @__PURE__ */ E(F, {
-						role: "Athlete",
+					/* @__PURE__ */ E(P, {
+						role: s("atheletebridge.pages.sessionDetail.athlete", "Athlete"),
 						id: Y.athleteId,
 						name: J.nameOf(Y.athleteId),
 						email: J.emailOf(Y.athleteId)
 					}),
-					/* @__PURE__ */ D(k, {
+					/* @__PURE__ */ D(O, {
 						treatment: "metric",
 						className: "p-4",
 						children: [/* @__PURE__ */ E("p", {
 							className: "text-xs font-medium uppercase tracking-wide text-text-muted",
-							children: "Schedule"
+							children: s("atheletebridge.pages.sessionDetail.schedule", "Schedule")
 						}), /* @__PURE__ */ D("div", {
 							className: "mt-3 space-y-2.5 text-sm text-text-primary",
 							children: [
@@ -127,11 +132,11 @@ function I() {
 									children: [/* @__PURE__ */ E(ie, {
 										className: "h-4 w-4 shrink-0 text-text-secondary",
 										"aria-hidden": "true"
-									}), a(Y.scheduledAt)]
+									}), o(Y.scheduledAt)]
 								}),
 								/* @__PURE__ */ D("span", {
 									className: "flex items-center gap-2 text-text-secondary",
-									children: [/* @__PURE__ */ E(y, {
+									children: [/* @__PURE__ */ E(ae, {
 										className: "h-4 w-4 shrink-0",
 										"aria-hidden": "true"
 									}), ee(Y.durationMin)]
@@ -156,19 +161,20 @@ function I() {
 				className: "grid grid-cols-1 gap-6 lg:grid-cols-2",
 				children: [/* @__PURE__ */ E("div", {
 					className: "space-y-6",
-					children: /* @__PURE__ */ D(k, {
+					children: /* @__PURE__ */ D(O, {
 						treatment: "glass",
 						className: "p-5 sm:p-6",
 						children: [
 							/* @__PURE__ */ E("h2", {
 								className: "text-sm font-semibold text-text-primary",
-								children: "Session details"
+								children: s("atheletebridge.pages.sessionDetail.sessionDetails", "Session details")
 							}),
 							/* @__PURE__ */ D("p", {
 								className: "mt-2 text-sm text-text-secondary",
 								children: [
-									i[Y.type],
-									" session",
+									a[Y.type],
+									" ",
+									s("atheletebridge.pages.sessionDetail.sessionTypeSuffix", "session"),
 									Y.location ? ` · ${Y.location}` : "",
 									"."
 								]
@@ -190,18 +196,22 @@ function I() {
 										className: "min-w-0 flex-1",
 										children: [/* @__PURE__ */ E("span", {
 											className: "block text-sm font-medium text-text-primary",
-											children: "Meeting link"
+											children: s("atheletebridge.pages.sessionDetail.meetingLink", "Meeting link")
 										}), /* @__PURE__ */ E("span", {
 											className: "block truncate text-xs text-text-secondary",
-											children: "Online session — tap to join"
+											children: s("atheletebridge.pages.sessionDetail.onlineSessionHint", "Online session — tap to join")
 										})]
 									}),
 									/* @__PURE__ */ D("span", {
 										className: "inline-flex items-center gap-1 text-sm font-medium text-text-link",
-										children: ["Join ", /* @__PURE__ */ E(b, {
-											className: "h-4 w-4",
-											"aria-hidden": "true"
-										})]
+										children: [
+											s("atheletebridge.pages.sessionDetail.join", "Join"),
+											" ",
+											/* @__PURE__ */ E(b, {
+												className: "h-4 w-4",
+												"aria-hidden": "true"
+											})
+										]
 									})
 								]
 							}) : null,
@@ -210,15 +220,19 @@ function I() {
 								children: [
 									/* @__PURE__ */ E("h3", {
 										className: "mb-2 text-sm font-semibold text-text-primary",
-										children: "Outcome"
+										children: s("atheletebridge.pages.sessionDetail.outcome", "Outcome")
 									}),
 									/* @__PURE__ */ D("p", {
 										className: "text-sm text-text-secondary",
-										children: ["Completed ", a(Y.completedAt)]
+										children: [
+											s("atheletebridge.pages.sessionDetail.completed", "Completed"),
+											" ",
+											o(Y.completedAt)
+										]
 									}),
 									Y.rating === null ? null : /* @__PURE__ */ E("div", {
 										className: "mt-2",
-										children: /* @__PURE__ */ E(n, {
+										children: /* @__PURE__ */ E(r, {
 											value: Y.rating,
 											size: 18,
 											showValue: !0
@@ -236,22 +250,22 @@ function I() {
 							}) : null
 						]
 					})
-				}), X || Z || Q ? /* @__PURE__ */ D(O, {
+				}), X || Z || Q ? /* @__PURE__ */ D(se, {
 					className: "h-fit",
 					children: [
 						/* @__PURE__ */ E("h2", {
 							className: "mb-4 text-sm font-semibold text-text-primary",
-							children: "Actions"
+							children: s("atheletebridge.pages.sessionDetail.actions", "Actions")
 						}),
 						/* @__PURE__ */ D("div", {
 							className: "flex flex-col gap-2.5",
 							children: [
 								X && /* @__PURE__ */ D("button", {
 									type: "button",
-									onClick: () => o && L.mutate(o),
+									onClick: () => S && L.mutate(S),
 									disabled: L.isPending,
 									className: "inline-flex w-full items-center justify-center gap-2 rounded-lg bg-action-primary-bg px-4 py-2.5 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg/90 disabled:opacity-60",
-									children: [L.isPending ? /* @__PURE__ */ E(x, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ E(v, { className: "h-4 w-4" }), "Confirm"]
+									children: [L.isPending ? /* @__PURE__ */ E(x, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ E(y, { className: "h-4 w-4" }), s("atheletebridge.pages.sessionDetail.confirm", "Confirm")]
 								}),
 								Z && /* @__PURE__ */ D("button", {
 									type: "button",
@@ -259,30 +273,34 @@ function I() {
 										q(null), U(Y.feedback ?? ""), G(Y.rating ?? 0), V(!0);
 									},
 									className: "inline-flex w-full items-center justify-center gap-2 rounded-lg bg-status-success-bg-subtle px-4 py-2.5 text-sm font-medium text-status-success-text ring-1 ring-inset ring-status-success-border transition-colors hover:bg-status-success-bg-subtle/70",
-									children: [/* @__PURE__ */ E(v, { className: "h-4 w-4" }), " Complete"]
+									children: [
+										/* @__PURE__ */ E(y, { className: "h-4 w-4" }),
+										" ",
+										s("atheletebridge.pages.sessionDetail.complete", "Complete")
+									]
 								}),
 								Q && /* @__PURE__ */ D("button", {
 									type: "button",
-									onClick: () => o && z.mutate(o),
+									onClick: () => S && z.mutate(S),
 									disabled: z.isPending,
 									className: "inline-flex w-full items-center justify-center gap-2 rounded-lg border border-status-error-border px-4 py-2.5 text-sm font-medium text-status-error-text transition-colors hover:bg-status-error-bg-subtle disabled:opacity-60",
-									children: [z.isPending ? /* @__PURE__ */ E(x, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ E(T, { className: "h-4 w-4" }), "Cancel session"]
+									children: [z.isPending ? /* @__PURE__ */ E(x, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ E(T, { className: "h-4 w-4" }), s("atheletebridge.pages.sessionDetail.cancelSession", "Cancel session")]
 								})
 							]
 						}),
 						Z ? /* @__PURE__ */ E("p", {
 							className: "mt-3 text-xs text-text-muted",
-							children: "Completing lets you leave feedback and a 1–5 star rating for the athlete."
+							children: s("atheletebridge.pages.sessionDetail.completeTooltip", "Completing lets you leave feedback and a 1–5 star rating for the athlete.")
 						}) : null
 					]
 				}) : null]
 			}),
-			/* @__PURE__ */ E(A, {
+			/* @__PURE__ */ E(k, {
 				open: B,
 				onOpenChange: V,
-				children: /* @__PURE__ */ D(j, { children: [/* @__PURE__ */ E(N, { children: /* @__PURE__ */ E(P, { children: "Complete session" }) }), /* @__PURE__ */ D("form", {
+				children: /* @__PURE__ */ D(A, { children: [/* @__PURE__ */ E(M, { children: /* @__PURE__ */ E(N, { children: s("atheletebridge.pages.sessionDetail.completeDialogTitle", "Complete session") }) }), /* @__PURE__ */ D("form", {
 					onSubmit: async (e) => {
-						if (e.preventDefault(), q(null), !o) return;
+						if (e.preventDefault(), q(null), !S) return;
 						let t = W > 0 ? W : void 0;
 						if (t !== void 0 && (t < 1 || t > 5)) {
 							q("Rating must be between 1 and 5.");
@@ -290,7 +308,7 @@ function I() {
 						}
 						try {
 							await R.mutateAsync({
-								id: o,
+								id: S,
 								input: {
 									feedback: H.trim() || void 0,
 									rating: t
@@ -302,44 +320,44 @@ function I() {
 					},
 					className: "space-y-4 px-1",
 					children: [
-						/* @__PURE__ */ E(f, {
-							label: "Feedback",
+						/* @__PURE__ */ E(p, {
+							label: s("atheletebridge.pages.sessionDetail.feedbackLabel", "Feedback"),
 							htmlFor: "feedback",
-							hint: "Optional post-session notes.",
+							hint: s("atheletebridge.pages.sessionDetail.feedbackHint", "Optional post-session notes."),
 							children: /* @__PURE__ */ E("textarea", {
 								id: "feedback",
-								className: p,
+								className: m,
 								rows: 3,
 								value: H,
 								onChange: (e) => U(e.target.value),
-								placeholder: "How did the session go?"
+								placeholder: s("atheletebridge.pages.sessionDetail.feedbackPlaceholder", "How did the session go?")
 							})
 						}),
-						/* @__PURE__ */ E(f, {
-							label: "Rating",
-							hint: "Optional — tap a star.",
-							children: /* @__PURE__ */ E(n, {
+						/* @__PURE__ */ E(p, {
+							label: s("atheletebridge.pages.sessionDetail.ratingLabel", "Rating"),
+							hint: s("atheletebridge.pages.sessionDetail.ratingHint", "Optional — tap a star."),
+							children: /* @__PURE__ */ E(r, {
 								value: W,
 								onChange: G,
 								size: 30,
 								showLabels: !0,
-								ariaLabel: "Rate this session out of 5"
+								ariaLabel: s("atheletebridge.pages.sessionDetail.ratingAria", "Rate this session out of 5")
 							})
 						}),
 						K && /* @__PURE__ */ E("p", {
 							className: "text-sm text-status-error-text",
 							children: K
 						}),
-						/* @__PURE__ */ D(M, { children: [/* @__PURE__ */ E("button", {
+						/* @__PURE__ */ D(j, { children: [/* @__PURE__ */ E("button", {
 							type: "button",
 							onClick: () => V(!1),
 							className: "rounded-lg border border-border-seam px-4 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken",
-							children: "Cancel"
+							children: s("common.cancel", "Cancel")
 						}), /* @__PURE__ */ D("button", {
 							type: "submit",
 							disabled: R.isPending,
 							className: "inline-flex items-center gap-1.5 rounded-lg bg-status-success-bg-subtle px-4 py-2 text-sm font-medium text-status-success-text ring-1 ring-inset ring-status-success-border transition-colors hover:bg-status-success-bg-subtle/70 disabled:opacity-60",
-							children: [R.isPending && /* @__PURE__ */ E(x, { className: "h-4 w-4 animate-spin" }), "Complete session"]
+							children: [R.isPending && /* @__PURE__ */ E(x, { className: "h-4 w-4 animate-spin" }), s("atheletebridge.pages.sessionDetail.completeAction", "Complete session")]
 						})] })
 					]
 				})] })
@@ -348,6 +366,6 @@ function I() {
 	});
 }
 //#endregion
-export { I as SessionDetailPage };
+export { F as SessionDetailPage };
 //# sourceMappingURL=SessionDetailPage.js.map

package/dist/atheletebridge/pages/sessions/SessionDetailPage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SessionDetailPage.js","names":[],"sources":["../../../../src/atheletebridge/pages/sessions/SessionDetailPage.tsx"],"sourcesContent":["/*\n Session Detail\n * @module atheletebridge/pages/sessions\n \n Reads a single session (athSession) and drives its lifecycle:\n * confirm (athConfirmSession), complete with feedback + rating\n * (athCompleteSession) and cancel (athCancelSession).\n \n The layout mirrors the concept mock: a lifecycle timeline, paired\n * Coach / Athlete / Schedule cards (identities resolved via the platform User\n * federation lookup), an iconized meeting-link card, and an Actions panel with\n * an interactive 5-star rating in the Complete flow. Semantic tokens only,\n * responsive down to a single mobile column (with bottom-sheet dialogs).\n /\n\nimport { useMemo, useState } from 'react';\nimport { useParams } from 'react-router';\nimport {\n ArrowLeft,\n CalendarClock,\n Clock,\n MapPin,\n Video,\n CheckCircle2,\n XCircle,\n Loader2,\n Mail,\n ExternalLink,\n} from 'lucide-react';\nimport {\n GlassCard,\n EmphasisPanel,\n ResponsiveDialog,\n ResponsiveDialogContent,\n ResponsiveDialogHeader,\n ResponsiveDialogTitle,\n ResponsiveDialogFooter,\n} from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { StatusBadge } from '../../components/StatusBadge';\nimport { UserAvatar } from '../../components/UserAvatar';\nimport { SessionStatusTimeline } from '../../components/SessionStatusTimeline';\nimport { RatingStars } from '../../components/viz';\nimport { LoadingState, ErrorState } from '../../components/LoadingState';\nimport { FormField, fieldInputClass } from '../../components/form';\nimport { SESSION_TYPE_LABELS } from '../../components/domain';\nimport { formatDate, formatDuration } from '../../utils/formatters';\nimport { safeExternalHref } from '../../utils/url';\nimport { useAthleteBridge } from '../../context/AthleteBridgeContext';\nimport {\n useSession,\n useUserDirectory,\n useConfirmSession,\n useCompleteSession,\n useCancelSession,\n} from '../../hooks/useAthleteBridgeApi';\n\n/* A labelled identity tile (Coach / Athlete) — monogram avatar + name + email. /\nfunction PartyCard({\n role,\n name,\n email,\n id,\n}: {\n role: string;\n name?: string \| null;\n email?: string \| null;\n id: string;\n}) {\n const displayName = name?.trim() \|\| `User ${id.slice(0, 6)}`;\n return (\n <GlassCard treatment=\"metric\" className=\"p-4\">\n <p className=\"text-xs font-medium uppercase tracking-wide text-text-muted\">{role}</p>\n <div className=\"mt-3 flex items-center gap-3\">\n <UserAvatar name={name} id={id} size=\"lg\" />\n <div className=\"min-w-0\">\n <p className=\"truncate text-sm font-semibold text-text-primary\">{displayName}</p>\n <p className=\"truncate text-xs text-text-secondary\">{role}</p>\n </div>\n </div>\n {email ? (\n <a\n href={`mailto:${email}`}\n className=\"mt-3 flex items-center gap-1.5 text-xs text-text-secondary hover:text-text-primary hover:underline\"\n >\n <Mail className=\"h-3.5 w-3.5 shrink-0\" aria-hidden=\"true\" />\n <span className=\"truncate\">{email}</span>\n </a>\n ) : null}\n </GlassCard>\n );\n}\n\nexport function SessionDetailPage() {\n const { id } = useParams<{ id: string }>();\n const { navigateTo } = useAthleteBridge();\n\n const session = useSession(id);\n const confirmSession = useConfirmSession();\n const completeSession = useCompleteSession();\n const cancelSession = useCancelSession();\n\n const [completeOpen, setCompleteOpen] = useState(false);\n const [feedback, setFeedback] = useState('');\n const [rating, setRating] = useState<number>(0);\n const [error, setError] = useState<string \| null>(null);\n\n // Resolve coach + athlete identities in one batched federation call.\n const directoryIds = useMemo(\n () => (session.data ? [session.data.coachId, session.data.athleteId] : []),\n [session.data]\n );\n const directory = useUserDirectory(directoryIds);\n\n if (session.isLoading) {\n return (\n <PageLayout title=\"Session\">\n <LoadingState label=\"Loading session…\" />\n </PageLayout>\n );\n }\n\n if (session.isError \|\| !session.data) {\n return (\n <PageLayout title=\"Session\">\n <ErrorState\n title=\"Session not found\"\n message=\"This session does not exist or you do not have access to it.\"\n onRetry={() => navigateTo('/sessions')}\n />\n </PageLayout>\n );\n }\n\n const s = session.data;\n const canConfirm = s.status === 'REQUESTED';\n const canComplete = s.status === 'CONFIRMED';\n const canCancel = s.status === 'REQUESTED' \|\| s.status === 'CONFIRMED';\n // Sanitize the user-controlled meeting URL before it becomes a clickable href.\n const meetingHref = safeExternalHref(s.meetingUrl);\n\n const handleComplete = async (e: React.FormEvent) => {\n e.preventDefault();\n setError(null);\n if (!id) return;\n const ratingNum = rating > 0 ? rating : undefined;\n if (ratingNum !== undefined && (ratingNum < 1 \|\| ratingNum > 5)) {\n setError('Rating must be between 1 and 5.');\n return;\n }\n try {\n await completeSession.mutateAsync({\n id,\n input: {\n feedback: feedback.trim() \|\| undefined,\n rating: ratingNum,\n },\n });\n setCompleteOpen(false);\n } catch (err) {\n setError(err instanceof Error ? err.message : 'Failed to complete session.');\n }\n };\n\n return (\n <PageLayout\n title={s.title}\n description={SESSION_TYPE_LABELS[s.type]}\n actions={\n <button\n type=\"button\"\n onClick={() => navigateTo('/sessions')}\n className=\"inline-flex items-center gap-1.5 rounded-lg border border-border-seam px-4 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken\"\n >\n <ArrowLeft className=\"h-4 w-4\" /> Back\n </button>\n }\n >\n {/ Lifecycle timeline + prominent status /}\n <GlassCard treatment=\"insight\" className=\"mb-6 p-5 sm:p-6\">\n <div className=\"mb-5 flex items-center justify-between gap-3\">\n <span className=\"text-xs font-medium uppercase tracking-wide text-text-muted\">\n Lifecycle\n </span>\n <StatusBadge status={s.status} />\n </div>\n <SessionStatusTimeline\n status={s.status}\n createdAt={s.createdAt}\n completedAt={s.completedAt}\n />\n </GlassCard>\n\n {/ Coach / Athlete / Schedule — three-up on desktop, stacked on mobile /}\n <div className=\"mb-6 grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n <PartyCard\n role=\"Coach\"\n id={s.coachId}\n name={directory.nameOf(s.coachId)}\n email={directory.emailOf(s.coachId)}\n />\n <PartyCard\n role=\"Athlete\"\n id={s.athleteId}\n name={directory.nameOf(s.athleteId)}\n email={directory.emailOf(s.athleteId)}\n />\n <GlassCard treatment=\"metric\" className=\"p-4\">\n <p className=\"text-xs font-medium uppercase tracking-wide text-text-muted\">Schedule</p>\n <div className=\"mt-3 space-y-2.5 text-sm text-text-primary\">\n <span className=\"flex items-center gap-2\">\n <CalendarClock className=\"h-4 w-4 shrink-0 text-text-secondary\" aria-hidden=\"true\" />\n {formatDate(s.scheduledAt)}\n </span>\n <span className=\"flex items-center gap-2 text-text-secondary\">\n <Clock className=\"h-4 w-4 shrink-0\" aria-hidden=\"true\" />\n {formatDuration(s.durationMin)}\n </span>\n {s.type === 'IN_PERSON' && s.location ? (\n <span className=\"flex items-center gap-2 text-text-secondary\">\n <MapPin className=\"h-4 w-4 shrink-0\" aria-hidden=\"true\" /> {s.location}\n </span>\n ) : null}\n </div>\n </GlassCard>\n </div>\n\n {/ Details + Actions /}\n <div className=\"grid grid-cols-1 gap-6 lg:grid-cols-2\">\n {/ Left: session details, meeting link, outcome /}\n <div className=\"space-y-6\">\n <GlassCard treatment=\"glass\" className=\"p-5 sm:p-6\">\n <h2 className=\"text-sm font-semibold text-text-primary\">Session details</h2>\n <p className=\"mt-2 text-sm text-text-secondary\">\n {SESSION_TYPE_LABELS[s.type]} session\n {s.location ? ` · ${s.location}` : ''}.\n </p>\n\n {meetingHref ? (\n <a\n href={meetingHref}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n className=\"mt-4 flex items-center gap-3 rounded-xl border border-border-seam bg-bg-sunken p-3 transition-colors hover:bg-bg-surface focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]\"\n >\n <span className=\"flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-[var(--color-accent-soft)] text-text-primary\">\n <Video className=\"h-5 w-5\" aria-hidden=\"true\" />\n </span>\n <span className=\"min-w-0 flex-1\">\n <span className=\"block text-sm font-medium text-text-primary\">Meeting link</span>\n <span className=\"block truncate text-xs text-text-secondary\">\n Online session — tap to join\n </span>\n </span>\n <span className=\"inline-flex items-center gap-1 text-sm font-medium text-text-link\">\n Join <ExternalLink className=\"h-4 w-4\" aria-hidden=\"true\" />\n </span>\n </a>\n ) : null}\n\n {s.completedAt ? (\n <div className=\"mt-5 border-t border-border-seam pt-5\">\n <h3 className=\"mb-2 text-sm font-semibold text-text-primary\">Outcome</h3>\n <p className=\"text-sm text-text-secondary\">Completed {formatDate(s.completedAt)}</p>\n {s.rating !== null ? (\n <div className=\"mt-2\">\n <RatingStars value={s.rating} size={18} showValue />\n </div>\n ) : null}\n {s.feedback ? (\n <p className=\"mt-3 rounded-lg bg-bg-sunken p-3 text-sm italic text-text-secondary\">\n “{s.feedback}”\n </p>\n ) : null}\n </div>\n ) : null}\n </GlassCard>\n </div>\n\n {/ Right: lifecycle actions /}\n {canConfirm \|\| canComplete \|\| canCancel ? (\n <EmphasisPanel className=\"h-fit\">\n <h2 className=\"mb-4 text-sm font-semibold text-text-primary\">Actions</h2>\n <div className=\"flex flex-col gap-2.5\">\n {canConfirm && (\n <button\n type=\"button\"\n onClick={() => id && confirmSession.mutate(id)}\n disabled={confirmSession.isPending}\n className=\"inline-flex w-full items-center justify-center gap-2 rounded-lg bg-action-primary-bg px-4 py-2.5 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg/90 disabled:opacity-60\"\n >\n {confirmSession.isPending ? (\n <Loader2 className=\"h-4 w-4 animate-spin\" />\n ) : (\n <CheckCircle2 className=\"h-4 w-4\" />\n )}\n Confirm\n </button>\n )}\n {canComplete && (\n <button\n type=\"button\"\n onClick={() => {\n setError(null);\n setFeedback(s.feedback ?? '');\n setRating(s.rating ?? 0);\n setCompleteOpen(true);\n }}\n className=\"inline-flex w-full items-center justify-center gap-2 rounded-lg bg-status-success-bg-subtle px-4 py-2.5 text-sm font-medium text-status-success-text ring-1 ring-inset ring-status-success-border transition-colors hover:bg-status-success-bg-subtle/70\"\n >\n <CheckCircle2 className=\"h-4 w-4\" /> Complete\n </button>\n )}\n {canCancel && (\n <button\n type=\"button\"\n onClick={() => id && cancelSession.mutate(id)}\n disabled={cancelSession.isPending}\n className=\"inline-flex w-full items-center justify-center gap-2 rounded-lg border border-status-error-border px-4 py-2.5 text-sm font-medium text-status-error-text transition-colors hover:bg-status-error-bg-subtle disabled:opacity-60\"\n >\n {cancelSession.isPending ? (\n <Loader2 className=\"h-4 w-4 animate-spin\" />\n ) : (\n <XCircle className=\"h-4 w-4\" />\n )}\n Cancel session\n </button>\n )}\n </div>\n {canComplete ? (\n <p className=\"mt-3 text-xs text-text-muted\">\n Completing lets you leave feedback and a 1–5 star rating for the athlete.\n </p>\n ) : null}\n </EmphasisPanel>\n ) : null}\n </div>\n\n {/ Complete dialog */}\n <ResponsiveDialog open={completeOpen} onOpenChange={setCompleteOpen}>\n <ResponsiveDialogContent>\n <ResponsiveDialogHeader>\n <ResponsiveDialogTitle>Complete session</ResponsiveDialogTitle>\n </ResponsiveDialogHeader>\n <form onSubmit={handleComplete} className=\"space-y-4 px-1\">\n <FormField label=\"Feedback\" htmlFor=\"feedback\" hint=\"Optional post-session notes.\">\n <textarea\n id=\"feedback\"\n className={fieldInputClass}\n rows={3}\n value={feedback}\n onChange={(e) => setFeedback(e.target.value)}\n placeholder=\"How did the session go?\"\n />\n </FormField>\n <FormField label=\"Rating\" hint=\"Optional — tap a star.\">\n <RatingStars\n value={rating}\n onChange={setRating}\n size={30}\n showLabels\n ariaLabel=\"Rate this session out of 5\"\n />\n </FormField>\n {error && <p className=\"text-sm text-status-error-text\">{error}</p>}\n <ResponsiveDialogFooter>\n <button\n type=\"button\"\n onClick={() => setCompleteOpen(false)}\n className=\"rounded-lg border border-border-seam px-4 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken\"\n >\n Cancel\n </button>\n <button\n type=\"submit\"\n disabled={completeSession.isPending}\n className=\"inline-flex items-center gap-1.5 rounded-lg bg-status-success-bg-subtle px-4 py-2 text-sm font-medium text-status-success-text ring-1 ring-inset ring-status-success-border transition-colors hover:bg-status-success-bg-subtle/70 disabled:opacity-60\"\n >\n {completeSession.isPending && <Loader2 className=\"h-4 w-4 animate-spin\" />}\n Complete session\n </button>\n </ResponsiveDialogFooter>\n </form>\n </ResponsiveDialogContent>\n </ResponsiveDialog>\n </PageLayout>\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"SessionDetailPage.js","names":[],"sources":["../../../../src/atheletebridge/pages/sessions/SessionDetailPage.tsx"],"sourcesContent":["/*\n Session Detail\n * @module atheletebridge/pages/sessions\n \n Reads a single session (athSession) and drives its lifecycle:\n * confirm (athConfirmSession), complete with feedback + rating\n * (athCompleteSession) and cancel (athCancelSession).\n \n The layout mirrors the concept mock: a lifecycle timeline, paired\n * Coach / Athlete / Schedule cards (identities resolved via the platform User\n * federation lookup), an iconized meeting-link card, and an Actions panel with\n * an interactive 5-star rating in the Complete flow. Semantic tokens only,\n * responsive down to a single mobile column (with bottom-sheet dialogs).\n /\n\nimport { useMemo, useState } from 'react';\nimport { useParams } from 'react-router';\nimport {\n ArrowLeft,\n CalendarClock,\n Clock,\n MapPin,\n Video,\n CheckCircle2,\n XCircle,\n Loader2,\n Mail,\n ExternalLink,\n} from 'lucide-react';\nimport {\n GlassCard,\n EmphasisPanel,\n ResponsiveDialog,\n ResponsiveDialogContent,\n ResponsiveDialogHeader,\n ResponsiveDialogTitle,\n ResponsiveDialogFooter,\n} from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { StatusBadge } from '../../components/StatusBadge';\nimport { UserAvatar } from '../../components/UserAvatar';\nimport { SessionStatusTimeline } from '../../components/SessionStatusTimeline';\nimport { RatingStars } from '../../components/viz';\nimport { LoadingState, ErrorState } from '../../components/LoadingState';\nimport { FormField, fieldInputClass } from '../../components/form';\nimport { SESSION_TYPE_LABELS } from '../../components/domain';\nimport { formatDate, formatDuration } from '../../utils/formatters';\nimport { safeExternalHref } from '../../utils/url';\nimport { useAthleteBridge } from '../../context/AthleteBridgeContext';\nimport {\n useSession,\n useUserDirectory,\n useConfirmSession,\n useCompleteSession,\n useCancelSession,\n} from '../../hooks/useAthleteBridgeApi';\nimport { useAbTranslate } from '../../i18n';\n\n/* A labelled identity tile (Coach / Athlete) — monogram avatar + name + email. /\nfunction PartyCard({\n role,\n name,\n email,\n id,\n}: {\n role: string;\n name?: string \| null;\n email?: string \| null;\n id: string;\n}) {\n const displayName = name?.trim() \|\| `User ${id.slice(0, 6)}`;\n return (\n <GlassCard treatment=\"metric\" className=\"p-4\">\n <p className=\"text-xs font-medium uppercase tracking-wide text-text-muted\">{role}</p>\n <div className=\"mt-3 flex items-center gap-3\">\n <UserAvatar name={name} id={id} size=\"lg\" />\n <div className=\"min-w-0\">\n <p className=\"truncate text-sm font-semibold text-text-primary\">{displayName}</p>\n <p className=\"truncate text-xs text-text-secondary\">{role}</p>\n </div>\n </div>\n {email ? (\n <a\n href={`mailto:${email}`}\n className=\"mt-3 flex items-center gap-1.5 text-xs text-text-secondary hover:text-text-primary hover:underline\"\n >\n <Mail className=\"h-3.5 w-3.5 shrink-0\" aria-hidden=\"true\" />\n <span className=\"truncate\">{email}</span>\n </a>\n ) : null}\n </GlassCard>\n );\n}\n\nexport function SessionDetailPage() {\n const tr = useAbTranslate();\n const { id } = useParams<{ id: string }>();\n const { navigateTo } = useAthleteBridge();\n\n const session = useSession(id);\n const confirmSession = useConfirmSession();\n const completeSession = useCompleteSession();\n const cancelSession = useCancelSession();\n\n const [completeOpen, setCompleteOpen] = useState(false);\n const [feedback, setFeedback] = useState('');\n const [rating, setRating] = useState<number>(0);\n const [error, setError] = useState<string \| null>(null);\n\n // Resolve coach + athlete identities in one batched federation call.\n const directoryIds = useMemo(\n () => (session.data ? [session.data.coachId, session.data.athleteId] : []),\n [session.data]\n );\n const directory = useUserDirectory(directoryIds);\n\n if (session.isLoading) {\n return (\n <PageLayout title={tr('atheletebridge.pages.sessionDetail.title', 'Session')}>\n <LoadingState\n label={tr('atheletebridge.pages.sessionDetail.loading', 'Loading session…')}\n />\n </PageLayout>\n );\n }\n\n if (session.isError \|\| !session.data) {\n return (\n <PageLayout title={tr('atheletebridge.pages.sessionDetail.title', 'Session')}>\n <ErrorState\n title={tr('atheletebridge.pages.sessionDetail.notFoundTitle', 'Session not found')}\n message={tr(\n 'atheletebridge.pages.sessionDetail.notFoundMessage',\n 'This session does not exist or you do not have access to it.'\n )}\n onRetry={() => navigateTo('/sessions')}\n />\n </PageLayout>\n );\n }\n\n const s = session.data;\n const canConfirm = s.status === 'REQUESTED';\n const canComplete = s.status === 'CONFIRMED';\n const canCancel = s.status === 'REQUESTED' \|\| s.status === 'CONFIRMED';\n // Sanitize the user-controlled meeting URL before it becomes a clickable href.\n const meetingHref = safeExternalHref(s.meetingUrl);\n\n const handleComplete = async (e: React.FormEvent) => {\n e.preventDefault();\n setError(null);\n if (!id) return;\n const ratingNum = rating > 0 ? rating : undefined;\n if (ratingNum !== undefined && (ratingNum < 1 \|\| ratingNum > 5)) {\n setError('Rating must be between 1 and 5.');\n return;\n }\n try {\n await completeSession.mutateAsync({\n id,\n input: {\n feedback: feedback.trim() \|\| undefined,\n rating: ratingNum,\n },\n });\n setCompleteOpen(false);\n } catch (err) {\n setError(err instanceof Error ? err.message : 'Failed to complete session.');\n }\n };\n\n return (\n <PageLayout\n title={s.title}\n description={SESSION_TYPE_LABELS[s.type]}\n actions={\n <button\n type=\"button\"\n onClick={() => navigateTo('/sessions')}\n className=\"inline-flex items-center gap-1.5 rounded-lg border border-border-seam px-4 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken\"\n >\n <ArrowLeft className=\"h-4 w-4\" /> {tr('atheletebridge.pages.sessionDetail.back', 'Back')}\n </button>\n }\n >\n {/ Lifecycle timeline + prominent status /}\n <GlassCard treatment=\"insight\" className=\"mb-6 p-5 sm:p-6\">\n <div className=\"mb-5 flex items-center justify-between gap-3\">\n <span className=\"text-xs font-medium uppercase tracking-wide text-text-muted\">\n {tr('atheletebridge.pages.sessionDetail.lifecycle', 'Lifecycle')}\n </span>\n <StatusBadge status={s.status} />\n </div>\n <SessionStatusTimeline\n status={s.status}\n createdAt={s.createdAt}\n completedAt={s.completedAt}\n />\n </GlassCard>\n\n {/ Coach / Athlete / Schedule — three-up on desktop, stacked on mobile /}\n <div className=\"mb-6 grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n <PartyCard\n role={tr('atheletebridge.pages.sessionDetail.coach', 'Coach')}\n id={s.coachId}\n name={directory.nameOf(s.coachId)}\n email={directory.emailOf(s.coachId)}\n />\n <PartyCard\n role={tr('atheletebridge.pages.sessionDetail.athlete', 'Athlete')}\n id={s.athleteId}\n name={directory.nameOf(s.athleteId)}\n email={directory.emailOf(s.athleteId)}\n />\n <GlassCard treatment=\"metric\" className=\"p-4\">\n <p className=\"text-xs font-medium uppercase tracking-wide text-text-muted\">\n {tr('atheletebridge.pages.sessionDetail.schedule', 'Schedule')}\n </p>\n <div className=\"mt-3 space-y-2.5 text-sm text-text-primary\">\n <span className=\"flex items-center gap-2\">\n <CalendarClock className=\"h-4 w-4 shrink-0 text-text-secondary\" aria-hidden=\"true\" />\n {formatDate(s.scheduledAt)}\n </span>\n <span className=\"flex items-center gap-2 text-text-secondary\">\n <Clock className=\"h-4 w-4 shrink-0\" aria-hidden=\"true\" />\n {formatDuration(s.durationMin)}\n </span>\n {s.type === 'IN_PERSON' && s.location ? (\n <span className=\"flex items-center gap-2 text-text-secondary\">\n <MapPin className=\"h-4 w-4 shrink-0\" aria-hidden=\"true\" /> {s.location}\n </span>\n ) : null}\n </div>\n </GlassCard>\n </div>\n\n {/ Details + Actions /}\n <div className=\"grid grid-cols-1 gap-6 lg:grid-cols-2\">\n {/ Left: session details, meeting link, outcome /}\n <div className=\"space-y-6\">\n <GlassCard treatment=\"glass\" className=\"p-5 sm:p-6\">\n <h2 className=\"text-sm font-semibold text-text-primary\">\n {tr('atheletebridge.pages.sessionDetail.sessionDetails', 'Session details')}\n </h2>\n <p className=\"mt-2 text-sm text-text-secondary\">\n {SESSION_TYPE_LABELS[s.type]}{' '}\n {tr('atheletebridge.pages.sessionDetail.sessionTypeSuffix', 'session')}\n {s.location ? ` · ${s.location}` : ''}.\n </p>\n\n {meetingHref ? (\n <a\n href={meetingHref}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n className=\"mt-4 flex items-center gap-3 rounded-xl border border-border-seam bg-bg-sunken p-3 transition-colors hover:bg-bg-surface focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]\"\n >\n <span className=\"flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-[var(--color-accent-soft)] text-text-primary\">\n <Video className=\"h-5 w-5\" aria-hidden=\"true\" />\n </span>\n <span className=\"min-w-0 flex-1\">\n <span className=\"block text-sm font-medium text-text-primary\">\n {tr('atheletebridge.pages.sessionDetail.meetingLink', 'Meeting link')}\n </span>\n <span className=\"block truncate text-xs text-text-secondary\">\n {tr(\n 'atheletebridge.pages.sessionDetail.onlineSessionHint',\n 'Online session — tap to join'\n )}\n </span>\n </span>\n <span className=\"inline-flex items-center gap-1 text-sm font-medium text-text-link\">\n {tr('atheletebridge.pages.sessionDetail.join', 'Join')}{' '}\n <ExternalLink className=\"h-4 w-4\" aria-hidden=\"true\" />\n </span>\n </a>\n ) : null}\n\n {s.completedAt ? (\n <div className=\"mt-5 border-t border-border-seam pt-5\">\n <h3 className=\"mb-2 text-sm font-semibold text-text-primary\">\n {tr('atheletebridge.pages.sessionDetail.outcome', 'Outcome')}\n </h3>\n <p className=\"text-sm text-text-secondary\">\n {tr('atheletebridge.pages.sessionDetail.completed', 'Completed')}{' '}\n {formatDate(s.completedAt)}\n </p>\n {s.rating !== null ? (\n <div className=\"mt-2\">\n <RatingStars value={s.rating} size={18} showValue />\n </div>\n ) : null}\n {s.feedback ? (\n <p className=\"mt-3 rounded-lg bg-bg-sunken p-3 text-sm italic text-text-secondary\">\n “{s.feedback}”\n </p>\n ) : null}\n </div>\n ) : null}\n </GlassCard>\n </div>\n\n {/ Right: lifecycle actions /}\n {canConfirm \|\| canComplete \|\| canCancel ? (\n <EmphasisPanel className=\"h-fit\">\n <h2 className=\"mb-4 text-sm font-semibold text-text-primary\">\n {tr('atheletebridge.pages.sessionDetail.actions', 'Actions')}\n </h2>\n <div className=\"flex flex-col gap-2.5\">\n {canConfirm && (\n <button\n type=\"button\"\n onClick={() => id && confirmSession.mutate(id)}\n disabled={confirmSession.isPending}\n className=\"inline-flex w-full items-center justify-center gap-2 rounded-lg bg-action-primary-bg px-4 py-2.5 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg/90 disabled:opacity-60\"\n >\n {confirmSession.isPending ? (\n <Loader2 className=\"h-4 w-4 animate-spin\" />\n ) : (\n <CheckCircle2 className=\"h-4 w-4\" />\n )}\n {tr('atheletebridge.pages.sessionDetail.confirm', 'Confirm')}\n </button>\n )}\n {canComplete && (\n <button\n type=\"button\"\n onClick={() => {\n setError(null);\n setFeedback(s.feedback ?? '');\n setRating(s.rating ?? 0);\n setCompleteOpen(true);\n }}\n className=\"inline-flex w-full items-center justify-center gap-2 rounded-lg bg-status-success-bg-subtle px-4 py-2.5 text-sm font-medium text-status-success-text ring-1 ring-inset ring-status-success-border transition-colors hover:bg-status-success-bg-subtle/70\"\n >\n <CheckCircle2 className=\"h-4 w-4\" />{' '}\n {tr('atheletebridge.pages.sessionDetail.complete', 'Complete')}\n </button>\n )}\n {canCancel && (\n <button\n type=\"button\"\n onClick={() => id && cancelSession.mutate(id)}\n disabled={cancelSession.isPending}\n className=\"inline-flex w-full items-center justify-center gap-2 rounded-lg border border-status-error-border px-4 py-2.5 text-sm font-medium text-status-error-text transition-colors hover:bg-status-error-bg-subtle disabled:opacity-60\"\n >\n {cancelSession.isPending ? (\n <Loader2 className=\"h-4 w-4 animate-spin\" />\n ) : (\n <XCircle className=\"h-4 w-4\" />\n )}\n {tr('atheletebridge.pages.sessionDetail.cancelSession', 'Cancel session')}\n </button>\n )}\n </div>\n {canComplete ? (\n <p className=\"mt-3 text-xs text-text-muted\">\n {tr(\n 'atheletebridge.pages.sessionDetail.completeTooltip',\n 'Completing lets you leave feedback and a 1–5 star rating for the athlete.'\n )}\n </p>\n ) : null}\n </EmphasisPanel>\n ) : null}\n </div>\n\n {/ Complete dialog */}\n <ResponsiveDialog open={completeOpen} onOpenChange={setCompleteOpen}>\n <ResponsiveDialogContent>\n <ResponsiveDialogHeader>\n <ResponsiveDialogTitle>\n {tr('atheletebridge.pages.sessionDetail.completeDialogTitle', 'Complete session')}\n </ResponsiveDialogTitle>\n </ResponsiveDialogHeader>\n <form onSubmit={handleComplete} className=\"space-y-4 px-1\">\n <FormField\n label={tr('atheletebridge.pages.sessionDetail.feedbackLabel', 'Feedback')}\n htmlFor=\"feedback\"\n hint={tr(\n 'atheletebridge.pages.sessionDetail.feedbackHint',\n 'Optional post-session notes.'\n )}\n >\n <textarea\n id=\"feedback\"\n className={fieldInputClass}\n rows={3}\n value={feedback}\n onChange={(e) => setFeedback(e.target.value)}\n placeholder={tr(\n 'atheletebridge.pages.sessionDetail.feedbackPlaceholder',\n 'How did the session go?'\n )}\n />\n </FormField>\n <FormField\n label={tr('atheletebridge.pages.sessionDetail.ratingLabel', 'Rating')}\n hint={tr('atheletebridge.pages.sessionDetail.ratingHint', 'Optional — tap a star.')}\n >\n <RatingStars\n value={rating}\n onChange={setRating}\n size={30}\n showLabels\n ariaLabel={tr(\n 'atheletebridge.pages.sessionDetail.ratingAria',\n 'Rate this session out of 5'\n )}\n />\n </FormField>\n {error && <p className=\"text-sm text-status-error-text\">{error}</p>}\n <ResponsiveDialogFooter>\n <button\n type=\"button\"\n onClick={() => setCompleteOpen(false)}\n className=\"rounded-lg border border-border-seam px-4 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken\"\n >\n {tr('common.cancel', 'Cancel')}\n </button>\n <button\n type=\"submit\"\n disabled={completeSession.isPending}\n className=\"inline-flex items-center gap-1.5 rounded-lg bg-status-success-bg-subtle px-4 py-2 text-sm font-medium text-status-success-text ring-1 ring-inset ring-status-success-border transition-colors hover:bg-status-success-bg-subtle/70 disabled:opacity-60\"\n >\n {completeSession.isPending && <Loader2 className=\"h-4 w-4 animate-spin\" />}\n {tr('atheletebridge.pages.sessionDetail.completeAction', 'Complete session')}\n </button>\n </ResponsiveDialogFooter>\n </form>\n </ResponsiveDialogContent>\n </ResponsiveDialog>\n </PageLayout>\n );\n}\n"],"mappings":"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"}

package/dist/atheletebridge/pages/sessions/SessionsListPage.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SessionsListPage.d.ts","sourceRoot":"","sources":["../../../../src/atheletebridge/pages/sessions/SessionsListPage.tsx"],"names":[],"mappings":"AAAA;;;GAGG;~~AAwBH~~,wBAAgB,gBAAgB,~~gCAiG~~/B"}
1	+ {"version":3,"file":"SessionsListPage.d.ts","sourceRoot":"","sources":["../../../../src/atheletebridge/pages/sessions/SessionsListPage.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAyBH,wBAAgB,gBAAgB,gCA4G/B"}