@burdenoff/microfe-atheletebridge 2026.705.1 → 2026.705.2

package/dist/atheletebridge/pages/fixtures/FixtureDetailPage.js

@@ -47,18 +47,18 @@ function C() {
 						children: /* @__PURE__ */ y(n, { status: N.status })
 					}),
 					/* @__PURE__ */ b("div", {
-						className: "flex items-center justify-center gap-6",
+						className: "flex items-center justify-center gap-3 sm:gap-6",
 						children: [
 							/* @__PURE__ */ y("span", {
-								className: "flex-1 text-right text-lg font-semibold text-text-primary",
+								className: "min-w-0 flex-1 break-words text-right text-lg font-semibold text-text-primary",
 								children: F
 							}),
 							/* @__PURE__ */ y("span", {
-								className: "rounded-xl bg-bg-sunken px-5 py-2 text-3xl font-bold tabular-nums text-text-primary",
+								className: "shrink-0 rounded-xl bg-bg-sunken px-4 py-2 text-2xl font-bold tabular-nums text-text-primary sm:px-5 sm:text-3xl",
 								children: P ? `${N.homeScore} : ${N.awayScore}` : "vs"
 							}),
 							/* @__PURE__ */ y("span", {
-								className: "flex-1 text-left text-lg font-semibold text-text-primary",
+								className: "min-w-0 flex-1 break-words text-left text-lg font-semibold text-text-primary",
 								children: I
 							})
 						]

package/dist/atheletebridge/pages/fixtures/FixtureDetailPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"FixtureDetailPage.js","names":[],"sources":["../../../../src/atheletebridge/pages/fixtures/FixtureDetailPage.tsx"],"sourcesContent":["/**\n * Fixture Detail\n * @module atheletebridge/pages/fixtures\n *\n * Reads a single fixture (athFixture) and lets the user record a final result\n * (athRecordFixtureResult) which marks it COMPLETED and recomputes standings.\n */\n\nimport { useState } from 'react';\nimport { useParams } from 'react-router-dom';\nimport { ArrowLeft, CalendarClock, MapPin, Trophy, Loader2, Flag } from 'lucide-react';\nimport { GlassCard, EmphasisPanel } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { StatusBadge } from '../../components/StatusBadge';\nimport { LoadingState, ErrorState } from '../../components/LoadingState';\nimport { FormField, fieldInputClass } from '../../components/form';\nimport { FIXTURE_TYPE_LABELS } from '../../components/domain';\nimport { formatDate } from '../../utils/formatters';\nimport { useAthleteBridge } from '../../context/AthleteBridgeContext';\nimport { useFixture, useRecordFixtureResult } from '../../hooks/useAthleteBridgeApi';\n\nexport function FixtureDetailPage() {\n  const { id } = useParams<{ id: string }>();\n  const { navigateTo } = useAthleteBridge();\n\n  const fixture = useFixture(id);\n  const recordResult = useRecordFixtureResult();\n\n  const [homeScore, setHomeScore] = useState('');\n  const [awayScore, setAwayScore] = useState('');\n  const [error, setError] = useState<string | null>(null);\n\n  if (fixture.isLoading) {\n    return (\n      <PageLayout title=\"Fixture\">\n        <LoadingState label=\"Loading fixture…\" />\n      </PageLayout>\n    );\n  }\n\n  if (fixture.isError || !fixture.data) {\n    return (\n      <PageLayout title=\"Fixture\">\n        <ErrorState\n          title=\"Fixture not found\"\n          message=\"This fixture does not exist or you do not have access to it.\"\n          onRetry={() => navigateTo('/fixtures')}\n        />\n      </PageLayout>\n    );\n  }\n\n  const f = fixture.data;\n  const hasScore = f.homeScore !== null && f.awayScore !== null;\n  const homeName = f.homeTeam?.name ?? 'Home';\n  const awayName = f.awayTeam?.name ?? (f.awayTeamId ? 'Away' : 'TBD');\n  const canRecordResult =\n    Boolean(f.awayTeamId) && (f.status === 'SCHEDULED' || f.status === 'LIVE');\n\n  const handleRecord = async (e: React.FormEvent) => {\n    e.preventDefault();\n    setError(null);\n    if (!id) return;\n    const home = Number.parseInt(homeScore, 10);\n    const away = Number.parseInt(awayScore, 10);\n    if (Number.isNaN(home) || Number.isNaN(away)) {\n      setError('Both scores are required and must be numbers.');\n      return;\n    }\n    if (home < 0 || away < 0) {\n      setError('Scores cannot be negative.');\n      return;\n    }\n    try {\n      await recordResult.mutateAsync({ id, input: { homeScore: home, awayScore: away } });\n      setHomeScore('');\n      setAwayScore('');\n    } catch (err) {\n      setError(err instanceof Error ? err.message : 'Failed to record result.');\n    }\n  };\n\n  return (\n    <PageLayout\n      title={`${homeName} vs ${awayName}`}\n      description={`${FIXTURE_TYPE_LABELS[f.type]}${f.competition ? ` · ${f.competition}` : ''}`}\n      actions={\n        <button\n          type=\"button\"\n          onClick={() => navigateTo('/fixtures')}\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      {/* Scoreboard */}\n      <GlassCard treatment=\"glass\" glow className=\"mb-8 p-8\">\n        <div className=\"mb-4 flex items-center justify-center\">\n          <StatusBadge status={f.status} />\n        </div>\n        <div className=\"flex items-center justify-center gap-6\">\n          <span className=\"flex-1 text-right text-lg font-semibold text-text-primary\">\n            {homeName}\n          </span>\n          <span className=\"rounded-xl bg-bg-sunken px-5 py-2 text-3xl font-bold tabular-nums text-text-primary\">\n            {hasScore ? `${f.homeScore} : ${f.awayScore}` : 'vs'}\n          </span>\n          <span className=\"flex-1 text-left text-lg font-semibold text-text-primary\">\n            {awayName}\n          </span>\n        </div>\n        <div className=\"mt-6 flex flex-wrap items-center justify-center gap-x-6 gap-y-2 text-sm text-text-secondary\">\n          <span className=\"flex items-center gap-1.5\">\n            <CalendarClock className=\"h-4 w-4\" /> {formatDate(f.scheduledAt)}\n          </span>\n          {f.venue && (\n            <span className=\"flex items-center gap-1.5\">\n              <MapPin className=\"h-4 w-4\" /> {f.venue}\n            </span>\n          )}\n          {f.round && <span>{f.round}</span>}\n        </div>\n      </GlassCard>\n\n      {f.notes && (\n        <EmphasisPanel className=\"mb-8\">\n          <h2 className=\"mb-2 text-sm font-semibold text-text-primary\">Notes</h2>\n          <p className=\"text-sm text-text-secondary\">{f.notes}</p>\n        </EmphasisPanel>\n      )}\n\n      {/* Record result */}\n      {canRecordResult && (\n        <section className=\"mb-8\">\n          <h2 className=\"mb-4 flex items-center gap-2 text-lg font-semibold text-text-primary\">\n            <Flag className=\"h-5 w-5\" /> Record result\n          </h2>\n          <GlassCard treatment=\"insight\" className=\"p-6\">\n            <p className=\"mb-4 text-sm text-text-secondary\">\n              Recording a final score marks this fixture <strong>Completed</strong> and recomputes\n              the competition standings for both teams.\n            </p>\n            <form onSubmit={handleRecord} className=\"flex flex-wrap items-end gap-4\">\n              <FormField label={`${homeName} score`} htmlFor=\"homeScore\" className=\"w-32\">\n                <input\n                  id=\"homeScore\"\n                  inputMode=\"numeric\"\n                  className={fieldInputClass}\n                  value={homeScore}\n                  onChange={(e) => setHomeScore(e.target.value)}\n                  placeholder=\"0\"\n                />\n              </FormField>\n              <FormField label={`${awayName} score`} htmlFor=\"awayScore\" className=\"w-32\">\n                <input\n                  id=\"awayScore\"\n                  inputMode=\"numeric\"\n                  className={fieldInputClass}\n                  value={awayScore}\n                  onChange={(e) => setAwayScore(e.target.value)}\n                  placeholder=\"0\"\n                />\n              </FormField>\n              <button\n                type=\"submit\"\n                disabled={recordResult.isPending}\n                className=\"inline-flex h-[38px] items-center gap-1.5 rounded-lg bg-action-primary-bg px-4 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg/90 disabled:opacity-60\"\n              >\n                {recordResult.isPending ? (\n                  <Loader2 className=\"h-4 w-4 animate-spin\" />\n                ) : (\n                  <Trophy className=\"h-4 w-4\" />\n                )}\n                Record\n              </button>\n            </form>\n            {error && <p className=\"mt-3 text-sm text-status-error-text\">{error}</p>}\n          </GlassCard>\n        </section>\n      )}\n\n      {f.competition && (\n        <button\n          type=\"button\"\n          onClick={() =>\n            navigateTo(`/standings?competition=${encodeURIComponent(f.competition ?? '')}`)\n          }\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          <Trophy className=\"h-4 w-4\" /> View {f.competition} standings\n        </button>\n      )}\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"FixtureDetailPage.js","names":[],"sources":["../../../../src/atheletebridge/pages/fixtures/FixtureDetailPage.tsx"],"sourcesContent":["/**\n * Fixture Detail\n * @module atheletebridge/pages/fixtures\n *\n * Reads a single fixture (athFixture) and lets the user record a final result\n * (athRecordFixtureResult) which marks it COMPLETED and recomputes standings.\n */\n\nimport { useState } from 'react';\nimport { useParams } from 'react-router-dom';\nimport { ArrowLeft, CalendarClock, MapPin, Trophy, Loader2, Flag } from 'lucide-react';\nimport { GlassCard, EmphasisPanel } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { StatusBadge } from '../../components/StatusBadge';\nimport { LoadingState, ErrorState } from '../../components/LoadingState';\nimport { FormField, fieldInputClass } from '../../components/form';\nimport { FIXTURE_TYPE_LABELS } from '../../components/domain';\nimport { formatDate } from '../../utils/formatters';\nimport { useAthleteBridge } from '../../context/AthleteBridgeContext';\nimport { useFixture, useRecordFixtureResult } from '../../hooks/useAthleteBridgeApi';\n\nexport function FixtureDetailPage() {\n  const { id } = useParams<{ id: string }>();\n  const { navigateTo } = useAthleteBridge();\n\n  const fixture = useFixture(id);\n  const recordResult = useRecordFixtureResult();\n\n  const [homeScore, setHomeScore] = useState('');\n  const [awayScore, setAwayScore] = useState('');\n  const [error, setError] = useState<string | null>(null);\n\n  if (fixture.isLoading) {\n    return (\n      <PageLayout title=\"Fixture\">\n        <LoadingState label=\"Loading fixture…\" />\n      </PageLayout>\n    );\n  }\n\n  if (fixture.isError || !fixture.data) {\n    return (\n      <PageLayout title=\"Fixture\">\n        <ErrorState\n          title=\"Fixture not found\"\n          message=\"This fixture does not exist or you do not have access to it.\"\n          onRetry={() => navigateTo('/fixtures')}\n        />\n      </PageLayout>\n    );\n  }\n\n  const f = fixture.data;\n  const hasScore = f.homeScore !== null && f.awayScore !== null;\n  const homeName = f.homeTeam?.name ?? 'Home';\n  const awayName = f.awayTeam?.name ?? (f.awayTeamId ? 'Away' : 'TBD');\n  const canRecordResult =\n    Boolean(f.awayTeamId) && (f.status === 'SCHEDULED' || f.status === 'LIVE');\n\n  const handleRecord = async (e: React.FormEvent) => {\n    e.preventDefault();\n    setError(null);\n    if (!id) return;\n    const home = Number.parseInt(homeScore, 10);\n    const away = Number.parseInt(awayScore, 10);\n    if (Number.isNaN(home) || Number.isNaN(away)) {\n      setError('Both scores are required and must be numbers.');\n      return;\n    }\n    if (home < 0 || away < 0) {\n      setError('Scores cannot be negative.');\n      return;\n    }\n    try {\n      await recordResult.mutateAsync({ id, input: { homeScore: home, awayScore: away } });\n      setHomeScore('');\n      setAwayScore('');\n    } catch (err) {\n      setError(err instanceof Error ? err.message : 'Failed to record result.');\n    }\n  };\n\n  return (\n    <PageLayout\n      title={`${homeName} vs ${awayName}`}\n      description={`${FIXTURE_TYPE_LABELS[f.type]}${f.competition ? ` · ${f.competition}` : ''}`}\n      actions={\n        <button\n          type=\"button\"\n          onClick={() => navigateTo('/fixtures')}\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      {/* Scoreboard */}\n      <GlassCard treatment=\"glass\" glow className=\"mb-8 p-8\">\n        <div className=\"mb-4 flex items-center justify-center\">\n          <StatusBadge status={f.status} />\n        </div>\n        <div className=\"flex items-center justify-center gap-3 sm:gap-6\">\n          <span className=\"min-w-0 flex-1 break-words text-right text-lg font-semibold text-text-primary\">\n            {homeName}\n          </span>\n          <span className=\"shrink-0 rounded-xl bg-bg-sunken px-4 py-2 text-2xl font-bold tabular-nums text-text-primary sm:px-5 sm:text-3xl\">\n            {hasScore ? `${f.homeScore} : ${f.awayScore}` : 'vs'}\n          </span>\n          <span className=\"min-w-0 flex-1 break-words text-left text-lg font-semibold text-text-primary\">\n            {awayName}\n          </span>\n        </div>\n        <div className=\"mt-6 flex flex-wrap items-center justify-center gap-x-6 gap-y-2 text-sm text-text-secondary\">\n          <span className=\"flex items-center gap-1.5\">\n            <CalendarClock className=\"h-4 w-4\" /> {formatDate(f.scheduledAt)}\n          </span>\n          {f.venue && (\n            <span className=\"flex items-center gap-1.5\">\n              <MapPin className=\"h-4 w-4\" /> {f.venue}\n            </span>\n          )}\n          {f.round && <span>{f.round}</span>}\n        </div>\n      </GlassCard>\n\n      {f.notes && (\n        <EmphasisPanel className=\"mb-8\">\n          <h2 className=\"mb-2 text-sm font-semibold text-text-primary\">Notes</h2>\n          <p className=\"text-sm text-text-secondary\">{f.notes}</p>\n        </EmphasisPanel>\n      )}\n\n      {/* Record result */}\n      {canRecordResult && (\n        <section className=\"mb-8\">\n          <h2 className=\"mb-4 flex items-center gap-2 text-lg font-semibold text-text-primary\">\n            <Flag className=\"h-5 w-5\" /> Record result\n          </h2>\n          <GlassCard treatment=\"insight\" className=\"p-6\">\n            <p className=\"mb-4 text-sm text-text-secondary\">\n              Recording a final score marks this fixture <strong>Completed</strong> and recomputes\n              the competition standings for both teams.\n            </p>\n            <form onSubmit={handleRecord} className=\"flex flex-wrap items-end gap-4\">\n              <FormField label={`${homeName} score`} htmlFor=\"homeScore\" className=\"w-32\">\n                <input\n                  id=\"homeScore\"\n                  inputMode=\"numeric\"\n                  className={fieldInputClass}\n                  value={homeScore}\n                  onChange={(e) => setHomeScore(e.target.value)}\n                  placeholder=\"0\"\n                />\n              </FormField>\n              <FormField label={`${awayName} score`} htmlFor=\"awayScore\" className=\"w-32\">\n                <input\n                  id=\"awayScore\"\n                  inputMode=\"numeric\"\n                  className={fieldInputClass}\n                  value={awayScore}\n                  onChange={(e) => setAwayScore(e.target.value)}\n                  placeholder=\"0\"\n                />\n              </FormField>\n              <button\n                type=\"submit\"\n                disabled={recordResult.isPending}\n                className=\"inline-flex h-[38px] items-center gap-1.5 rounded-lg bg-action-primary-bg px-4 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg/90 disabled:opacity-60\"\n              >\n                {recordResult.isPending ? (\n                  <Loader2 className=\"h-4 w-4 animate-spin\" />\n                ) : (\n                  <Trophy className=\"h-4 w-4\" />\n                )}\n                Record\n              </button>\n            </form>\n            {error && <p className=\"mt-3 text-sm text-status-error-text\">{error}</p>}\n          </GlassCard>\n        </section>\n      )}\n\n      {f.competition && (\n        <button\n          type=\"button\"\n          onClick={() =>\n            navigateTo(`/standings?competition=${encodeURIComponent(f.competition ?? '')}`)\n          }\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          <Trophy className=\"h-4 w-4\" /> View {f.competition} standings\n        </button>\n      )}\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}

package/dist/atheletebridge/pages/performance/PerformancePage.js

@@ -259,7 +259,7 @@ function U({ open: e, onOpenChange: t, athleteId: n, displayName: r }) {
 					})
 				}),
 				/* @__PURE__ */ D("div", {
-					className: "grid grid-cols-2 gap-4",
+					className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
 					children: [/* @__PURE__ */ E(f, {
 						label: "Status",
 						htmlFor: "workoutStatus",
@@ -287,7 +287,7 @@ function U({ open: e, onOpenChange: t, athleteId: n, displayName: r }) {
 					})]
 				}),
 				/* @__PURE__ */ D("div", {
-					className: "grid grid-cols-3 gap-4",
+					className: "grid grid-cols-1 gap-4 sm:grid-cols-3",
 					children: [
 						/* @__PURE__ */ E(f, {
 							label: "Duration (min)",
@@ -394,7 +394,7 @@ function W({ open: e, onOpenChange: t, athleteId: r, displayName: i }) {
 			className: "space-y-4 px-1",
 			children: [
 				/* @__PURE__ */ D("div", {
-					className: "grid grid-cols-2 gap-4",
+					className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
 					children: [/* @__PURE__ */ E(f, {
 						label: "Type",
 						htmlFor: "metricType",

package/dist/atheletebridge/pages/performance/PerformancePage.js.map

@@ -1 +1 @@
-{"version":3,"file":"PerformancePage.js","names":[],"sources":["../../../../src/atheletebridge/pages/performance/PerformancePage.tsx"],"sourcesContent":["/**\n * Performance\n * @module atheletebridge/pages/performance\n *\n * The coach's athlete-performance workbench: pick an athlete from a team roster,\n * then log workouts (athLogWorkout) and record performance metrics\n * (athRecordMetric), and review that athlete's workout history\n * (athListWorkoutLogs, offset-paginated) and metrics grouped by type with a\n * tokenized comparison bar. Backs the dashboard's \"track athlete performance\".\n */\n\nimport { useMemo, useState } from 'react';\nimport { Activity, Dumbbell, Gauge, Loader2, Plus, Save, Users } 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 { AthleteSelect, type AthleteSelectValue } from '../../components/AthleteSelect';\nimport { StatusBadge } from '../../components/StatusBadge';\nimport { EmptyState } from '../../components/EmptyState';\nimport { LoadingState, ErrorState } from '../../components/LoadingState';\nimport { CursorPager } from '../../components/CursorPager';\nimport { FormField, fieldInputClass } from '../../components/form';\nimport { METRIC_TYPE_LABELS } from '../../components/domain';\nimport {\n  useWorkoutLogs,\n  usePerformanceMetrics,\n  useLogWorkout,\n  useRecordMetric,\n} from '../../hooks/useAthleteBridgeApi';\nimport { formatDate, formatDuration } from '../../utils/formatters';\nimport type { AthMetricType, AthPerformanceMetric, AthWorkoutStatus } from '../../types';\n\nconst PAGE_SIZE = 10;\n\nconst WORKOUT_STATUSES: AthWorkoutStatus[] = ['COMPLETED', 'PLANNED', 'SKIPPED'];\nconst METRIC_TYPES = Object.keys(METRIC_TYPE_LABELS) as AthMetricType[];\n\nconst numOrUndefined = (value: string): number | undefined => {\n  const t = value.trim();\n  if (!t) return undefined;\n  const n = Number.parseInt(t, 10);\n  return Number.isNaN(n) ? undefined : n;\n};\n\nconst floatOrUndefined = (value: string): number | undefined => {\n  const t = value.trim();\n  if (!t) return undefined;\n  const n = Number.parseFloat(t);\n  return Number.isNaN(n) ? undefined : n;\n};\n\n/** Current local time as a `datetime-local` value (`YYYY-MM-DDTHH:mm`). */\nconst nowLocal = (): string => {\n  const d = new Date();\n  const local = new Date(d.getTime() - d.getTimezoneOffset() * 60_000);\n  return local.toISOString().slice(0, 16);\n};\n\nexport function PerformancePage() {\n  const [athlete, setAthlete] = useState<AthleteSelectValue>({ athleteId: '', displayName: '' });\n\n  return (\n    <PageLayout\n      title=\"Performance\"\n      description=\"Log workouts, record metrics and track an athlete's progress over time.\"\n    >\n      <GlassCard treatment=\"insight\" className=\"mb-8 p-6\">\n        <AthleteSelect\n          athleteId={athlete.athleteId}\n          onSelect={setAthlete}\n          idPrefix=\"perf-athlete\"\n        />\n      </GlassCard>\n\n      {athlete.athleteId ? (\n        <AthletePerformance athleteId={athlete.athleteId} displayName={athlete.displayName} />\n      ) : (\n        <EmptyState\n          illustration=\"empty-data\"\n          icon={<Users className=\"h-10 w-10\" />}\n          title=\"Pick an athlete to begin\"\n          description=\"Choose a team and an athlete above to log workouts, record metrics and review their history.\"\n        />\n      )}\n    </PageLayout>\n  );\n}\n\ninterface AthletePerformanceProps {\n  athleteId: string;\n  displayName: string;\n}\n\nfunction AthletePerformance({ athleteId, displayName }: AthletePerformanceProps) {\n  const [page, setPage] = useState(0);\n  const [logOpen, setLogOpen] = useState(false);\n  const [metricOpen, setMetricOpen] = useState(false);\n\n  const logs = useWorkoutLogs({\n    athleteId,\n    pagination: { limit: PAGE_SIZE, offset: page * PAGE_SIZE },\n  });\n  const metrics = usePerformanceMetrics(athleteId);\n\n  const logItems = logs.data?.items ?? [];\n  const hasMore = logs.data?.pageInfo.hasMore ?? false;\n\n  const metricGroups = useMemo(() => {\n    const groups = new Map<AthMetricType, AthPerformanceMetric[]>();\n    for (const m of metrics.data ?? []) {\n      const list = groups.get(m.type) ?? [];\n      list.push(m);\n      groups.set(m.type, list);\n    }\n    return Array.from(groups.entries()).map(([type, list]) => ({\n      type,\n      metrics: [...list].sort(\n        (a, b) => new Date(b.recordedAt).getTime() - new Date(a.recordedAt).getTime()\n      ),\n      max: Math.max(...list.map((m) => Math.abs(m.value)), 0) || 1,\n    }));\n  }, [metrics.data]);\n\n  return (\n    <div className=\"space-y-8\">\n      {/* Actions */}\n      <div className=\"flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between\">\n        <p className=\"text-sm text-text-secondary\">\n          Tracking <span className=\"font-medium text-text-primary\">{displayName || 'athlete'}</span>\n        </p>\n        <div className=\"flex flex-wrap gap-2\">\n          <button\n            type=\"button\"\n            onClick={() => setLogOpen(true)}\n            className=\"inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg/90\"\n          >\n            <Dumbbell className=\"h-4 w-4\" /> Log workout\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => setMetricOpen(true)}\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            <Gauge className=\"h-4 w-4\" /> Record metric\n          </button>\n        </div>\n      </div>\n\n      {/* Metrics */}\n      <section>\n        <h2 className=\"mb-4 text-lg font-semibold text-text-primary\">Performance metrics</h2>\n        {metrics.isLoading ? (\n          <LoadingState label=\"Loading metrics…\" />\n        ) : metrics.isError ? (\n          <ErrorState onRetry={() => void metrics.refetch()} />\n        ) : metricGroups.length === 0 ? (\n          <EmptyState\n            illustration=\"empty-data\"\n            icon={<Gauge className=\"h-10 w-10\" />}\n            title=\"No metrics recorded\"\n            description=\"Record a metric — speed, strength, endurance and more — to start charting progress.\"\n          />\n        ) : (\n          <div className=\"grid grid-cols-1 gap-4 lg:grid-cols-2\">\n            {metricGroups.map((group) => (\n              <GlassCard key={group.type} treatment=\"metric\" className=\"p-5\">\n                <h3 className=\"mb-3 text-sm font-semibold uppercase tracking-wide text-text-secondary\">\n                  {METRIC_TYPE_LABELS[group.type]}\n                </h3>\n                <ul className=\"space-y-3\">\n                  {group.metrics.map((m) => {\n                    const pct = Math.max(4, Math.round((Math.abs(m.value) / group.max) * 100));\n                    return (\n                      <li\n                        key={m.id}\n                        className=\"flex items-center gap-3\"\n                        title={formatDate(m.recordedAt)}\n                      >\n                        <span className=\"w-24 shrink-0 truncate text-sm text-text-primary\">\n                          {m.label}\n                        </span>\n                        <span\n                          className=\"h-2 flex-1 overflow-hidden rounded-full bg-bg-sunken\"\n                          aria-hidden=\"true\"\n                        >\n                          <span\n                            className=\"block h-2 rounded-full bg-[var(--color-accent-teal)]\"\n                            style={{ width: `${pct}%` }}\n                          />\n                        </span>\n                        <span className=\"w-24 shrink-0 text-right text-sm tabular-nums text-text-primary\">\n                          {m.value}\n                          {m.unit ? ` ${m.unit}` : ''}\n                        </span>\n                      </li>\n                    );\n                  })}\n                </ul>\n              </GlassCard>\n            ))}\n          </div>\n        )}\n      </section>\n\n      {/* Workout logs */}\n      <section>\n        <h2 className=\"mb-4 text-lg font-semibold text-text-primary\">Workout history</h2>\n        {logs.isLoading ? (\n          <LoadingState label=\"Loading workouts…\" />\n        ) : logs.isError ? (\n          <ErrorState onRetry={() => void logs.refetch()} />\n        ) : logItems.length === 0 ? (\n          <EmptyState\n            illustration=\"empty-data\"\n            icon={<Activity className=\"h-10 w-10\" />}\n            title=\"No workouts logged\"\n            description=\"Log a workout to build this athlete's training history.\"\n            action={\n              <button\n                type=\"button\"\n                onClick={() => setLogOpen(true)}\n                className=\"rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg/90\"\n              >\n                Log workout\n              </button>\n            }\n          />\n        ) : (\n          <>\n            <EmphasisPanel>\n              <div className=\"divide-y divide-border-seam\">\n                {logItems.map((log) => (\n                  <div key={log.id} className=\"flex flex-wrap items-center gap-x-4 gap-y-1 py-3\">\n                    <div className=\"min-w-0 flex-1\">\n                      <p className=\"truncate text-sm font-medium text-text-primary\">{log.title}</p>\n                      <div className=\"mt-0.5 flex flex-wrap gap-x-3 gap-y-1 text-xs text-text-secondary\">\n                        <span>{formatDate(log.performedAt)}</span>\n                        {log.durationMin != null && <span>{formatDuration(log.durationMin)}</span>}\n                        {log.rpe != null && <span>RPE {log.rpe}</span>}\n                        {log.totalLoad != null && <span>Load {log.totalLoad}</span>}\n                      </div>\n                      {log.notes && (\n                        <p className=\"mt-0.5 truncate text-xs text-text-secondary\">{log.notes}</p>\n                      )}\n                    </div>\n                    <StatusBadge status={log.status} />\n                  </div>\n                ))}\n              </div>\n            </EmphasisPanel>\n            <CursorPager\n              className=\"mt-6\"\n              page={page}\n              hasMore={hasMore}\n              onPrev={() => setPage((p) => Math.max(0, p - 1))}\n              onNext={() => setPage((p) => p + 1)}\n            />\n          </>\n        )}\n      </section>\n\n      <LogWorkoutDialog\n        open={logOpen}\n        onOpenChange={setLogOpen}\n        athleteId={athleteId}\n        displayName={displayName}\n      />\n      <RecordMetricDialog\n        open={metricOpen}\n        onOpenChange={setMetricOpen}\n        athleteId={athleteId}\n        displayName={displayName}\n      />\n    </div>\n  );\n}\n\ninterface DialogProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  athleteId: string;\n  displayName: string;\n}\n\nfunction LogWorkoutDialog({ open, onOpenChange, athleteId, displayName }: DialogProps) {\n  const logWorkout = useLogWorkout();\n  const [title, setTitle] = useState('');\n  const [status, setStatus] = useState<AthWorkoutStatus>('COMPLETED');\n  const [performedAt, setPerformedAt] = useState(nowLocal);\n  const [durationMin, setDurationMin] = useState('');\n  const [rpe, setRpe] = useState('');\n  const [totalLoad, setTotalLoad] = useState('');\n  const [notes, setNotes] = useState('');\n  const [error, setError] = useState<string | null>(null);\n\n  const reset = () => {\n    setTitle('');\n    setStatus('COMPLETED');\n    setPerformedAt(nowLocal());\n    setDurationMin('');\n    setRpe('');\n    setTotalLoad('');\n    setNotes('');\n    setError(null);\n  };\n\n  const handleSubmit = async (e: React.FormEvent) => {\n    e.preventDefault();\n    setError(null);\n    if (!title.trim()) {\n      setError('A workout title is required.');\n      return;\n    }\n    if (!performedAt) {\n      setError('A performed date and time is required.');\n      return;\n    }\n    try {\n      await logWorkout.mutateAsync({\n        athleteId,\n        title: title.trim(),\n        status,\n        performedAt: new Date(performedAt).toISOString(),\n        durationMin: numOrUndefined(durationMin),\n        rpe: numOrUndefined(rpe),\n        totalLoad: floatOrUndefined(totalLoad),\n        notes: notes.trim() || undefined,\n      });\n      reset();\n      onOpenChange(false);\n    } catch (err) {\n      setError(err instanceof Error ? err.message : 'Failed to log workout.');\n    }\n  };\n\n  return (\n    <ResponsiveDialog open={open} onOpenChange={onOpenChange}>\n      <ResponsiveDialogContent>\n        <ResponsiveDialogHeader>\n          <ResponsiveDialogTitle>\n            Log workout{displayName ? ` — ${displayName}` : ''}\n          </ResponsiveDialogTitle>\n        </ResponsiveDialogHeader>\n        <form onSubmit={handleSubmit} className=\"space-y-4 px-1\">\n          <FormField label=\"Title\" htmlFor=\"workoutTitle\" required>\n            <input\n              id=\"workoutTitle\"\n              className={fieldInputClass}\n              value={title}\n              onChange={(e) => setTitle(e.target.value)}\n              placeholder=\"e.g. Lower-body strength\"\n            />\n          </FormField>\n          <div className=\"grid grid-cols-2 gap-4\">\n            <FormField label=\"Status\" htmlFor=\"workoutStatus\">\n              <select\n                id=\"workoutStatus\"\n                className={fieldInputClass}\n                value={status}\n                onChange={(e) => setStatus(e.target.value as AthWorkoutStatus)}\n              >\n                {WORKOUT_STATUSES.map((s) => (\n                  <option key={s} value={s}>\n                    {s.charAt(0) + s.slice(1).toLowerCase()}\n                  </option>\n                ))}\n              </select>\n            </FormField>\n            <FormField label=\"Performed at\" htmlFor=\"workoutPerformedAt\" required>\n              <input\n                id=\"workoutPerformedAt\"\n                type=\"datetime-local\"\n                className={fieldInputClass}\n                value={performedAt}\n                onChange={(e) => setPerformedAt(e.target.value)}\n              />\n            </FormField>\n          </div>\n          <div className=\"grid grid-cols-3 gap-4\">\n            <FormField label=\"Duration (min)\" htmlFor=\"workoutDuration\">\n              <input\n                id=\"workoutDuration\"\n                inputMode=\"numeric\"\n                className={fieldInputClass}\n                value={durationMin}\n                onChange={(e) => setDurationMin(e.target.value)}\n              />\n            </FormField>\n            <FormField label=\"RPE (1–10)\" htmlFor=\"workoutRpe\">\n              <input\n                id=\"workoutRpe\"\n                inputMode=\"numeric\"\n                className={fieldInputClass}\n                value={rpe}\n                onChange={(e) => setRpe(e.target.value)}\n              />\n            </FormField>\n            <FormField label=\"Total load\" htmlFor=\"workoutLoad\">\n              <input\n                id=\"workoutLoad\"\n                inputMode=\"decimal\"\n                className={fieldInputClass}\n                value={totalLoad}\n                onChange={(e) => setTotalLoad(e.target.value)}\n              />\n            </FormField>\n          </div>\n          <FormField label=\"Notes\" htmlFor=\"workoutNotes\">\n            <textarea\n              id=\"workoutNotes\"\n              rows={2}\n              className={fieldInputClass}\n              value={notes}\n              onChange={(e) => setNotes(e.target.value)}\n              placeholder=\"How did the session go?\"\n            />\n          </FormField>\n          {error && <p className=\"text-sm text-status-error-text\">{error}</p>}\n          <ResponsiveDialogFooter>\n            <button\n              type=\"button\"\n              onClick={() => onOpenChange(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={logWorkout.isPending}\n              className=\"inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg/90 disabled:opacity-60\"\n            >\n              {logWorkout.isPending ? (\n                <Loader2 className=\"h-4 w-4 animate-spin\" />\n              ) : (\n                <Save className=\"h-4 w-4\" />\n              )}\n              Log workout\n            </button>\n          </ResponsiveDialogFooter>\n        </form>\n      </ResponsiveDialogContent>\n    </ResponsiveDialog>\n  );\n}\n\nfunction RecordMetricDialog({ open, onOpenChange, athleteId, displayName }: DialogProps) {\n  const recordMetric = useRecordMetric();\n  const [type, setType] = useState<AthMetricType>('CUSTOM');\n  const [label, setLabel] = useState('');\n  const [value, setValue] = useState('');\n  const [unit, setUnit] = useState('');\n  const [source, setSource] = useState('');\n  const [recordedAt, setRecordedAt] = useState(nowLocal);\n  const [error, setError] = useState<string | null>(null);\n\n  const reset = () => {\n    setType('CUSTOM');\n    setLabel('');\n    setValue('');\n    setUnit('');\n    setSource('');\n    setRecordedAt(nowLocal());\n    setError(null);\n  };\n\n  const handleSubmit = async (e: React.FormEvent) => {\n    e.preventDefault();\n    setError(null);\n    if (!label.trim()) {\n      setError('A metric label is required.');\n      return;\n    }\n    const numericValue = floatOrUndefined(value);\n    if (numericValue === undefined) {\n      setError('A numeric value is required.');\n      return;\n    }\n    if (!recordedAt) {\n      setError('A recorded date and time is required.');\n      return;\n    }\n    try {\n      await recordMetric.mutateAsync({\n        athleteId,\n        type,\n        label: label.trim(),\n        value: numericValue,\n        unit: unit.trim() || undefined,\n        source: source.trim() || undefined,\n        recordedAt: new Date(recordedAt).toISOString(),\n      });\n      reset();\n      onOpenChange(false);\n    } catch (err) {\n      setError(err instanceof Error ? err.message : 'Failed to record metric.');\n    }\n  };\n\n  return (\n    <ResponsiveDialog open={open} onOpenChange={onOpenChange}>\n      <ResponsiveDialogContent>\n        <ResponsiveDialogHeader>\n          <ResponsiveDialogTitle>\n            Record metric{displayName ? ` — ${displayName}` : ''}\n          </ResponsiveDialogTitle>\n        </ResponsiveDialogHeader>\n        <form onSubmit={handleSubmit} className=\"space-y-4 px-1\">\n          <div className=\"grid grid-cols-2 gap-4\">\n            <FormField label=\"Type\" htmlFor=\"metricType\">\n              <select\n                id=\"metricType\"\n                className={fieldInputClass}\n                value={type}\n                onChange={(e) => setType(e.target.value as AthMetricType)}\n              >\n                {METRIC_TYPES.map((t) => (\n                  <option key={t} value={t}>\n                    {METRIC_TYPE_LABELS[t]}\n                  </option>\n                ))}\n              </select>\n            </FormField>\n            <FormField label=\"Recorded at\" htmlFor=\"metricRecordedAt\" required>\n              <input\n                id=\"metricRecordedAt\"\n                type=\"datetime-local\"\n                className={fieldInputClass}\n                value={recordedAt}\n                onChange={(e) => setRecordedAt(e.target.value)}\n              />\n            </FormField>\n          </div>\n          <FormField label=\"Label\" htmlFor=\"metricLabel\" required>\n            <input\n              id=\"metricLabel\"\n              className={fieldInputClass}\n              value={label}\n              onChange={(e) => setLabel(e.target.value)}\n              placeholder=\"e.g. 40m sprint\"\n            />\n          </FormField>\n          <div className=\"grid grid-cols-2 gap-4\">\n            <FormField label=\"Value\" htmlFor=\"metricValue\" required>\n              <input\n                id=\"metricValue\"\n                inputMode=\"decimal\"\n                className={fieldInputClass}\n                value={value}\n                onChange={(e) => setValue(e.target.value)}\n                placeholder=\"e.g. 4.8\"\n              />\n            </FormField>\n            <FormField label=\"Unit\" htmlFor=\"metricUnit\">\n              <input\n                id=\"metricUnit\"\n                className={fieldInputClass}\n                value={unit}\n                onChange={(e) => setUnit(e.target.value)}\n                placeholder=\"e.g. s, kg, bpm\"\n              />\n            </FormField>\n          </div>\n          <FormField label=\"Source\" htmlFor=\"metricSource\" hint=\"Optional — device, test or coach.\">\n            <input\n              id=\"metricSource\"\n              className={fieldInputClass}\n              value={source}\n              onChange={(e) => setSource(e.target.value)}\n              placeholder=\"e.g. GPS vest\"\n            />\n          </FormField>\n          {error && <p className=\"text-sm text-status-error-text\">{error}</p>}\n          <ResponsiveDialogFooter>\n            <button\n              type=\"button\"\n              onClick={() => onOpenChange(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={recordMetric.isPending}\n              className=\"inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg/90 disabled:opacity-60\"\n            >\n              {recordMetric.isPending ? (\n                <Loader2 className=\"h-4 w-4 animate-spin\" />\n              ) : (\n                <Plus className=\"h-4 w-4\" />\n              )}\n              Record metric\n            </button>\n          </ResponsiveDialogFooter>\n        </form>\n      </ResponsiveDialogContent>\n    </ResponsiveDialog>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"PerformancePage.js","names":[],"sources":["../../../../src/atheletebridge/pages/performance/PerformancePage.tsx"],"sourcesContent":["/**\n * Performance\n * @module atheletebridge/pages/performance\n *\n * The coach's athlete-performance workbench: pick an athlete from a team roster,\n * then log workouts (athLogWorkout) and record performance metrics\n * (athRecordMetric), and review that athlete's workout history\n * (athListWorkoutLogs, offset-paginated) and metrics grouped by type with a\n * tokenized comparison bar. Backs the dashboard's \"track athlete performance\".\n */\n\nimport { useMemo, useState } from 'react';\nimport { Activity, Dumbbell, Gauge, Loader2, Plus, Save, Users } 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 { AthleteSelect, type AthleteSelectValue } from '../../components/AthleteSelect';\nimport { StatusBadge } from '../../components/StatusBadge';\nimport { EmptyState } from '../../components/EmptyState';\nimport { LoadingState, ErrorState } from '../../components/LoadingState';\nimport { CursorPager } from '../../components/CursorPager';\nimport { FormField, fieldInputClass } from '../../components/form';\nimport { METRIC_TYPE_LABELS } from '../../components/domain';\nimport {\n  useWorkoutLogs,\n  usePerformanceMetrics,\n  useLogWorkout,\n  useRecordMetric,\n} from '../../hooks/useAthleteBridgeApi';\nimport { formatDate, formatDuration } from '../../utils/formatters';\nimport type { AthMetricType, AthPerformanceMetric, AthWorkoutStatus } from '../../types';\n\nconst PAGE_SIZE = 10;\n\nconst WORKOUT_STATUSES: AthWorkoutStatus[] = ['COMPLETED', 'PLANNED', 'SKIPPED'];\nconst METRIC_TYPES = Object.keys(METRIC_TYPE_LABELS) as AthMetricType[];\n\nconst numOrUndefined = (value: string): number | undefined => {\n  const t = value.trim();\n  if (!t) return undefined;\n  const n = Number.parseInt(t, 10);\n  return Number.isNaN(n) ? undefined : n;\n};\n\nconst floatOrUndefined = (value: string): number | undefined => {\n  const t = value.trim();\n  if (!t) return undefined;\n  const n = Number.parseFloat(t);\n  return Number.isNaN(n) ? undefined : n;\n};\n\n/** Current local time as a `datetime-local` value (`YYYY-MM-DDTHH:mm`). */\nconst nowLocal = (): string => {\n  const d = new Date();\n  const local = new Date(d.getTime() - d.getTimezoneOffset() * 60_000);\n  return local.toISOString().slice(0, 16);\n};\n\nexport function PerformancePage() {\n  const [athlete, setAthlete] = useState<AthleteSelectValue>({ athleteId: '', displayName: '' });\n\n  return (\n    <PageLayout\n      title=\"Performance\"\n      description=\"Log workouts, record metrics and track an athlete's progress over time.\"\n    >\n      <GlassCard treatment=\"insight\" className=\"mb-8 p-6\">\n        <AthleteSelect\n          athleteId={athlete.athleteId}\n          onSelect={setAthlete}\n          idPrefix=\"perf-athlete\"\n        />\n      </GlassCard>\n\n      {athlete.athleteId ? (\n        <AthletePerformance athleteId={athlete.athleteId} displayName={athlete.displayName} />\n      ) : (\n        <EmptyState\n          illustration=\"empty-data\"\n          icon={<Users className=\"h-10 w-10\" />}\n          title=\"Pick an athlete to begin\"\n          description=\"Choose a team and an athlete above to log workouts, record metrics and review their history.\"\n        />\n      )}\n    </PageLayout>\n  );\n}\n\ninterface AthletePerformanceProps {\n  athleteId: string;\n  displayName: string;\n}\n\nfunction AthletePerformance({ athleteId, displayName }: AthletePerformanceProps) {\n  const [page, setPage] = useState(0);\n  const [logOpen, setLogOpen] = useState(false);\n  const [metricOpen, setMetricOpen] = useState(false);\n\n  const logs = useWorkoutLogs({\n    athleteId,\n    pagination: { limit: PAGE_SIZE, offset: page * PAGE_SIZE },\n  });\n  const metrics = usePerformanceMetrics(athleteId);\n\n  const logItems = logs.data?.items ?? [];\n  const hasMore = logs.data?.pageInfo.hasMore ?? false;\n\n  const metricGroups = useMemo(() => {\n    const groups = new Map<AthMetricType, AthPerformanceMetric[]>();\n    for (const m of metrics.data ?? []) {\n      const list = groups.get(m.type) ?? [];\n      list.push(m);\n      groups.set(m.type, list);\n    }\n    return Array.from(groups.entries()).map(([type, list]) => ({\n      type,\n      metrics: [...list].sort(\n        (a, b) => new Date(b.recordedAt).getTime() - new Date(a.recordedAt).getTime()\n      ),\n      max: Math.max(...list.map((m) => Math.abs(m.value)), 0) || 1,\n    }));\n  }, [metrics.data]);\n\n  return (\n    <div className=\"space-y-8\">\n      {/* Actions */}\n      <div className=\"flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between\">\n        <p className=\"text-sm text-text-secondary\">\n          Tracking <span className=\"font-medium text-text-primary\">{displayName || 'athlete'}</span>\n        </p>\n        <div className=\"flex flex-wrap gap-2\">\n          <button\n            type=\"button\"\n            onClick={() => setLogOpen(true)}\n            className=\"inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg/90\"\n          >\n            <Dumbbell className=\"h-4 w-4\" /> Log workout\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => setMetricOpen(true)}\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            <Gauge className=\"h-4 w-4\" /> Record metric\n          </button>\n        </div>\n      </div>\n\n      {/* Metrics */}\n      <section>\n        <h2 className=\"mb-4 text-lg font-semibold text-text-primary\">Performance metrics</h2>\n        {metrics.isLoading ? (\n          <LoadingState label=\"Loading metrics…\" />\n        ) : metrics.isError ? (\n          <ErrorState onRetry={() => void metrics.refetch()} />\n        ) : metricGroups.length === 0 ? (\n          <EmptyState\n            illustration=\"empty-data\"\n            icon={<Gauge className=\"h-10 w-10\" />}\n            title=\"No metrics recorded\"\n            description=\"Record a metric — speed, strength, endurance and more — to start charting progress.\"\n          />\n        ) : (\n          <div className=\"grid grid-cols-1 gap-4 lg:grid-cols-2\">\n            {metricGroups.map((group) => (\n              <GlassCard key={group.type} treatment=\"metric\" className=\"p-5\">\n                <h3 className=\"mb-3 text-sm font-semibold uppercase tracking-wide text-text-secondary\">\n                  {METRIC_TYPE_LABELS[group.type]}\n                </h3>\n                <ul className=\"space-y-3\">\n                  {group.metrics.map((m) => {\n                    const pct = Math.max(4, Math.round((Math.abs(m.value) / group.max) * 100));\n                    return (\n                      <li\n                        key={m.id}\n                        className=\"flex items-center gap-3\"\n                        title={formatDate(m.recordedAt)}\n                      >\n                        <span className=\"w-24 shrink-0 truncate text-sm text-text-primary\">\n                          {m.label}\n                        </span>\n                        <span\n                          className=\"h-2 flex-1 overflow-hidden rounded-full bg-bg-sunken\"\n                          aria-hidden=\"true\"\n                        >\n                          <span\n                            className=\"block h-2 rounded-full bg-[var(--color-accent-teal)]\"\n                            style={{ width: `${pct}%` }}\n                          />\n                        </span>\n                        <span className=\"w-24 shrink-0 text-right text-sm tabular-nums text-text-primary\">\n                          {m.value}\n                          {m.unit ? ` ${m.unit}` : ''}\n                        </span>\n                      </li>\n                    );\n                  })}\n                </ul>\n              </GlassCard>\n            ))}\n          </div>\n        )}\n      </section>\n\n      {/* Workout logs */}\n      <section>\n        <h2 className=\"mb-4 text-lg font-semibold text-text-primary\">Workout history</h2>\n        {logs.isLoading ? (\n          <LoadingState label=\"Loading workouts…\" />\n        ) : logs.isError ? (\n          <ErrorState onRetry={() => void logs.refetch()} />\n        ) : logItems.length === 0 ? (\n          <EmptyState\n            illustration=\"empty-data\"\n            icon={<Activity className=\"h-10 w-10\" />}\n            title=\"No workouts logged\"\n            description=\"Log a workout to build this athlete's training history.\"\n            action={\n              <button\n                type=\"button\"\n                onClick={() => setLogOpen(true)}\n                className=\"rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg/90\"\n              >\n                Log workout\n              </button>\n            }\n          />\n        ) : (\n          <>\n            <EmphasisPanel>\n              <div className=\"divide-y divide-border-seam\">\n                {logItems.map((log) => (\n                  <div key={log.id} className=\"flex flex-wrap items-center gap-x-4 gap-y-1 py-3\">\n                    <div className=\"min-w-0 flex-1\">\n                      <p className=\"truncate text-sm font-medium text-text-primary\">{log.title}</p>\n                      <div className=\"mt-0.5 flex flex-wrap gap-x-3 gap-y-1 text-xs text-text-secondary\">\n                        <span>{formatDate(log.performedAt)}</span>\n                        {log.durationMin != null && <span>{formatDuration(log.durationMin)}</span>}\n                        {log.rpe != null && <span>RPE {log.rpe}</span>}\n                        {log.totalLoad != null && <span>Load {log.totalLoad}</span>}\n                      </div>\n                      {log.notes && (\n                        <p className=\"mt-0.5 truncate text-xs text-text-secondary\">{log.notes}</p>\n                      )}\n                    </div>\n                    <StatusBadge status={log.status} />\n                  </div>\n                ))}\n              </div>\n            </EmphasisPanel>\n            <CursorPager\n              className=\"mt-6\"\n              page={page}\n              hasMore={hasMore}\n              onPrev={() => setPage((p) => Math.max(0, p - 1))}\n              onNext={() => setPage((p) => p + 1)}\n            />\n          </>\n        )}\n      </section>\n\n      <LogWorkoutDialog\n        open={logOpen}\n        onOpenChange={setLogOpen}\n        athleteId={athleteId}\n        displayName={displayName}\n      />\n      <RecordMetricDialog\n        open={metricOpen}\n        onOpenChange={setMetricOpen}\n        athleteId={athleteId}\n        displayName={displayName}\n      />\n    </div>\n  );\n}\n\ninterface DialogProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  athleteId: string;\n  displayName: string;\n}\n\nfunction LogWorkoutDialog({ open, onOpenChange, athleteId, displayName }: DialogProps) {\n  const logWorkout = useLogWorkout();\n  const [title, setTitle] = useState('');\n  const [status, setStatus] = useState<AthWorkoutStatus>('COMPLETED');\n  const [performedAt, setPerformedAt] = useState(nowLocal);\n  const [durationMin, setDurationMin] = useState('');\n  const [rpe, setRpe] = useState('');\n  const [totalLoad, setTotalLoad] = useState('');\n  const [notes, setNotes] = useState('');\n  const [error, setError] = useState<string | null>(null);\n\n  const reset = () => {\n    setTitle('');\n    setStatus('COMPLETED');\n    setPerformedAt(nowLocal());\n    setDurationMin('');\n    setRpe('');\n    setTotalLoad('');\n    setNotes('');\n    setError(null);\n  };\n\n  const handleSubmit = async (e: React.FormEvent) => {\n    e.preventDefault();\n    setError(null);\n    if (!title.trim()) {\n      setError('A workout title is required.');\n      return;\n    }\n    if (!performedAt) {\n      setError('A performed date and time is required.');\n      return;\n    }\n    try {\n      await logWorkout.mutateAsync({\n        athleteId,\n        title: title.trim(),\n        status,\n        performedAt: new Date(performedAt).toISOString(),\n        durationMin: numOrUndefined(durationMin),\n        rpe: numOrUndefined(rpe),\n        totalLoad: floatOrUndefined(totalLoad),\n        notes: notes.trim() || undefined,\n      });\n      reset();\n      onOpenChange(false);\n    } catch (err) {\n      setError(err instanceof Error ? err.message : 'Failed to log workout.');\n    }\n  };\n\n  return (\n    <ResponsiveDialog open={open} onOpenChange={onOpenChange}>\n      <ResponsiveDialogContent>\n        <ResponsiveDialogHeader>\n          <ResponsiveDialogTitle>\n            Log workout{displayName ? ` — ${displayName}` : ''}\n          </ResponsiveDialogTitle>\n        </ResponsiveDialogHeader>\n        <form onSubmit={handleSubmit} className=\"space-y-4 px-1\">\n          <FormField label=\"Title\" htmlFor=\"workoutTitle\" required>\n            <input\n              id=\"workoutTitle\"\n              className={fieldInputClass}\n              value={title}\n              onChange={(e) => setTitle(e.target.value)}\n              placeholder=\"e.g. Lower-body strength\"\n            />\n          </FormField>\n          <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n            <FormField label=\"Status\" htmlFor=\"workoutStatus\">\n              <select\n                id=\"workoutStatus\"\n                className={fieldInputClass}\n                value={status}\n                onChange={(e) => setStatus(e.target.value as AthWorkoutStatus)}\n              >\n                {WORKOUT_STATUSES.map((s) => (\n                  <option key={s} value={s}>\n                    {s.charAt(0) + s.slice(1).toLowerCase()}\n                  </option>\n                ))}\n              </select>\n            </FormField>\n            <FormField label=\"Performed at\" htmlFor=\"workoutPerformedAt\" required>\n              <input\n                id=\"workoutPerformedAt\"\n                type=\"datetime-local\"\n                className={fieldInputClass}\n                value={performedAt}\n                onChange={(e) => setPerformedAt(e.target.value)}\n              />\n            </FormField>\n          </div>\n          <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-3\">\n            <FormField label=\"Duration (min)\" htmlFor=\"workoutDuration\">\n              <input\n                id=\"workoutDuration\"\n                inputMode=\"numeric\"\n                className={fieldInputClass}\n                value={durationMin}\n                onChange={(e) => setDurationMin(e.target.value)}\n              />\n            </FormField>\n            <FormField label=\"RPE (1–10)\" htmlFor=\"workoutRpe\">\n              <input\n                id=\"workoutRpe\"\n                inputMode=\"numeric\"\n                className={fieldInputClass}\n                value={rpe}\n                onChange={(e) => setRpe(e.target.value)}\n              />\n            </FormField>\n            <FormField label=\"Total load\" htmlFor=\"workoutLoad\">\n              <input\n                id=\"workoutLoad\"\n                inputMode=\"decimal\"\n                className={fieldInputClass}\n                value={totalLoad}\n                onChange={(e) => setTotalLoad(e.target.value)}\n              />\n            </FormField>\n          </div>\n          <FormField label=\"Notes\" htmlFor=\"workoutNotes\">\n            <textarea\n              id=\"workoutNotes\"\n              rows={2}\n              className={fieldInputClass}\n              value={notes}\n              onChange={(e) => setNotes(e.target.value)}\n              placeholder=\"How did the session go?\"\n            />\n          </FormField>\n          {error && <p className=\"text-sm text-status-error-text\">{error}</p>}\n          <ResponsiveDialogFooter>\n            <button\n              type=\"button\"\n              onClick={() => onOpenChange(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={logWorkout.isPending}\n              className=\"inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg/90 disabled:opacity-60\"\n            >\n              {logWorkout.isPending ? (\n                <Loader2 className=\"h-4 w-4 animate-spin\" />\n              ) : (\n                <Save className=\"h-4 w-4\" />\n              )}\n              Log workout\n            </button>\n          </ResponsiveDialogFooter>\n        </form>\n      </ResponsiveDialogContent>\n    </ResponsiveDialog>\n  );\n}\n\nfunction RecordMetricDialog({ open, onOpenChange, athleteId, displayName }: DialogProps) {\n  const recordMetric = useRecordMetric();\n  const [type, setType] = useState<AthMetricType>('CUSTOM');\n  const [label, setLabel] = useState('');\n  const [value, setValue] = useState('');\n  const [unit, setUnit] = useState('');\n  const [source, setSource] = useState('');\n  const [recordedAt, setRecordedAt] = useState(nowLocal);\n  const [error, setError] = useState<string | null>(null);\n\n  const reset = () => {\n    setType('CUSTOM');\n    setLabel('');\n    setValue('');\n    setUnit('');\n    setSource('');\n    setRecordedAt(nowLocal());\n    setError(null);\n  };\n\n  const handleSubmit = async (e: React.FormEvent) => {\n    e.preventDefault();\n    setError(null);\n    if (!label.trim()) {\n      setError('A metric label is required.');\n      return;\n    }\n    const numericValue = floatOrUndefined(value);\n    if (numericValue === undefined) {\n      setError('A numeric value is required.');\n      return;\n    }\n    if (!recordedAt) {\n      setError('A recorded date and time is required.');\n      return;\n    }\n    try {\n      await recordMetric.mutateAsync({\n        athleteId,\n        type,\n        label: label.trim(),\n        value: numericValue,\n        unit: unit.trim() || undefined,\n        source: source.trim() || undefined,\n        recordedAt: new Date(recordedAt).toISOString(),\n      });\n      reset();\n      onOpenChange(false);\n    } catch (err) {\n      setError(err instanceof Error ? err.message : 'Failed to record metric.');\n    }\n  };\n\n  return (\n    <ResponsiveDialog open={open} onOpenChange={onOpenChange}>\n      <ResponsiveDialogContent>\n        <ResponsiveDialogHeader>\n          <ResponsiveDialogTitle>\n            Record metric{displayName ? ` — ${displayName}` : ''}\n          </ResponsiveDialogTitle>\n        </ResponsiveDialogHeader>\n        <form onSubmit={handleSubmit} className=\"space-y-4 px-1\">\n          <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n            <FormField label=\"Type\" htmlFor=\"metricType\">\n              <select\n                id=\"metricType\"\n                className={fieldInputClass}\n                value={type}\n                onChange={(e) => setType(e.target.value as AthMetricType)}\n              >\n                {METRIC_TYPES.map((t) => (\n                  <option key={t} value={t}>\n                    {METRIC_TYPE_LABELS[t]}\n                  </option>\n                ))}\n              </select>\n            </FormField>\n            <FormField label=\"Recorded at\" htmlFor=\"metricRecordedAt\" required>\n              <input\n                id=\"metricRecordedAt\"\n                type=\"datetime-local\"\n                className={fieldInputClass}\n                value={recordedAt}\n                onChange={(e) => setRecordedAt(e.target.value)}\n              />\n            </FormField>\n          </div>\n          <FormField label=\"Label\" htmlFor=\"metricLabel\" required>\n            <input\n              id=\"metricLabel\"\n              className={fieldInputClass}\n              value={label}\n              onChange={(e) => setLabel(e.target.value)}\n              placeholder=\"e.g. 40m sprint\"\n            />\n          </FormField>\n          <div className=\"grid grid-cols-2 gap-4\">\n            <FormField label=\"Value\" htmlFor=\"metricValue\" required>\n              <input\n                id=\"metricValue\"\n                inputMode=\"decimal\"\n                className={fieldInputClass}\n                value={value}\n                onChange={(e) => setValue(e.target.value)}\n                placeholder=\"e.g. 4.8\"\n              />\n            </FormField>\n            <FormField label=\"Unit\" htmlFor=\"metricUnit\">\n              <input\n                id=\"metricUnit\"\n                className={fieldInputClass}\n                value={unit}\n                onChange={(e) => setUnit(e.target.value)}\n                placeholder=\"e.g. s, kg, bpm\"\n              />\n            </FormField>\n          </div>\n          <FormField label=\"Source\" htmlFor=\"metricSource\" hint=\"Optional — device, test or coach.\">\n            <input\n              id=\"metricSource\"\n              className={fieldInputClass}\n              value={source}\n              onChange={(e) => setSource(e.target.value)}\n              placeholder=\"e.g. GPS vest\"\n            />\n          </FormField>\n          {error && <p className=\"text-sm text-status-error-text\">{error}</p>}\n          <ResponsiveDialogFooter>\n            <button\n              type=\"button\"\n              onClick={() => onOpenChange(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={recordMetric.isPending}\n              className=\"inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg/90 disabled:opacity-60\"\n            >\n              {recordMetric.isPending ? (\n                <Loader2 className=\"h-4 w-4 animate-spin\" />\n              ) : (\n                <Plus className=\"h-4 w-4\" />\n              )}\n              Record metric\n            </button>\n          </ResponsiveDialogFooter>\n        </form>\n      </ResponsiveDialogContent>\n    </ResponsiveDialog>\n  );\n}\n"],"mappings":"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"}

package/dist/atheletebridge/pages/programs/ProgramDetailPage.js

@@ -284,7 +284,7 @@ function N() {
 							})
 						}),
 						/* @__PURE__ */ C("div", {
-							className: "grid grid-cols-3 gap-4",
+							className: "grid grid-cols-1 gap-4 sm:grid-cols-3",
 							children: [
 								/* @__PURE__ */ S(u, {
 									label: "Week",

package/dist/atheletebridge/pages/programs/ProgramDetailPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgramDetailPage.js","names":[],"sources":["../../../../src/atheletebridge/pages/programs/ProgramDetailPage.tsx"],"sourcesContent":["/**\n * Program Detail\n * @module atheletebridge/pages/programs\n *\n * Reads a single program with its drills (athProgram), supports the publish\n * lifecycle (athTransitionProgram), editing/archiving, and adding/removing\n * drills (athAddDrill / athRemoveDrill).\n */\n\nimport { useMemo, useState } from 'react';\nimport { useParams } from 'react-router-dom';\nimport {\n  ArrowLeft,\n  Edit,\n  Archive,\n  Plus,\n  Trash2,\n  Loader2,\n  Send,\n  Undo2,\n  Copy,\n  FileVideo,\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 { EmptyState } from '../../components/EmptyState';\nimport { LoadingState, ErrorState } from '../../components/LoadingState';\nimport { FormField, fieldInputClass } from '../../components/form';\nimport { DrillVideoLink } from '../../components/DrillVideoLink';\nimport { SPORT_LABELS, PROGRAM_LEVEL_LABELS } from '../../components/domain';\nimport { useAthleteBridge } from '../../context/AthleteBridgeContext';\nimport {\n  useProgram,\n  useTransitionProgram,\n  useArchiveProgram,\n  useAddDrill,\n  useRemoveDrill,\n  useUploadFile,\n} from '../../hooks/useAthleteBridgeApi';\nimport type { AthDrill, AthProgramStatus } from '../../types';\n\ninterface DrillForm {\n  name: string;\n  description: string;\n  weekNumber: string;\n  sets: string;\n  reps: string;\n  durationSec: string;\n  restSec: string;\n}\n\nconst EMPTY_DRILL: DrillForm = {\n  name: '',\n  description: '',\n  weekNumber: '1',\n  sets: '',\n  reps: '',\n  durationSec: '',\n  restSec: '',\n};\n\nconst numOrUndefined = (v: string): number | undefined => {\n  const t = v.trim();\n  if (!t) return undefined;\n  const n = Number.parseInt(t, 10);\n  return Number.isNaN(n) ? undefined : n;\n};\n\nexport function ProgramDetailPage() {\n  const { id } = useParams<{ id: string }>();\n  const { navigateTo } = useAthleteBridge();\n\n  const program = useProgram(id);\n  const transition = useTransitionProgram();\n  const archive = useArchiveProgram();\n  const addDrill = useAddDrill();\n  const removeDrill = useRemoveDrill(id);\n  const uploadFile = useUploadFile();\n\n  const [drillOpen, setDrillOpen] = useState(false);\n  const [drillForm, setDrillForm] = useState<DrillForm>(EMPTY_DRILL);\n  const [videoFile, setVideoFile] = useState<File | null>(null);\n  const [uploadingVideo, setUploadingVideo] = useState(false);\n  const [drillError, setDrillError] = useState<string | null>(null);\n\n  const drillsByWeek = useMemo(() => {\n    const drills = program.data?.drills ?? [];\n    const groups = new Map<number, AthDrill[]>();\n    for (const d of drills) {\n      const list = groups.get(d.weekNumber) ?? [];\n      list.push(d);\n      groups.set(d.weekNumber, list);\n    }\n    return Array.from(groups.entries())\n      .sort(([a], [b]) => a - b)\n      .map(([week, list]) => ({\n        week,\n        drills: [...list].sort((a, b) => a.orderIndex - b.orderIndex),\n      }));\n  }, [program.data]);\n\n  if (program.isLoading) {\n    return (\n      <PageLayout title=\"Program\">\n        <LoadingState label=\"Loading program…\" />\n      </PageLayout>\n    );\n  }\n\n  if (program.isError || !program.data) {\n    return (\n      <PageLayout title=\"Program\">\n        <ErrorState\n          title=\"Program not found\"\n          message=\"This program does not exist or you do not have access to it.\"\n          onRetry={() => navigateTo('/programs')}\n        />\n      </PageLayout>\n    );\n  }\n\n  const p = program.data;\n  const drillCount = p.drills?.length ?? 0;\n\n  const handleTransition = (status: AthProgramStatus) => {\n    if (!id) return;\n    void transition.mutate({ id, status });\n  };\n\n  const handleArchive = async () => {\n    if (!id) return;\n    await archive.mutateAsync(id);\n    navigateTo('/programs');\n  };\n\n  const handleAddDrill = async (e: React.FormEvent) => {\n    e.preventDefault();\n    setDrillError(null);\n    if (!id) return;\n    if (!drillForm.name.trim()) {\n      setDrillError('Drill name is required.');\n      return;\n    }\n    const week = numOrUndefined(drillForm.weekNumber) ?? 1;\n\n    let videoFileId: string | undefined;\n    if (videoFile) {\n      setUploadingVideo(true);\n      try {\n        videoFileId = await uploadFile(videoFile);\n      } catch (err) {\n        setDrillError(err instanceof Error ? err.message : 'Failed to upload the demo video.');\n        setUploadingVideo(false);\n        return;\n      }\n      setUploadingVideo(false);\n    }\n\n    try {\n      await addDrill.mutateAsync({\n        programId: id,\n        name: drillForm.name.trim(),\n        description: drillForm.description.trim() || undefined,\n        weekNumber: week,\n        orderIndex: program.data?.drills?.filter((d) => d.weekNumber === week).length ?? 0,\n        sets: numOrUndefined(drillForm.sets),\n        reps: numOrUndefined(drillForm.reps),\n        durationSec: numOrUndefined(drillForm.durationSec),\n        restSec: numOrUndefined(drillForm.restSec),\n        videoFileId,\n      });\n      setDrillForm(EMPTY_DRILL);\n      setVideoFile(null);\n      setDrillOpen(false);\n    } catch (err) {\n      setDrillError(err instanceof Error ? err.message : 'Failed to add drill.');\n    }\n  };\n\n  return (\n    <PageLayout\n      title={p.name}\n      description={`${SPORT_LABELS[p.sport]} · ${PROGRAM_LEVEL_LABELS[p.level]} · ${p.weeks} ${\n        p.weeks === 1 ? 'week' : 'weeks'\n      }`}\n      actions={\n        <div className=\"flex flex-wrap items-center gap-2\">\n          <button\n            type=\"button\"\n            onClick={() => navigateTo('/programs')}\n            className=\"inline-flex items-center gap-1.5 rounded-lg border border-border-seam px-3 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          <button\n            type=\"button\"\n            onClick={() => navigateTo(`/programs/${p.id}/edit`)}\n            className=\"inline-flex items-center gap-1.5 rounded-lg border border-border-seam px-3 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken\"\n          >\n            <Edit className=\"h-4 w-4\" /> Edit\n          </button>\n          {p.status !== 'ARCHIVED' && (\n            <button\n              type=\"button\"\n              onClick={handleArchive}\n              disabled={archive.isPending}\n              className=\"inline-flex items-center gap-1.5 rounded-lg border border-border-seam px-3 py-2 text-sm font-medium text-status-error-text transition-colors hover:bg-status-error-bg-subtle disabled:opacity-60\"\n            >\n              {archive.isPending ? (\n                <Loader2 className=\"h-4 w-4 animate-spin\" />\n              ) : (\n                <Archive className=\"h-4 w-4\" />\n              )}{' '}\n              Archive\n            </button>\n          )}\n        </div>\n      }\n    >\n      {/* Summary + lifecycle */}\n      <GlassCard treatment=\"insight\" className=\"mb-8 p-6\">\n        <div className=\"flex flex-wrap items-center gap-3\">\n          <StatusBadge status={p.status} />\n          {p.isTemplate && (\n            <span className=\"inline-flex items-center gap-1 text-sm text-text-secondary\">\n              <Copy className=\"h-3.5 w-3.5\" /> Template\n            </span>\n          )}\n        </div>\n        {p.summary && <p className=\"mt-4 text-sm text-text-secondary\">{p.summary}</p>}\n        {p.tags.length > 0 && (\n          <div className=\"mt-4 flex flex-wrap gap-1.5\">\n            {p.tags.map((tag) => (\n              <span\n                key={tag}\n                className=\"inline-flex items-center rounded-full bg-bg-sunken px-2 py-0.5 text-xs text-text-secondary\"\n              >\n                {tag}\n              </span>\n            ))}\n          </div>\n        )}\n\n        {/* Lifecycle transitions */}\n        <div className=\"mt-5 flex flex-wrap items-center gap-2 border-t border-border-seam pt-5\">\n          <span className=\"text-sm font-medium text-text-primary\">Publish lifecycle:</span>\n          {p.status === 'DRAFT' && (\n            <button\n              type=\"button\"\n              onClick={() => handleTransition('PUBLISHED')}\n              disabled={transition.isPending}\n              className=\"inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-3 py-1.5 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg/90 disabled:opacity-60\"\n            >\n              <Send className=\"h-4 w-4\" /> Publish\n            </button>\n          )}\n          {p.status === 'PUBLISHED' && (\n            <>\n              <button\n                type=\"button\"\n                onClick={() => handleTransition('DRAFT')}\n                disabled={transition.isPending}\n                className=\"inline-flex items-center gap-1.5 rounded-lg border border-border-seam px-3 py-1.5 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken disabled:opacity-60\"\n              >\n                <Undo2 className=\"h-4 w-4\" /> Pull back to draft\n              </button>\n              <button\n                type=\"button\"\n                onClick={() => handleTransition('ARCHIVED')}\n                disabled={transition.isPending}\n                className=\"inline-flex items-center gap-1.5 rounded-lg border border-border-seam px-3 py-1.5 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken disabled:opacity-60\"\n              >\n                <Archive className=\"h-4 w-4\" /> Archive\n              </button>\n            </>\n          )}\n          {p.status === 'ARCHIVED' && (\n            <span className=\"text-sm text-text-secondary\">This program is archived.</span>\n          )}\n          {transition.isPending && <Loader2 className=\"h-4 w-4 animate-spin text-text-secondary\" />}\n        </div>\n      </GlassCard>\n\n      {/* Drills */}\n      <section>\n        <div className=\"mb-4 flex items-center justify-between\">\n          <h2 className=\"text-lg font-semibold text-text-primary\">Drills ({drillCount})</h2>\n          <button\n            type=\"button\"\n            onClick={() => {\n              setDrillError(null);\n              setDrillOpen(true);\n            }}\n            className=\"inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-3 py-1.5 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg/90\"\n          >\n            <Plus className=\"h-4 w-4\" /> Add drill\n          </button>\n        </div>\n\n        {drillCount === 0 ? (\n          <EmptyState\n            illustration=\"empty-data\"\n            icon={<Plus className=\"h-10 w-10\" />}\n            title=\"No drills yet\"\n            description=\"Add drills with sets, reps and durations, organized by week.\"\n          />\n        ) : (\n          <div className=\"space-y-6\">\n            {drillsByWeek.map(({ week, drills }) => (\n              <div key={week}>\n                <h3 className=\"mb-3 text-sm font-semibold uppercase tracking-wide text-text-secondary\">\n                  Week {week}\n                </h3>\n                <EmphasisPanel>\n                  <div className=\"divide-y divide-border-seam\">\n                    {drills.map((d) => (\n                      <div key={d.id} className=\"flex items-start gap-4 py-3\">\n                        <div className=\"min-w-0 flex-1\">\n                          <p className=\"text-sm font-medium text-text-primary\">{d.name}</p>\n                          {d.description && (\n                            <p className=\"mt-0.5 text-xs text-text-secondary\">{d.description}</p>\n                          )}\n                          <div className=\"mt-1.5 flex flex-wrap gap-x-3 gap-y-1 text-xs text-text-secondary\">\n                            {d.sets !== null && <span>{d.sets} sets</span>}\n                            {d.reps !== null && <span>{d.reps} reps</span>}\n                            {d.durationSec !== null && <span>{d.durationSec}s work</span>}\n                            {d.restSec !== null && <span>{d.restSec}s rest</span>}\n                          </div>\n                          {d.video?.id && (\n                            <div>\n                              <DrillVideoLink fileId={d.video.id} />\n                            </div>\n                          )}\n                        </div>\n                        <button\n                          type=\"button\"\n                          onClick={() => void removeDrill.mutate(d.id)}\n                          disabled={removeDrill.isPending}\n                          aria-label={`Remove ${d.name}`}\n                          className=\"rounded-lg p-2 text-text-secondary transition-colors hover:bg-status-error-bg-subtle hover:text-status-error-text disabled:opacity-60\"\n                        >\n                          <Trash2 className=\"h-4 w-4\" />\n                        </button>\n                      </div>\n                    ))}\n                  </div>\n                </EmphasisPanel>\n              </div>\n            ))}\n          </div>\n        )}\n      </section>\n\n      {/* Add drill dialog */}\n      <ResponsiveDialog open={drillOpen} onOpenChange={setDrillOpen}>\n        <ResponsiveDialogContent>\n          <ResponsiveDialogHeader>\n            <ResponsiveDialogTitle>Add drill</ResponsiveDialogTitle>\n          </ResponsiveDialogHeader>\n          <form onSubmit={handleAddDrill} className=\"space-y-4 px-1\">\n            <FormField label=\"Name\" htmlFor=\"drillName\" required>\n              <input\n                id=\"drillName\"\n                className={fieldInputClass}\n                value={drillForm.name}\n                onChange={(e) => setDrillForm((p) => ({ ...p, name: e.target.value }))}\n                placeholder=\"e.g. Box jumps\"\n              />\n            </FormField>\n            <FormField label=\"Description\" htmlFor=\"drillDesc\">\n              <textarea\n                id=\"drillDesc\"\n                className={fieldInputClass}\n                rows={2}\n                value={drillForm.description}\n                onChange={(e) => setDrillForm((p) => ({ ...p, description: e.target.value }))}\n                placeholder=\"How to perform the drill.\"\n              />\n            </FormField>\n            <div className=\"grid grid-cols-3 gap-4\">\n              <FormField label=\"Week\" htmlFor=\"drillWeek\">\n                <input\n                  id=\"drillWeek\"\n                  inputMode=\"numeric\"\n                  className={fieldInputClass}\n                  value={drillForm.weekNumber}\n                  onChange={(e) => setDrillForm((p) => ({ ...p, weekNumber: e.target.value }))}\n                />\n              </FormField>\n              <FormField label=\"Sets\" htmlFor=\"drillSets\">\n                <input\n                  id=\"drillSets\"\n                  inputMode=\"numeric\"\n                  className={fieldInputClass}\n                  value={drillForm.sets}\n                  onChange={(e) => setDrillForm((p) => ({ ...p, sets: e.target.value }))}\n                />\n              </FormField>\n              <FormField label=\"Reps\" htmlFor=\"drillReps\">\n                <input\n                  id=\"drillReps\"\n                  inputMode=\"numeric\"\n                  className={fieldInputClass}\n                  value={drillForm.reps}\n                  onChange={(e) => setDrillForm((p) => ({ ...p, reps: e.target.value }))}\n                />\n              </FormField>\n            </div>\n            <div className=\"grid grid-cols-2 gap-4\">\n              <FormField label=\"Work (sec)\" htmlFor=\"drillDuration\">\n                <input\n                  id=\"drillDuration\"\n                  inputMode=\"numeric\"\n                  className={fieldInputClass}\n                  value={drillForm.durationSec}\n                  onChange={(e) => setDrillForm((p) => ({ ...p, durationSec: e.target.value }))}\n                />\n              </FormField>\n              <FormField label=\"Rest (sec)\" htmlFor=\"drillRest\">\n                <input\n                  id=\"drillRest\"\n                  inputMode=\"numeric\"\n                  className={fieldInputClass}\n                  value={drillForm.restSec}\n                  onChange={(e) => setDrillForm((p) => ({ ...p, restSec: e.target.value }))}\n                />\n              </FormField>\n            </div>\n            <FormField\n              label=\"Demo video\"\n              htmlFor=\"drillVideo\"\n              hint=\"Optional — attach a short demo clip; it's stored in workspace files.\"\n            >\n              <input\n                id=\"drillVideo\"\n                type=\"file\"\n                accept=\"video/*\"\n                className={fieldInputClass}\n                onChange={(e) => setVideoFile(e.target.files?.[0] ?? null)}\n              />\n              {videoFile && (\n                <p className=\"mt-1 inline-flex items-center gap-1 text-xs text-text-secondary\">\n                  <FileVideo className=\"h-3.5 w-3.5\" /> {videoFile.name}\n                </p>\n              )}\n            </FormField>\n            {drillError && <p className=\"text-sm text-status-error-text\">{drillError}</p>}\n            <ResponsiveDialogFooter>\n              <button\n                type=\"button\"\n                onClick={() => {\n                  setDrillOpen(false);\n                  setVideoFile(null);\n                }}\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={addDrill.isPending || uploadingVideo}\n                className=\"inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg/90 disabled:opacity-60\"\n              >\n                {(addDrill.isPending || uploadingVideo) && (\n                  <Loader2 className=\"h-4 w-4 animate-spin\" />\n                )}\n                {uploadingVideo ? 'Uploading video…' : 'Add drill'}\n              </button>\n            </ResponsiveDialogFooter>\n          </form>\n        </ResponsiveDialogContent>\n      </ResponsiveDialog>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ProgramDetailPage.js","names":[],"sources":["../../../../src/atheletebridge/pages/programs/ProgramDetailPage.tsx"],"sourcesContent":["/**\n * Program Detail\n * @module atheletebridge/pages/programs\n *\n * Reads a single program with its drills (athProgram), supports the publish\n * lifecycle (athTransitionProgram), editing/archiving, and adding/removing\n * drills (athAddDrill / athRemoveDrill).\n */\n\nimport { useMemo, useState } from 'react';\nimport { useParams } from 'react-router-dom';\nimport {\n  ArrowLeft,\n  Edit,\n  Archive,\n  Plus,\n  Trash2,\n  Loader2,\n  Send,\n  Undo2,\n  Copy,\n  FileVideo,\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 { EmptyState } from '../../components/EmptyState';\nimport { LoadingState, ErrorState } from '../../components/LoadingState';\nimport { FormField, fieldInputClass } from '../../components/form';\nimport { DrillVideoLink } from '../../components/DrillVideoLink';\nimport { SPORT_LABELS, PROGRAM_LEVEL_LABELS } from '../../components/domain';\nimport { useAthleteBridge } from '../../context/AthleteBridgeContext';\nimport {\n  useProgram,\n  useTransitionProgram,\n  useArchiveProgram,\n  useAddDrill,\n  useRemoveDrill,\n  useUploadFile,\n} from '../../hooks/useAthleteBridgeApi';\nimport type { AthDrill, AthProgramStatus } from '../../types';\n\ninterface DrillForm {\n  name: string;\n  description: string;\n  weekNumber: string;\n  sets: string;\n  reps: string;\n  durationSec: string;\n  restSec: string;\n}\n\nconst EMPTY_DRILL: DrillForm = {\n  name: '',\n  description: '',\n  weekNumber: '1',\n  sets: '',\n  reps: '',\n  durationSec: '',\n  restSec: '',\n};\n\nconst numOrUndefined = (v: string): number | undefined => {\n  const t = v.trim();\n  if (!t) return undefined;\n  const n = Number.parseInt(t, 10);\n  return Number.isNaN(n) ? undefined : n;\n};\n\nexport function ProgramDetailPage() {\n  const { id } = useParams<{ id: string }>();\n  const { navigateTo } = useAthleteBridge();\n\n  const program = useProgram(id);\n  const transition = useTransitionProgram();\n  const archive = useArchiveProgram();\n  const addDrill = useAddDrill();\n  const removeDrill = useRemoveDrill(id);\n  const uploadFile = useUploadFile();\n\n  const [drillOpen, setDrillOpen] = useState(false);\n  const [drillForm, setDrillForm] = useState<DrillForm>(EMPTY_DRILL);\n  const [videoFile, setVideoFile] = useState<File | null>(null);\n  const [uploadingVideo, setUploadingVideo] = useState(false);\n  const [drillError, setDrillError] = useState<string | null>(null);\n\n  const drillsByWeek = useMemo(() => {\n    const drills = program.data?.drills ?? [];\n    const groups = new Map<number, AthDrill[]>();\n    for (const d of drills) {\n      const list = groups.get(d.weekNumber) ?? [];\n      list.push(d);\n      groups.set(d.weekNumber, list);\n    }\n    return Array.from(groups.entries())\n      .sort(([a], [b]) => a - b)\n      .map(([week, list]) => ({\n        week,\n        drills: [...list].sort((a, b) => a.orderIndex - b.orderIndex),\n      }));\n  }, [program.data]);\n\n  if (program.isLoading) {\n    return (\n      <PageLayout title=\"Program\">\n        <LoadingState label=\"Loading program…\" />\n      </PageLayout>\n    );\n  }\n\n  if (program.isError || !program.data) {\n    return (\n      <PageLayout title=\"Program\">\n        <ErrorState\n          title=\"Program not found\"\n          message=\"This program does not exist or you do not have access to it.\"\n          onRetry={() => navigateTo('/programs')}\n        />\n      </PageLayout>\n    );\n  }\n\n  const p = program.data;\n  const drillCount = p.drills?.length ?? 0;\n\n  const handleTransition = (status: AthProgramStatus) => {\n    if (!id) return;\n    void transition.mutate({ id, status });\n  };\n\n  const handleArchive = async () => {\n    if (!id) return;\n    await archive.mutateAsync(id);\n    navigateTo('/programs');\n  };\n\n  const handleAddDrill = async (e: React.FormEvent) => {\n    e.preventDefault();\n    setDrillError(null);\n    if (!id) return;\n    if (!drillForm.name.trim()) {\n      setDrillError('Drill name is required.');\n      return;\n    }\n    const week = numOrUndefined(drillForm.weekNumber) ?? 1;\n\n    let videoFileId: string | undefined;\n    if (videoFile) {\n      setUploadingVideo(true);\n      try {\n        videoFileId = await uploadFile(videoFile);\n      } catch (err) {\n        setDrillError(err instanceof Error ? err.message : 'Failed to upload the demo video.');\n        setUploadingVideo(false);\n        return;\n      }\n      setUploadingVideo(false);\n    }\n\n    try {\n      await addDrill.mutateAsync({\n        programId: id,\n        name: drillForm.name.trim(),\n        description: drillForm.description.trim() || undefined,\n        weekNumber: week,\n        orderIndex: program.data?.drills?.filter((d) => d.weekNumber === week).length ?? 0,\n        sets: numOrUndefined(drillForm.sets),\n        reps: numOrUndefined(drillForm.reps),\n        durationSec: numOrUndefined(drillForm.durationSec),\n        restSec: numOrUndefined(drillForm.restSec),\n        videoFileId,\n      });\n      setDrillForm(EMPTY_DRILL);\n      setVideoFile(null);\n      setDrillOpen(false);\n    } catch (err) {\n      setDrillError(err instanceof Error ? err.message : 'Failed to add drill.');\n    }\n  };\n\n  return (\n    <PageLayout\n      title={p.name}\n      description={`${SPORT_LABELS[p.sport]} · ${PROGRAM_LEVEL_LABELS[p.level]} · ${p.weeks} ${\n        p.weeks === 1 ? 'week' : 'weeks'\n      }`}\n      actions={\n        <div className=\"flex flex-wrap items-center gap-2\">\n          <button\n            type=\"button\"\n            onClick={() => navigateTo('/programs')}\n            className=\"inline-flex items-center gap-1.5 rounded-lg border border-border-seam px-3 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          <button\n            type=\"button\"\n            onClick={() => navigateTo(`/programs/${p.id}/edit`)}\n            className=\"inline-flex items-center gap-1.5 rounded-lg border border-border-seam px-3 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken\"\n          >\n            <Edit className=\"h-4 w-4\" /> Edit\n          </button>\n          {p.status !== 'ARCHIVED' && (\n            <button\n              type=\"button\"\n              onClick={handleArchive}\n              disabled={archive.isPending}\n              className=\"inline-flex items-center gap-1.5 rounded-lg border border-border-seam px-3 py-2 text-sm font-medium text-status-error-text transition-colors hover:bg-status-error-bg-subtle disabled:opacity-60\"\n            >\n              {archive.isPending ? (\n                <Loader2 className=\"h-4 w-4 animate-spin\" />\n              ) : (\n                <Archive className=\"h-4 w-4\" />\n              )}{' '}\n              Archive\n            </button>\n          )}\n        </div>\n      }\n    >\n      {/* Summary + lifecycle */}\n      <GlassCard treatment=\"insight\" className=\"mb-8 p-6\">\n        <div className=\"flex flex-wrap items-center gap-3\">\n          <StatusBadge status={p.status} />\n          {p.isTemplate && (\n            <span className=\"inline-flex items-center gap-1 text-sm text-text-secondary\">\n              <Copy className=\"h-3.5 w-3.5\" /> Template\n            </span>\n          )}\n        </div>\n        {p.summary && <p className=\"mt-4 text-sm text-text-secondary\">{p.summary}</p>}\n        {p.tags.length > 0 && (\n          <div className=\"mt-4 flex flex-wrap gap-1.5\">\n            {p.tags.map((tag) => (\n              <span\n                key={tag}\n                className=\"inline-flex items-center rounded-full bg-bg-sunken px-2 py-0.5 text-xs text-text-secondary\"\n              >\n                {tag}\n              </span>\n            ))}\n          </div>\n        )}\n\n        {/* Lifecycle transitions */}\n        <div className=\"mt-5 flex flex-wrap items-center gap-2 border-t border-border-seam pt-5\">\n          <span className=\"text-sm font-medium text-text-primary\">Publish lifecycle:</span>\n          {p.status === 'DRAFT' && (\n            <button\n              type=\"button\"\n              onClick={() => handleTransition('PUBLISHED')}\n              disabled={transition.isPending}\n              className=\"inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-3 py-1.5 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg/90 disabled:opacity-60\"\n            >\n              <Send className=\"h-4 w-4\" /> Publish\n            </button>\n          )}\n          {p.status === 'PUBLISHED' && (\n            <>\n              <button\n                type=\"button\"\n                onClick={() => handleTransition('DRAFT')}\n                disabled={transition.isPending}\n                className=\"inline-flex items-center gap-1.5 rounded-lg border border-border-seam px-3 py-1.5 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken disabled:opacity-60\"\n              >\n                <Undo2 className=\"h-4 w-4\" /> Pull back to draft\n              </button>\n              <button\n                type=\"button\"\n                onClick={() => handleTransition('ARCHIVED')}\n                disabled={transition.isPending}\n                className=\"inline-flex items-center gap-1.5 rounded-lg border border-border-seam px-3 py-1.5 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken disabled:opacity-60\"\n              >\n                <Archive className=\"h-4 w-4\" /> Archive\n              </button>\n            </>\n          )}\n          {p.status === 'ARCHIVED' && (\n            <span className=\"text-sm text-text-secondary\">This program is archived.</span>\n          )}\n          {transition.isPending && <Loader2 className=\"h-4 w-4 animate-spin text-text-secondary\" />}\n        </div>\n      </GlassCard>\n\n      {/* Drills */}\n      <section>\n        <div className=\"mb-4 flex items-center justify-between\">\n          <h2 className=\"text-lg font-semibold text-text-primary\">Drills ({drillCount})</h2>\n          <button\n            type=\"button\"\n            onClick={() => {\n              setDrillError(null);\n              setDrillOpen(true);\n            }}\n            className=\"inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-3 py-1.5 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg/90\"\n          >\n            <Plus className=\"h-4 w-4\" /> Add drill\n          </button>\n        </div>\n\n        {drillCount === 0 ? (\n          <EmptyState\n            illustration=\"empty-data\"\n            icon={<Plus className=\"h-10 w-10\" />}\n            title=\"No drills yet\"\n            description=\"Add drills with sets, reps and durations, organized by week.\"\n          />\n        ) : (\n          <div className=\"space-y-6\">\n            {drillsByWeek.map(({ week, drills }) => (\n              <div key={week}>\n                <h3 className=\"mb-3 text-sm font-semibold uppercase tracking-wide text-text-secondary\">\n                  Week {week}\n                </h3>\n                <EmphasisPanel>\n                  <div className=\"divide-y divide-border-seam\">\n                    {drills.map((d) => (\n                      <div key={d.id} className=\"flex items-start gap-4 py-3\">\n                        <div className=\"min-w-0 flex-1\">\n                          <p className=\"text-sm font-medium text-text-primary\">{d.name}</p>\n                          {d.description && (\n                            <p className=\"mt-0.5 text-xs text-text-secondary\">{d.description}</p>\n                          )}\n                          <div className=\"mt-1.5 flex flex-wrap gap-x-3 gap-y-1 text-xs text-text-secondary\">\n                            {d.sets !== null && <span>{d.sets} sets</span>}\n                            {d.reps !== null && <span>{d.reps} reps</span>}\n                            {d.durationSec !== null && <span>{d.durationSec}s work</span>}\n                            {d.restSec !== null && <span>{d.restSec}s rest</span>}\n                          </div>\n                          {d.video?.id && (\n                            <div>\n                              <DrillVideoLink fileId={d.video.id} />\n                            </div>\n                          )}\n                        </div>\n                        <button\n                          type=\"button\"\n                          onClick={() => void removeDrill.mutate(d.id)}\n                          disabled={removeDrill.isPending}\n                          aria-label={`Remove ${d.name}`}\n                          className=\"rounded-lg p-2 text-text-secondary transition-colors hover:bg-status-error-bg-subtle hover:text-status-error-text disabled:opacity-60\"\n                        >\n                          <Trash2 className=\"h-4 w-4\" />\n                        </button>\n                      </div>\n                    ))}\n                  </div>\n                </EmphasisPanel>\n              </div>\n            ))}\n          </div>\n        )}\n      </section>\n\n      {/* Add drill dialog */}\n      <ResponsiveDialog open={drillOpen} onOpenChange={setDrillOpen}>\n        <ResponsiveDialogContent>\n          <ResponsiveDialogHeader>\n            <ResponsiveDialogTitle>Add drill</ResponsiveDialogTitle>\n          </ResponsiveDialogHeader>\n          <form onSubmit={handleAddDrill} className=\"space-y-4 px-1\">\n            <FormField label=\"Name\" htmlFor=\"drillName\" required>\n              <input\n                id=\"drillName\"\n                className={fieldInputClass}\n                value={drillForm.name}\n                onChange={(e) => setDrillForm((p) => ({ ...p, name: e.target.value }))}\n                placeholder=\"e.g. Box jumps\"\n              />\n            </FormField>\n            <FormField label=\"Description\" htmlFor=\"drillDesc\">\n              <textarea\n                id=\"drillDesc\"\n                className={fieldInputClass}\n                rows={2}\n                value={drillForm.description}\n                onChange={(e) => setDrillForm((p) => ({ ...p, description: e.target.value }))}\n                placeholder=\"How to perform the drill.\"\n              />\n            </FormField>\n            <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-3\">\n              <FormField label=\"Week\" htmlFor=\"drillWeek\">\n                <input\n                  id=\"drillWeek\"\n                  inputMode=\"numeric\"\n                  className={fieldInputClass}\n                  value={drillForm.weekNumber}\n                  onChange={(e) => setDrillForm((p) => ({ ...p, weekNumber: e.target.value }))}\n                />\n              </FormField>\n              <FormField label=\"Sets\" htmlFor=\"drillSets\">\n                <input\n                  id=\"drillSets\"\n                  inputMode=\"numeric\"\n                  className={fieldInputClass}\n                  value={drillForm.sets}\n                  onChange={(e) => setDrillForm((p) => ({ ...p, sets: e.target.value }))}\n                />\n              </FormField>\n              <FormField label=\"Reps\" htmlFor=\"drillReps\">\n                <input\n                  id=\"drillReps\"\n                  inputMode=\"numeric\"\n                  className={fieldInputClass}\n                  value={drillForm.reps}\n                  onChange={(e) => setDrillForm((p) => ({ ...p, reps: e.target.value }))}\n                />\n              </FormField>\n            </div>\n            <div className=\"grid grid-cols-2 gap-4\">\n              <FormField label=\"Work (sec)\" htmlFor=\"drillDuration\">\n                <input\n                  id=\"drillDuration\"\n                  inputMode=\"numeric\"\n                  className={fieldInputClass}\n                  value={drillForm.durationSec}\n                  onChange={(e) => setDrillForm((p) => ({ ...p, durationSec: e.target.value }))}\n                />\n              </FormField>\n              <FormField label=\"Rest (sec)\" htmlFor=\"drillRest\">\n                <input\n                  id=\"drillRest\"\n                  inputMode=\"numeric\"\n                  className={fieldInputClass}\n                  value={drillForm.restSec}\n                  onChange={(e) => setDrillForm((p) => ({ ...p, restSec: e.target.value }))}\n                />\n              </FormField>\n            </div>\n            <FormField\n              label=\"Demo video\"\n              htmlFor=\"drillVideo\"\n              hint=\"Optional — attach a short demo clip; it's stored in workspace files.\"\n            >\n              <input\n                id=\"drillVideo\"\n                type=\"file\"\n                accept=\"video/*\"\n                className={fieldInputClass}\n                onChange={(e) => setVideoFile(e.target.files?.[0] ?? null)}\n              />\n              {videoFile && (\n                <p className=\"mt-1 inline-flex items-center gap-1 text-xs text-text-secondary\">\n                  <FileVideo className=\"h-3.5 w-3.5\" /> {videoFile.name}\n                </p>\n              )}\n            </FormField>\n            {drillError && <p className=\"text-sm text-status-error-text\">{drillError}</p>}\n            <ResponsiveDialogFooter>\n              <button\n                type=\"button\"\n                onClick={() => {\n                  setDrillOpen(false);\n                  setVideoFile(null);\n                }}\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={addDrill.isPending || uploadingVideo}\n                className=\"inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg/90 disabled:opacity-60\"\n              >\n                {(addDrill.isPending || uploadingVideo) && (\n                  <Loader2 className=\"h-4 w-4 animate-spin\" />\n                )}\n                {uploadingVideo ? 'Uploading video…' : 'Add drill'}\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/SessionDetailPage.js

@@ -6,109 +6,110 @@ import { formatDate as i, formatDuration as a } from "../../utils/formatters.js"
 import { ErrorState as o, LoadingState as s } from "../../components/LoadingState.js";
 import { useCancelSession as c, useCompleteSession as l, useConfirmSession as u, useSession as d } from "../../hooks/useAthleteBridgeApi.js";
 import { FormField as f, fieldInputClass as p } from "../../components/form.js";
-import { useState as m } from "react";
-import { ArrowLeft as h, CalendarClock as g, CheckCircle2 as _, Clock as v, Loader2 as y, MapPin as b, Star as x, Video as S, XCircle as C } from "lucide-react";
-import { useParams as w } from "react-router-dom";
-import { jsx as T, jsxs as E } from "react/jsx-runtime";
-import { EmphasisPanel as D, GlassCard as O, ResponsiveDialog as k, ResponsiveDialogContent as A, ResponsiveDialogFooter as j, ResponsiveDialogHeader as M, ResponsiveDialogTitle as N } from "@burdenoff/fe-libs/ui";
+import { safeExternalHref as m } from "../../utils/url.js";
+import { useState as h } from "react";
+import { ArrowLeft as g, CalendarClock as _, CheckCircle2 as v, Clock as y, Loader2 as b, MapPin as x, Star as S, Video as C, XCircle as w } from "lucide-react";
+import { useParams as T } from "react-router-dom";
+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";
 //#region src/atheletebridge/pages/sessions/SessionDetailPage.tsx
-function P() {
-	let { id: P } = w(), { navigateTo: F } = e(), I = d(P), L = u(), R = l(), z = c(), [B, V] = m(!1), [H, U] = m(""), [W, G] = m(""), [K, q] = m(null);
-	if (I.isLoading) return /* @__PURE__ */ T(t, {
+function F() {
+	let { id: F } = T(), { navigateTo: I } = e(), L = d(F), R = u(), z = l(), B = c(), [V, H] = h(!1), [U, W] = h(""), [G, K] = h(""), [q, J] = h(null);
+	if (L.isLoading) return /* @__PURE__ */ E(t, {
 		title: "Session",
-		children: /* @__PURE__ */ T(s, { label: "Loading session…" })
+		children: /* @__PURE__ */ E(s, { label: "Loading session…" })
 	});
-	if (I.isError || !I.data) return /* @__PURE__ */ T(t, {
+	if (L.isError || !L.data) return /* @__PURE__ */ E(t, {
 		title: "Session",
-		children: /* @__PURE__ */ T(o, {
+		children: /* @__PURE__ */ E(o, {
 			title: "Session not found",
 			message: "This session does not exist or you do not have access to it.",
-			onRetry: () => F("/sessions")
+			onRetry: () => I("/sessions")
 		})
 	});
-	let J = I.data, Y = J.status === "REQUESTED", X = J.status === "CONFIRMED", Z = J.status === "REQUESTED" || J.status === "CONFIRMED";
-	return /* @__PURE__ */ E(t, {
-		title: J.title,
-		description: r[J.type],
-		actions: /* @__PURE__ */ E("button", {
+	let Y = L.data, X = Y.status === "REQUESTED", Z = Y.status === "CONFIRMED", Q = Y.status === "REQUESTED" || Y.status === "CONFIRMED", $ = m(Y.meetingUrl);
+	return /* @__PURE__ */ D(t, {
+		title: Y.title,
+		description: r[Y.type],
+		actions: /* @__PURE__ */ D("button", {
 			type: "button",
-			onClick: () => F("/sessions"),
+			onClick: () => I("/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__ */ T(h, { className: "h-4 w-4" }), " Back"]
+			children: [/* @__PURE__ */ E(g, { className: "h-4 w-4" }), " Back"]
 		}),
 		children: [
-			/* @__PURE__ */ E(O, {
+			/* @__PURE__ */ D(k, {
 				treatment: "insight",
 				className: "mb-8 p-6",
 				children: [
-					/* @__PURE__ */ T("div", {
+					/* @__PURE__ */ E("div", {
 						className: "flex flex-wrap items-center gap-3",
-						children: /* @__PURE__ */ T(n, { status: J.status })
+						children: /* @__PURE__ */ E(n, { status: Y.status })
 					}),
-					/* @__PURE__ */ E("div", {
+					/* @__PURE__ */ D("div", {
 						className: "mt-4 grid grid-cols-1 gap-3 text-sm text-text-secondary sm:grid-cols-2",
 						children: [
-							/* @__PURE__ */ E("span", {
+							/* @__PURE__ */ D("span", {
 								className: "flex items-center gap-2",
 								children: [
-									/* @__PURE__ */ T(g, { className: "h-4 w-4" }),
+									/* @__PURE__ */ E(_, { className: "h-4 w-4" }),
 									" ",
-									i(J.scheduledAt)
+									i(Y.scheduledAt)
 								]
 							}),
-							/* @__PURE__ */ E("span", {
+							/* @__PURE__ */ D("span", {
 								className: "flex items-center gap-2",
 								children: [
-									/* @__PURE__ */ T(v, { className: "h-4 w-4" }),
+									/* @__PURE__ */ E(y, { className: "h-4 w-4" }),
 									" ",
-									a(J.durationMin)
+									a(Y.durationMin)
 								]
 							}),
-							J.location && /* @__PURE__ */ E("span", {
+							Y.location && /* @__PURE__ */ D("span", {
 								className: "flex items-center gap-2",
 								children: [
-									/* @__PURE__ */ T(b, { className: "h-4 w-4" }),
+									/* @__PURE__ */ E(x, { className: "h-4 w-4" }),
 									" ",
-									J.location
+									Y.location
 								]
 							}),
-							J.meetingUrl && /* @__PURE__ */ E("a", {
-								href: J.meetingUrl,
+							$ && /* @__PURE__ */ D("a", {
+								href: $,
 								target: "_blank",
 								rel: "noopener noreferrer",
 								className: "flex items-center gap-2 text-primary hover:underline",
-								children: [/* @__PURE__ */ T(S, { className: "h-4 w-4" }), " Join meeting"]
+								children: [/* @__PURE__ */ E(C, { className: "h-4 w-4" }), " Join meeting"]
 							})
 						]
 					}),
-					J.completedAt && /* @__PURE__ */ E("div", {
+					Y.completedAt && /* @__PURE__ */ D("div", {
 						className: "mt-5 border-t border-border-seam pt-5",
 						children: [
-							/* @__PURE__ */ T("h2", {
+							/* @__PURE__ */ E("h2", {
 								className: "mb-2 text-sm font-semibold text-text-primary",
 								children: "Outcome"
 							}),
-							/* @__PURE__ */ E("p", {
+							/* @__PURE__ */ D("p", {
 								className: "text-sm text-text-secondary",
 								children: [
 									"Completed ",
-									i(J.completedAt),
-									J.rating !== null && /* @__PURE__ */ E("span", {
+									i(Y.completedAt),
+									Y.rating !== null && /* @__PURE__ */ D("span", {
 										className: "ml-2 inline-flex items-center gap-1",
 										children: [
-											/* @__PURE__ */ T(x, { className: "h-3.5 w-3.5" }),
+											/* @__PURE__ */ E(S, { className: "h-3.5 w-3.5" }),
 											" ",
-											J.rating,
+											Y.rating,
 											"/5"
 										]
 									})
 								]
 							}),
-							J.feedback && /* @__PURE__ */ E("p", {
+							Y.feedback && /* @__PURE__ */ D("p", {
 								className: "mt-2 text-sm text-text-secondary",
 								children: [
 									"“",
-									J.feedback,
+									Y.feedback,
 									"”"
 								]
 							})
@@ -116,101 +117,101 @@ function P() {
 					})
 				]
 			}),
-			(Y || X || Z) && /* @__PURE__ */ E(D, { children: [/* @__PURE__ */ T("h2", {
+			(X || Z || Q) && /* @__PURE__ */ D(O, { children: [/* @__PURE__ */ E("h2", {
 				className: "mb-4 text-sm font-semibold text-text-primary",
 				children: "Actions"
-			}), /* @__PURE__ */ E("div", {
+			}), /* @__PURE__ */ D("div", {
 				className: "flex flex-wrap items-center gap-2",
 				children: [
-					Y && /* @__PURE__ */ E("button", {
+					X && /* @__PURE__ */ D("button", {
 						type: "button",
-						onClick: () => P && L.mutate(P),
-						disabled: L.isPending,
+						onClick: () => F && R.mutate(F),
+						disabled: R.isPending,
 						className: "inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg/90 disabled:opacity-60",
-						children: [L.isPending ? /* @__PURE__ */ T(y, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ T(_, { className: "h-4 w-4" }), "Confirm"]
+						children: [R.isPending ? /* @__PURE__ */ E(b, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ E(v, { className: "h-4 w-4" }), "Confirm"]
 					}),
-					X && /* @__PURE__ */ E("button", {
+					Z && /* @__PURE__ */ D("button", {
 						type: "button",
 						onClick: () => {
-							q(null), V(!0);
+							J(null), H(!0);
 						},
 						className: "inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg/90",
-						children: [/* @__PURE__ */ T(_, { className: "h-4 w-4" }), " Complete"]
+						children: [/* @__PURE__ */ E(v, { className: "h-4 w-4" }), " Complete"]
 					}),
-					Z && /* @__PURE__ */ E("button", {
+					Q && /* @__PURE__ */ D("button", {
 						type: "button",
-						onClick: () => P && z.mutate(P),
-						disabled: z.isPending,
+						onClick: () => F && B.mutate(F),
+						disabled: B.isPending,
 						className: "inline-flex items-center gap-1.5 rounded-lg border border-border-seam px-4 py-2 text-sm font-medium text-status-error-text transition-colors hover:bg-status-error-bg-subtle disabled:opacity-60",
-						children: [z.isPending ? /* @__PURE__ */ T(y, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ T(C, { className: "h-4 w-4" }), "Cancel"]
+						children: [B.isPending ? /* @__PURE__ */ E(b, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ E(w, { className: "h-4 w-4" }), "Cancel"]
 					})
 				]
 			})] }),
-			/* @__PURE__ */ T(k, {
-				open: B,
-				onOpenChange: V,
-				children: /* @__PURE__ */ E(A, { children: [/* @__PURE__ */ T(M, { children: /* @__PURE__ */ T(N, { children: "Complete session" }) }), /* @__PURE__ */ E("form", {
+			/* @__PURE__ */ E(A, {
+				open: V,
+				onOpenChange: H,
+				children: /* @__PURE__ */ D(j, { children: [/* @__PURE__ */ E(N, { children: /* @__PURE__ */ E(P, { children: "Complete session" }) }), /* @__PURE__ */ D("form", {
 					onSubmit: async (e) => {
-						if (e.preventDefault(), q(null), !P) return;
+						if (e.preventDefault(), J(null), !F) return;
 						let t;
-						if (W.trim() && (t = Number.parseInt(W, 10), Number.isNaN(t) || t < 1 || t > 5)) {
-							q("Rating must be between 1 and 5.");
+						if (G.trim() && (t = Number.parseInt(G, 10), Number.isNaN(t) || t < 1 || t > 5)) {
+							J("Rating must be between 1 and 5.");
 							return;
 						}
 						try {
-							await R.mutateAsync({
-								id: P,
+							await z.mutateAsync({
+								id: F,
 								input: {
-									feedback: H.trim() || void 0,
+									feedback: U.trim() || void 0,
 									rating: t
 								}
-							}), V(!1);
+							}), H(!1);
 						} catch (e) {
-							q(e instanceof Error ? e.message : "Failed to complete session.");
+							J(e instanceof Error ? e.message : "Failed to complete session.");
 						}
 					},
 					className: "space-y-4 px-1",
 					children: [
-						/* @__PURE__ */ T(f, {
+						/* @__PURE__ */ E(f, {
 							label: "Feedback",
 							htmlFor: "feedback",
 							hint: "Optional post-session notes.",
-							children: /* @__PURE__ */ T("textarea", {
+							children: /* @__PURE__ */ E("textarea", {
 								id: "feedback",
 								className: p,
 								rows: 3,
-								value: H,
-								onChange: (e) => U(e.target.value),
+								value: U,
+								onChange: (e) => W(e.target.value),
 								placeholder: "How did the session go?"
 							})
 						}),
-						/* @__PURE__ */ T(f, {
+						/* @__PURE__ */ E(f, {
 							label: "Rating (1–5)",
 							htmlFor: "rating",
 							hint: "Optional.",
-							children: /* @__PURE__ */ T("input", {
+							children: /* @__PURE__ */ E("input", {
 								id: "rating",
 								inputMode: "numeric",
 								className: p,
-								value: W,
-								onChange: (e) => G(e.target.value),
+								value: G,
+								onChange: (e) => K(e.target.value),
 								placeholder: "5"
 							})
 						}),
-						K && /* @__PURE__ */ T("p", {
+						q && /* @__PURE__ */ E("p", {
 							className: "text-sm text-status-error-text",
-							children: K
+							children: q
 						}),
-						/* @__PURE__ */ E(j, { children: [/* @__PURE__ */ T("button", {
+						/* @__PURE__ */ D(M, { children: [/* @__PURE__ */ E("button", {
 							type: "button",
-							onClick: () => V(!1),
+							onClick: () => H(!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"
-						}), /* @__PURE__ */ E("button", {
+						}), /* @__PURE__ */ D("button", {
 							type: "submit",
-							disabled: R.isPending,
+							disabled: z.isPending,
 							className: "inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg/90 disabled:opacity-60",
-							children: [R.isPending && /* @__PURE__ */ T(y, { className: "h-4 w-4 animate-spin" }), "Complete session"]
+							children: [z.isPending && /* @__PURE__ */ E(b, { className: "h-4 w-4 animate-spin" }), "Complete session"]
 						})] })
 					]
 				})] })
@@ -219,6 +220,6 @@ function P() {
 	});
 }
 //#endregion
-export { P as SessionDetailPage };
+export { F as SessionDetailPage };
 
 //# sourceMappingURL=SessionDetailPage.js.map

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

@@ -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\nimport { useState } from 'react';\nimport { useParams } from 'react-router-dom';\nimport {\n  ArrowLeft,\n  CalendarClock,\n  Clock,\n  MapPin,\n  Video,\n  Star,\n  CheckCircle2,\n  XCircle,\n  Loader2,\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 { 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 { useAthleteBridge } from '../../context/AthleteBridgeContext';\nimport {\n  useSession,\n  useConfirmSession,\n  useCompleteSession,\n  useCancelSession,\n} from '../../hooks/useAthleteBridgeApi';\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('');\n  const [error, setError] = useState<string | null>(null);\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\n  const handleComplete = async (e: React.FormEvent) => {\n    e.preventDefault();\n    setError(null);\n    if (!id) return;\n    let ratingNum: number | undefined;\n    if (rating.trim()) {\n      ratingNum = Number.parseInt(rating, 10);\n      if (Number.isNaN(ratingNum) || ratingNum < 1 || ratingNum > 5) {\n        setError('Rating must be between 1 and 5.');\n        return;\n      }\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      <GlassCard treatment=\"insight\" className=\"mb-8 p-6\">\n        <div className=\"flex flex-wrap items-center gap-3\">\n          <StatusBadge status={s.status} />\n        </div>\n        <div className=\"mt-4 grid grid-cols-1 gap-3 text-sm text-text-secondary sm:grid-cols-2\">\n          <span className=\"flex items-center gap-2\">\n            <CalendarClock className=\"h-4 w-4\" /> {formatDate(s.scheduledAt)}\n          </span>\n          <span className=\"flex items-center gap-2\">\n            <Clock className=\"h-4 w-4\" /> {formatDuration(s.durationMin)}\n          </span>\n          {s.location && (\n            <span className=\"flex items-center gap-2\">\n              <MapPin className=\"h-4 w-4\" /> {s.location}\n            </span>\n          )}\n          {s.meetingUrl && (\n            <a\n              href={s.meetingUrl}\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              className=\"flex items-center gap-2 text-primary hover:underline\"\n            >\n              <Video className=\"h-4 w-4\" /> Join meeting\n            </a>\n          )}\n        </div>\n\n        {s.completedAt && (\n          <div className=\"mt-5 border-t border-border-seam pt-5\">\n            <h2 className=\"mb-2 text-sm font-semibold text-text-primary\">Outcome</h2>\n            <p className=\"text-sm text-text-secondary\">\n              Completed {formatDate(s.completedAt)}\n              {s.rating !== null && (\n                <span className=\"ml-2 inline-flex items-center gap-1\">\n                  <Star className=\"h-3.5 w-3.5\" /> {s.rating}/5\n                </span>\n              )}\n            </p>\n            {s.feedback && <p className=\"mt-2 text-sm text-text-secondary\">“{s.feedback}”</p>}\n          </div>\n        )}\n      </GlassCard>\n\n      {/* Lifecycle actions */}\n      {(canConfirm || canComplete || canCancel) && (\n        <EmphasisPanel>\n          <h2 className=\"mb-4 text-sm font-semibold text-text-primary\">Actions</h2>\n          <div className=\"flex flex-wrap items-center gap-2\">\n            {canConfirm && (\n              <button\n                type=\"button\"\n                onClick={() => id && confirmSession.mutate(id)}\n                disabled={confirmSession.isPending}\n                className=\"inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-4 py-2 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                  setCompleteOpen(true);\n                }}\n                className=\"inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg/90\"\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 items-center gap-1.5 rounded-lg border border-border-seam px-4 py-2 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\n              </button>\n            )}\n          </div>\n        </EmphasisPanel>\n      )}\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 (1–5)\" htmlFor=\"rating\" hint=\"Optional.\">\n              <input\n                id=\"rating\"\n                inputMode=\"numeric\"\n                className={fieldInputClass}\n                value={rating}\n                onChange={(e) => setRating(e.target.value)}\n                placeholder=\"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-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg/90 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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"}
+{"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\nimport { useState } from 'react';\nimport { useParams } from 'react-router-dom';\nimport {\n  ArrowLeft,\n  CalendarClock,\n  Clock,\n  MapPin,\n  Video,\n  Star,\n  CheckCircle2,\n  XCircle,\n  Loader2,\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 { 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  useConfirmSession,\n  useCompleteSession,\n  useCancelSession,\n} from '../../hooks/useAthleteBridgeApi';\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('');\n  const [error, setError] = useState<string | null>(null);\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    let ratingNum: number | undefined;\n    if (rating.trim()) {\n      ratingNum = Number.parseInt(rating, 10);\n      if (Number.isNaN(ratingNum) || ratingNum < 1 || ratingNum > 5) {\n        setError('Rating must be between 1 and 5.');\n        return;\n      }\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      <GlassCard treatment=\"insight\" className=\"mb-8 p-6\">\n        <div className=\"flex flex-wrap items-center gap-3\">\n          <StatusBadge status={s.status} />\n        </div>\n        <div className=\"mt-4 grid grid-cols-1 gap-3 text-sm text-text-secondary sm:grid-cols-2\">\n          <span className=\"flex items-center gap-2\">\n            <CalendarClock className=\"h-4 w-4\" /> {formatDate(s.scheduledAt)}\n          </span>\n          <span className=\"flex items-center gap-2\">\n            <Clock className=\"h-4 w-4\" /> {formatDuration(s.durationMin)}\n          </span>\n          {s.location && (\n            <span className=\"flex items-center gap-2\">\n              <MapPin className=\"h-4 w-4\" /> {s.location}\n            </span>\n          )}\n          {meetingHref && (\n            <a\n              href={meetingHref}\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              className=\"flex items-center gap-2 text-primary hover:underline\"\n            >\n              <Video className=\"h-4 w-4\" /> Join meeting\n            </a>\n          )}\n        </div>\n\n        {s.completedAt && (\n          <div className=\"mt-5 border-t border-border-seam pt-5\">\n            <h2 className=\"mb-2 text-sm font-semibold text-text-primary\">Outcome</h2>\n            <p className=\"text-sm text-text-secondary\">\n              Completed {formatDate(s.completedAt)}\n              {s.rating !== null && (\n                <span className=\"ml-2 inline-flex items-center gap-1\">\n                  <Star className=\"h-3.5 w-3.5\" /> {s.rating}/5\n                </span>\n              )}\n            </p>\n            {s.feedback && <p className=\"mt-2 text-sm text-text-secondary\">“{s.feedback}”</p>}\n          </div>\n        )}\n      </GlassCard>\n\n      {/* Lifecycle actions */}\n      {(canConfirm || canComplete || canCancel) && (\n        <EmphasisPanel>\n          <h2 className=\"mb-4 text-sm font-semibold text-text-primary\">Actions</h2>\n          <div className=\"flex flex-wrap items-center gap-2\">\n            {canConfirm && (\n              <button\n                type=\"button\"\n                onClick={() => id && confirmSession.mutate(id)}\n                disabled={confirmSession.isPending}\n                className=\"inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-4 py-2 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                  setCompleteOpen(true);\n                }}\n                className=\"inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg/90\"\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 items-center gap-1.5 rounded-lg border border-border-seam px-4 py-2 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\n              </button>\n            )}\n          </div>\n        </EmphasisPanel>\n      )}\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 (1–5)\" htmlFor=\"rating\" hint=\"Optional.\">\n              <input\n                id=\"rating\"\n                inputMode=\"numeric\"\n                className={fieldInputClass}\n                value={rating}\n                onChange={(e) => setRating(e.target.value)}\n                placeholder=\"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-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg/90 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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"}

package/dist/atheletebridge/pages/sessions/SessionFormPage.js

@@ -5,188 +5,189 @@ import { useBookSession as r, usePrograms as i } from "../../hooks/useAthleteBri
 import { FormField as a, fieldInputClass as o } from "../../components/form.js";
 import { AthleteSelect as s } from "../../components/AthleteSelect.js";
 import { useState as c } from "react";
-import { ArrowLeft as l, Loader2 as u, Save as d } from "lucide-react";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { ArrowLeft as l, Loader2 as u, Save as d, User as f } from "lucide-react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
 //#region src/atheletebridge/pages/sessions/SessionFormPage.tsx
-var m = Object.keys(n);
-function h() {
-	let { navigateTo: h, currentUser: g } = e(), _ = i({
+var h = Object.keys(n);
+function g() {
+	let { navigateTo: g, currentUser: _ } = e(), v = i({
 		status: "PUBLISHED",
 		pagination: { limit: 100 }
-	}), v = r(), [y, b] = c(g?.id ?? ""), [x, S] = c(""), [C, w] = c(""), [T, E] = c(""), [D, O] = c("IN_PERSON"), [k, A] = c(""), [j, M] = c(""), [N, P] = c(""), [F, I] = c("60"), [L, R] = c(null), z = _.data?.items ?? [];
-	return /* @__PURE__ */ f(t, {
+	}), y = r(), b = _?.id ?? "", x = _?.name?.trim() || [_?.firstName, _?.lastName].filter(Boolean).join(" ").trim() || _?.email || "You", [S, C] = c(""), [w, T] = c(""), [E, D] = c(""), [O, k] = c("IN_PERSON"), [A, j] = c(""), [M, N] = c(""), [P, F] = c(""), [I, L] = c("60"), [R, z] = c(null), B = v.data?.items ?? [];
+	return /* @__PURE__ */ p(t, {
 		title: "Book session",
 		description: "Schedule a coaching session between a coach and an athlete.",
-		actions: /* @__PURE__ */ p("button", {
+		actions: /* @__PURE__ */ m("button", {
 			type: "button",
-			onClick: () => h("/sessions"),
+			onClick: () => g("/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__ */ f(l, { className: "h-4 w-4" }), " Cancel"]
+			children: [/* @__PURE__ */ p(l, { className: "h-4 w-4" }), " Cancel"]
 		}),
-		children: /* @__PURE__ */ p("form", {
+		children: /* @__PURE__ */ m("form", {
 			onSubmit: async (e) => {
-				if (e.preventDefault(), R(null), !y.trim()) {
-					R("Coach ID is required.");
+				if (e.preventDefault(), z(null), !b.trim()) {
+					z("Unable to identify you as the coach — please refresh and try again.");
 					return;
 				}
-				if (!x.trim()) {
-					R("Athlete ID is required.");
+				if (!S.trim()) {
+					z("Athlete ID is required.");
 					return;
 				}
-				if (!T.trim()) {
-					R("A session title is required.");
+				if (!E.trim()) {
+					z("A session title is required.");
 					return;
 				}
-				if (!N) {
-					R("A scheduled date and time is required.");
+				if (!P) {
+					z("A scheduled date and time is required.");
 					return;
 				}
-				let t = Number.parseInt(F, 10);
+				let t = Number.parseInt(I, 10);
 				if (Number.isNaN(t) || t <= 0) {
-					R("Duration must be a positive number of minutes.");
+					z("Duration must be a positive number of minutes.");
 					return;
 				}
 				try {
-					h(`/sessions/${(await v.mutateAsync({
-						coachId: y.trim(),
-						athleteId: x.trim(),
-						programId: C || void 0,
-						title: T.trim(),
-						type: D,
-						location: D === "ONLINE" ? void 0 : k.trim() || void 0,
-						meetingUrl: D === "IN_PERSON" ? void 0 : j.trim() || void 0,
-						scheduledAt: new Date(N).toISOString(),
+					g(`/sessions/${(await y.mutateAsync({
+						coachId: b.trim(),
+						athleteId: S.trim(),
+						programId: w || void 0,
+						title: E.trim(),
+						type: O,
+						location: O === "ONLINE" ? void 0 : A.trim() || void 0,
+						meetingUrl: O === "IN_PERSON" ? void 0 : M.trim() || void 0,
+						scheduledAt: new Date(P).toISOString(),
 						durationMin: t
 					})).id}`);
 				} catch (e) {
-					R(e instanceof Error ? e.message : "Failed to book session.");
+					z(e instanceof Error ? e.message : "Failed to book session.");
 				}
 			},
 			className: "max-w-2xl space-y-5",
 			children: [
-				/* @__PURE__ */ f(a, {
-					label: "Coach ID",
-					htmlFor: "coachId",
-					required: !0,
-					hint: "Defaults to you.",
-					children: /* @__PURE__ */ f("input", {
-						id: "coachId",
-						className: o,
-						value: y,
-						onChange: (e) => b(e.target.value),
-						placeholder: "coach-uuid"
+				/* @__PURE__ */ p(a, {
+					label: "Coach",
+					hint: "You're booking this session as the coach.",
+					children: /* @__PURE__ */ m("div", {
+						className: "flex items-center gap-2 rounded-lg border border-border-seam bg-bg-sunken px-3 py-2 text-sm text-text-primary",
+						children: [/* @__PURE__ */ p("span", {
+							className: "flex h-7 w-7 shrink-0 items-center justify-center rounded-full bg-bg-surface text-text-secondary",
+							children: /* @__PURE__ */ p(f, { className: "h-4 w-4" })
+						}), /* @__PURE__ */ p("span", {
+							className: "min-w-0 truncate font-medium",
+							children: x
+						})]
 					})
 				}),
-				/* @__PURE__ */ f(s, {
-					athleteId: x,
-					onSelect: ({ athleteId: e }) => S(e),
+				/* @__PURE__ */ p(s, {
+					athleteId: S,
+					onSelect: ({ athleteId: e }) => C(e),
 					required: !0,
 					idPrefix: "session-athlete"
 				}),
-				/* @__PURE__ */ f(a, {
+				/* @__PURE__ */ p(a, {
 					label: "Title",
 					htmlFor: "title",
 					required: !0,
-					children: /* @__PURE__ */ f("input", {
+					children: /* @__PURE__ */ p("input", {
 						id: "title",
 						className: o,
-						value: T,
-						onChange: (e) => E(e.target.value),
+						value: E,
+						onChange: (e) => D(e.target.value),
 						placeholder: "e.g. Sprint technique review"
 					})
 				}),
-				/* @__PURE__ */ p("div", {
+				/* @__PURE__ */ m("div", {
 					className: "grid grid-cols-1 gap-5 sm:grid-cols-2",
-					children: [/* @__PURE__ */ f(a, {
+					children: [/* @__PURE__ */ p(a, {
 						label: "Type",
 						htmlFor: "type",
-						children: /* @__PURE__ */ f("select", {
+						children: /* @__PURE__ */ p("select", {
 							id: "type",
 							className: o,
-							value: D,
-							onChange: (e) => O(e.target.value),
-							children: m.map((e) => /* @__PURE__ */ f("option", {
+							value: O,
+							onChange: (e) => k(e.target.value),
+							children: h.map((e) => /* @__PURE__ */ p("option", {
 								value: e,
 								children: n[e]
 							}, e))
 						})
-					}), /* @__PURE__ */ f(a, {
+					}), /* @__PURE__ */ p(a, {
 						label: "Program",
 						htmlFor: "program",
 						hint: "Optional — tie to a published plan.",
-						children: /* @__PURE__ */ p("select", {
+						children: /* @__PURE__ */ m("select", {
 							id: "program",
 							className: o,
-							value: C,
-							onChange: (e) => w(e.target.value),
-							children: [/* @__PURE__ */ f("option", {
+							value: w,
+							onChange: (e) => T(e.target.value),
+							children: [/* @__PURE__ */ p("option", {
 								value: "",
 								children: "No program"
-							}), z.map((e) => /* @__PURE__ */ f("option", {
+							}), B.map((e) => /* @__PURE__ */ p("option", {
 								value: e.id,
 								children: e.name
 							}, e.id))]
 						})
 					})]
 				}),
-				D !== "ONLINE" && /* @__PURE__ */ f(a, {
+				O !== "ONLINE" && /* @__PURE__ */ p(a, {
 					label: "Location",
 					htmlFor: "location",
-					children: /* @__PURE__ */ f("input", {
+					children: /* @__PURE__ */ p("input", {
 						id: "location",
 						className: o,
-						value: k,
-						onChange: (e) => A(e.target.value),
+						value: A,
+						onChange: (e) => j(e.target.value),
 						placeholder: "e.g. Main gym, Court 2"
 					})
 				}),
-				D !== "IN_PERSON" && /* @__PURE__ */ f(a, {
+				O !== "IN_PERSON" && /* @__PURE__ */ p(a, {
 					label: "Meeting URL",
 					htmlFor: "meetingUrl",
-					children: /* @__PURE__ */ f("input", {
+					children: /* @__PURE__ */ p("input", {
 						id: "meetingUrl",
 						className: o,
-						value: j,
-						onChange: (e) => M(e.target.value),
+						value: M,
+						onChange: (e) => N(e.target.value),
 						placeholder: "https://meet.example.com/…"
 					})
 				}),
-				/* @__PURE__ */ p("div", {
+				/* @__PURE__ */ m("div", {
 					className: "grid grid-cols-1 gap-5 sm:grid-cols-2",
-					children: [/* @__PURE__ */ f(a, {
+					children: [/* @__PURE__ */ p(a, {
 						label: "Scheduled at",
 						htmlFor: "scheduledAt",
 						required: !0,
-						children: /* @__PURE__ */ f("input", {
+						children: /* @__PURE__ */ p("input", {
 							id: "scheduledAt",
 							type: "datetime-local",
 							className: o,
-							value: N,
-							onChange: (e) => P(e.target.value)
+							value: P,
+							onChange: (e) => F(e.target.value)
 						})
-					}), /* @__PURE__ */ f(a, {
+					}), /* @__PURE__ */ p(a, {
 						label: "Duration (minutes)",
 						htmlFor: "duration",
-						children: /* @__PURE__ */ f("input", {
+						children: /* @__PURE__ */ p("input", {
 							id: "duration",
 							inputMode: "numeric",
 							className: o,
-							value: F,
-							onChange: (e) => I(e.target.value)
+							value: I,
+							onChange: (e) => L(e.target.value)
 						})
 					})]
 				}),
-				L && /* @__PURE__ */ f("p", {
+				R && /* @__PURE__ */ p("p", {
 					className: "text-sm text-status-error-text",
-					children: L
+					children: R
 				}),
-				/* @__PURE__ */ f("div", {
+				/* @__PURE__ */ p("div", {
 					className: "pt-2",
-					children: /* @__PURE__ */ p("button", {
+					children: /* @__PURE__ */ m("button", {
 						type: "submit",
-						disabled: v.isPending,
+						disabled: y.isPending,
 						className: "inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg/90 disabled:opacity-60",
-						children: [v.isPending ? /* @__PURE__ */ f(u, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ f(d, { className: "h-4 w-4" }), "Book session"]
+						children: [y.isPending ? /* @__PURE__ */ p(u, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ p(d, { className: "h-4 w-4" }), "Book session"]
 					})
 				})
 			]
@@ -194,6 +195,6 @@ function h() {
 	});
 }
 //#endregion
-export { h as SessionFormPage };
+export { g as SessionFormPage };
 
 //# sourceMappingURL=SessionFormPage.js.map

package/dist/atheletebridge/pages/sessions/SessionFormPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"SessionFormPage.js","names":[],"sources":["../../../../src/atheletebridge/pages/sessions/SessionFormPage.tsx"],"sourcesContent":["/**\n * Book Session Form\n * @module atheletebridge/pages/sessions\n */\n\nimport { useState } from 'react';\nimport { ArrowLeft, Loader2, Save } from 'lucide-react';\nimport { PageLayout } from '../../components/PageLayout';\nimport { FormField, fieldInputClass } from '../../components/form';\nimport { AthleteSelect } from '../../components/AthleteSelect';\nimport { SESSION_TYPE_LABELS } from '../../components/domain';\nimport { useAthleteBridge } from '../../context/AthleteBridgeContext';\nimport { useBookSession, usePrograms } from '../../hooks/useAthleteBridgeApi';\nimport type { AthSessionType } from '../../types';\n\nconst TYPES = Object.keys(SESSION_TYPE_LABELS) as AthSessionType[];\n\nexport function SessionFormPage() {\n  const { navigateTo, currentUser } = useAthleteBridge();\n\n  const programs = usePrograms({ status: 'PUBLISHED', pagination: { limit: 100 } });\n  const bookSession = useBookSession();\n\n  const [coachId, setCoachId] = useState(currentUser?.id ?? '');\n  const [athleteId, setAthleteId] = useState('');\n  const [programId, setProgramId] = useState('');\n  const [title, setTitle] = useState('');\n  const [type, setType] = useState<AthSessionType>('IN_PERSON');\n  const [location, setLocation] = useState('');\n  const [meetingUrl, setMeetingUrl] = useState('');\n  const [scheduledAt, setScheduledAt] = useState('');\n  const [durationMin, setDurationMin] = useState('60');\n  const [error, setError] = useState<string | null>(null);\n\n  const programOptions = programs.data?.items ?? [];\n\n  const handleSubmit = async (e: React.FormEvent) => {\n    e.preventDefault();\n    setError(null);\n\n    if (!coachId.trim()) {\n      setError('Coach ID is required.');\n      return;\n    }\n    if (!athleteId.trim()) {\n      setError('Athlete ID is required.');\n      return;\n    }\n    if (!title.trim()) {\n      setError('A session title is required.');\n      return;\n    }\n    if (!scheduledAt) {\n      setError('A scheduled date and time is required.');\n      return;\n    }\n    const duration = Number.parseInt(durationMin, 10);\n    if (Number.isNaN(duration) || duration <= 0) {\n      setError('Duration must be a positive number of minutes.');\n      return;\n    }\n\n    try {\n      const created = await bookSession.mutateAsync({\n        coachId: coachId.trim(),\n        athleteId: athleteId.trim(),\n        programId: programId || undefined,\n        title: title.trim(),\n        type,\n        location: type !== 'ONLINE' ? location.trim() || undefined : undefined,\n        meetingUrl: type !== 'IN_PERSON' ? meetingUrl.trim() || undefined : undefined,\n        scheduledAt: new Date(scheduledAt).toISOString(),\n        durationMin: duration,\n      });\n      navigateTo(`/sessions/${created.id}`);\n    } catch (err) {\n      setError(err instanceof Error ? err.message : 'Failed to book session.');\n    }\n  };\n\n  return (\n    <PageLayout\n      title=\"Book session\"\n      description=\"Schedule a coaching session between a coach and an athlete.\"\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\" /> Cancel\n        </button>\n      }\n    >\n      <form onSubmit={handleSubmit} className=\"max-w-2xl space-y-5\">\n        <FormField label=\"Coach ID\" htmlFor=\"coachId\" required hint=\"Defaults to you.\">\n          <input\n            id=\"coachId\"\n            className={fieldInputClass}\n            value={coachId}\n            onChange={(e) => setCoachId(e.target.value)}\n            placeholder=\"coach-uuid\"\n          />\n        </FormField>\n\n        <AthleteSelect\n          athleteId={athleteId}\n          onSelect={({ athleteId: id }) => setAthleteId(id)}\n          required\n          idPrefix=\"session-athlete\"\n        />\n\n        <FormField label=\"Title\" htmlFor=\"title\" required>\n          <input\n            id=\"title\"\n            className={fieldInputClass}\n            value={title}\n            onChange={(e) => setTitle(e.target.value)}\n            placeholder=\"e.g. Sprint technique review\"\n          />\n        </FormField>\n\n        <div className=\"grid grid-cols-1 gap-5 sm:grid-cols-2\">\n          <FormField label=\"Type\" htmlFor=\"type\">\n            <select\n              id=\"type\"\n              className={fieldInputClass}\n              value={type}\n              onChange={(e) => setType(e.target.value as AthSessionType)}\n            >\n              {TYPES.map((tp) => (\n                <option key={tp} value={tp}>\n                  {SESSION_TYPE_LABELS[tp]}\n                </option>\n              ))}\n            </select>\n          </FormField>\n\n          <FormField label=\"Program\" htmlFor=\"program\" hint=\"Optional — tie to a published plan.\">\n            <select\n              id=\"program\"\n              className={fieldInputClass}\n              value={programId}\n              onChange={(e) => setProgramId(e.target.value)}\n            >\n              <option value=\"\">No program</option>\n              {programOptions.map((pr) => (\n                <option key={pr.id} value={pr.id}>\n                  {pr.name}\n                </option>\n              ))}\n            </select>\n          </FormField>\n        </div>\n\n        {type !== 'ONLINE' && (\n          <FormField label=\"Location\" htmlFor=\"location\">\n            <input\n              id=\"location\"\n              className={fieldInputClass}\n              value={location}\n              onChange={(e) => setLocation(e.target.value)}\n              placeholder=\"e.g. Main gym, Court 2\"\n            />\n          </FormField>\n        )}\n\n        {type !== 'IN_PERSON' && (\n          <FormField label=\"Meeting URL\" htmlFor=\"meetingUrl\">\n            <input\n              id=\"meetingUrl\"\n              className={fieldInputClass}\n              value={meetingUrl}\n              onChange={(e) => setMeetingUrl(e.target.value)}\n              placeholder=\"https://meet.example.com/…\"\n            />\n          </FormField>\n        )}\n\n        <div className=\"grid grid-cols-1 gap-5 sm:grid-cols-2\">\n          <FormField label=\"Scheduled at\" htmlFor=\"scheduledAt\" required>\n            <input\n              id=\"scheduledAt\"\n              type=\"datetime-local\"\n              className={fieldInputClass}\n              value={scheduledAt}\n              onChange={(e) => setScheduledAt(e.target.value)}\n            />\n          </FormField>\n          <FormField label=\"Duration (minutes)\" htmlFor=\"duration\">\n            <input\n              id=\"duration\"\n              inputMode=\"numeric\"\n              className={fieldInputClass}\n              value={durationMin}\n              onChange={(e) => setDurationMin(e.target.value)}\n            />\n          </FormField>\n        </div>\n\n        {error && <p className=\"text-sm text-status-error-text\">{error}</p>}\n\n        <div className=\"pt-2\">\n          <button\n            type=\"submit\"\n            disabled={bookSession.isPending}\n            className=\"inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg/90 disabled:opacity-60\"\n          >\n            {bookSession.isPending ? (\n              <Loader2 className=\"h-4 w-4 animate-spin\" />\n            ) : (\n              <Save className=\"h-4 w-4\" />\n            )}\n            Book session\n          </button>\n        </div>\n      </form>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"SessionFormPage.js","names":[],"sources":["../../../../src/atheletebridge/pages/sessions/SessionFormPage.tsx"],"sourcesContent":["/**\n * Book Session Form\n * @module atheletebridge/pages/sessions\n */\n\nimport { useState } from 'react';\nimport { ArrowLeft, Loader2, Save, User as UserIcon } from 'lucide-react';\nimport { PageLayout } from '../../components/PageLayout';\nimport { FormField, fieldInputClass } from '../../components/form';\nimport { AthleteSelect } from '../../components/AthleteSelect';\nimport { SESSION_TYPE_LABELS } from '../../components/domain';\nimport { useAthleteBridge } from '../../context/AthleteBridgeContext';\nimport { useBookSession, usePrograms } from '../../hooks/useAthleteBridgeApi';\nimport type { AthSessionType } from '../../types';\n\nconst TYPES = Object.keys(SESSION_TYPE_LABELS) as AthSessionType[];\n\nexport function SessionFormPage() {\n  const { navigateTo, currentUser } = useAthleteBridge();\n\n  const programs = usePrograms({ status: 'PUBLISHED', pagination: { limit: 100 } });\n  const bookSession = useBookSession();\n\n  // The coach is always the current user — sent under the hood, shown read-only.\n  const coachId = currentUser?.id ?? '';\n  const coachName =\n    currentUser?.name?.trim() ||\n    [currentUser?.firstName, currentUser?.lastName].filter(Boolean).join(' ').trim() ||\n    currentUser?.email ||\n    'You';\n\n  const [athleteId, setAthleteId] = useState('');\n  const [programId, setProgramId] = useState('');\n  const [title, setTitle] = useState('');\n  const [type, setType] = useState<AthSessionType>('IN_PERSON');\n  const [location, setLocation] = useState('');\n  const [meetingUrl, setMeetingUrl] = useState('');\n  const [scheduledAt, setScheduledAt] = useState('');\n  const [durationMin, setDurationMin] = useState('60');\n  const [error, setError] = useState<string | null>(null);\n\n  const programOptions = programs.data?.items ?? [];\n\n  const handleSubmit = async (e: React.FormEvent) => {\n    e.preventDefault();\n    setError(null);\n\n    if (!coachId.trim()) {\n      setError('Unable to identify you as the coach — please refresh and try again.');\n      return;\n    }\n    if (!athleteId.trim()) {\n      setError('Athlete ID is required.');\n      return;\n    }\n    if (!title.trim()) {\n      setError('A session title is required.');\n      return;\n    }\n    if (!scheduledAt) {\n      setError('A scheduled date and time is required.');\n      return;\n    }\n    const duration = Number.parseInt(durationMin, 10);\n    if (Number.isNaN(duration) || duration <= 0) {\n      setError('Duration must be a positive number of minutes.');\n      return;\n    }\n\n    try {\n      const created = await bookSession.mutateAsync({\n        coachId: coachId.trim(),\n        athleteId: athleteId.trim(),\n        programId: programId || undefined,\n        title: title.trim(),\n        type,\n        location: type !== 'ONLINE' ? location.trim() || undefined : undefined,\n        meetingUrl: type !== 'IN_PERSON' ? meetingUrl.trim() || undefined : undefined,\n        scheduledAt: new Date(scheduledAt).toISOString(),\n        durationMin: duration,\n      });\n      navigateTo(`/sessions/${created.id}`);\n    } catch (err) {\n      setError(err instanceof Error ? err.message : 'Failed to book session.');\n    }\n  };\n\n  return (\n    <PageLayout\n      title=\"Book session\"\n      description=\"Schedule a coaching session between a coach and an athlete.\"\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\" /> Cancel\n        </button>\n      }\n    >\n      <form onSubmit={handleSubmit} className=\"max-w-2xl space-y-5\">\n        <FormField label=\"Coach\" hint=\"You're booking this session as the coach.\">\n          <div className=\"flex items-center gap-2 rounded-lg border border-border-seam bg-bg-sunken px-3 py-2 text-sm text-text-primary\">\n            <span className=\"flex h-7 w-7 shrink-0 items-center justify-center rounded-full bg-bg-surface text-text-secondary\">\n              <UserIcon className=\"h-4 w-4\" />\n            </span>\n            <span className=\"min-w-0 truncate font-medium\">{coachName}</span>\n          </div>\n        </FormField>\n\n        <AthleteSelect\n          athleteId={athleteId}\n          onSelect={({ athleteId: id }) => setAthleteId(id)}\n          required\n          idPrefix=\"session-athlete\"\n        />\n\n        <FormField label=\"Title\" htmlFor=\"title\" required>\n          <input\n            id=\"title\"\n            className={fieldInputClass}\n            value={title}\n            onChange={(e) => setTitle(e.target.value)}\n            placeholder=\"e.g. Sprint technique review\"\n          />\n        </FormField>\n\n        <div className=\"grid grid-cols-1 gap-5 sm:grid-cols-2\">\n          <FormField label=\"Type\" htmlFor=\"type\">\n            <select\n              id=\"type\"\n              className={fieldInputClass}\n              value={type}\n              onChange={(e) => setType(e.target.value as AthSessionType)}\n            >\n              {TYPES.map((tp) => (\n                <option key={tp} value={tp}>\n                  {SESSION_TYPE_LABELS[tp]}\n                </option>\n              ))}\n            </select>\n          </FormField>\n\n          <FormField label=\"Program\" htmlFor=\"program\" hint=\"Optional — tie to a published plan.\">\n            <select\n              id=\"program\"\n              className={fieldInputClass}\n              value={programId}\n              onChange={(e) => setProgramId(e.target.value)}\n            >\n              <option value=\"\">No program</option>\n              {programOptions.map((pr) => (\n                <option key={pr.id} value={pr.id}>\n                  {pr.name}\n                </option>\n              ))}\n            </select>\n          </FormField>\n        </div>\n\n        {type !== 'ONLINE' && (\n          <FormField label=\"Location\" htmlFor=\"location\">\n            <input\n              id=\"location\"\n              className={fieldInputClass}\n              value={location}\n              onChange={(e) => setLocation(e.target.value)}\n              placeholder=\"e.g. Main gym, Court 2\"\n            />\n          </FormField>\n        )}\n\n        {type !== 'IN_PERSON' && (\n          <FormField label=\"Meeting URL\" htmlFor=\"meetingUrl\">\n            <input\n              id=\"meetingUrl\"\n              className={fieldInputClass}\n              value={meetingUrl}\n              onChange={(e) => setMeetingUrl(e.target.value)}\n              placeholder=\"https://meet.example.com/…\"\n            />\n          </FormField>\n        )}\n\n        <div className=\"grid grid-cols-1 gap-5 sm:grid-cols-2\">\n          <FormField label=\"Scheduled at\" htmlFor=\"scheduledAt\" required>\n            <input\n              id=\"scheduledAt\"\n              type=\"datetime-local\"\n              className={fieldInputClass}\n              value={scheduledAt}\n              onChange={(e) => setScheduledAt(e.target.value)}\n            />\n          </FormField>\n          <FormField label=\"Duration (minutes)\" htmlFor=\"duration\">\n            <input\n              id=\"duration\"\n              inputMode=\"numeric\"\n              className={fieldInputClass}\n              value={durationMin}\n              onChange={(e) => setDurationMin(e.target.value)}\n            />\n          </FormField>\n        </div>\n\n        {error && <p className=\"text-sm text-status-error-text\">{error}</p>}\n\n        <div className=\"pt-2\">\n          <button\n            type=\"submit\"\n            disabled={bookSession.isPending}\n            className=\"inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg/90 disabled:opacity-60\"\n          >\n            {bookSession.isPending ? (\n              <Loader2 className=\"h-4 w-4 animate-spin\" />\n            ) : (\n              <Save className=\"h-4 w-4\" />\n            )}\n            Book session\n          </button>\n        </div>\n      </form>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}

package/dist/atheletebridge/utils/url.js

@@ -0,0 +1,17 @@
+//#region src/atheletebridge/utils/url.ts
+function e(e) {
+	if (!e) return null;
+	let t = e.trim();
+	if (!t) return null;
+	let n;
+	try {
+		n = new URL(t);
+	} catch {
+		return null;
+	}
+	return n.protocol === "http:" || n.protocol === "https:" ? n.href : null;
+}
+//#endregion
+export { e as safeExternalHref };
+
+//# sourceMappingURL=url.js.map

package/dist/atheletebridge/utils/url.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"url.js","names":[],"sources":["../../../src/atheletebridge/utils/url.ts"],"sourcesContent":["/**\n * URL safety helpers\n * @module atheletebridge/utils/url\n *\n * `safeExternalHref` is defense-in-depth against DOM-XSS from user-controlled\n * URLs (e.g. a session `meetingUrl`) that get rendered as clickable anchors.\n * A stored `javascript:` / `data:` / `vbscript:` URL in an `<a href>` executes\n * on click, so we only ever hand back a URL that parses as an absolute URL and\n * uses an `http:` or `https:` scheme. Anything else (bad scheme, relative,\n * unparseable) returns `null` and the caller must decline to render a link.\n */\n\n/**\n * Returns the URL only if it is a safe, absolute http(s) link; otherwise `null`.\n *\n * @example\n * safeExternalHref('https://meet.example.com/x') // => 'https://meet.example.com/x'\n * safeExternalHref('javascript:alert(1)')        // => null\n * safeExternalHref('data:text/html,<script>')    // => null\n * safeExternalHref('meet.example.com')           // => null (not absolute)\n */\nexport function safeExternalHref(url: string | null | undefined): string | null {\n  if (!url) return null;\n  const trimmed = url.trim();\n  if (!trimmed) return null;\n\n  let parsed: URL;\n  try {\n    parsed = new URL(trimmed);\n  } catch {\n    return null;\n  }\n\n  if (parsed.protocol === 'http:' || parsed.protocol === 'https:') {\n    return parsed.href;\n  }\n  return null;\n}\n"],"mappings":";AAqBA,SAAgB,EAAiB,GAA+C;AAC9E,KAAI,CAAC,EAAK,QAAO;CACjB,IAAM,IAAU,EAAI,MAAM;AAC1B,KAAI,CAAC,EAAS,QAAO;CAErB,IAAI;AACJ,KAAI;AACF,MAAS,IAAI,IAAI,EAAQ;SACnB;AACN,SAAO;;AAMT,QAHI,EAAO,aAAa,WAAW,EAAO,aAAa,WAC9C,EAAO,OAET"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@burdenoff/microfe-atheletebridge",
-  "version": "2026.705.1",
+  "version": "2026.705.2",
   "description": "Burdenoff AthleteBridge Microfrontend - Sports, coaching & training platform for teams, fixtures, programs, sessions and athlete performance",
   "type": "module",
   "files": [