@burdenoff/microfe-mybodyshield 2026.512.1 → 2026.705.1

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProgramDetailPage.js","names":[],"sources":["../../../../src/mybodyshield/pages/programs/ProgramDetailPage.tsx"],"sourcesContent":["/**\n * Program detail — a single training block with its workouts & exercises.\n * @module mybodyshield/pages/programs\n *\n * Renders one `mybProgram` (with its nested `workouts[].exercises[]`), lifecycle\n * transition controls (activate / complete / archive) and dialogs to add\n * workouts and exercises. All data & mutations hit the real `myb*` contract.\n */\n\nimport { useMemo, useState, type FC, type ReactNode } from 'react';\nimport { useParams } from 'react-router-dom';\nimport { ArrowLeft, Plus, CheckCircle2, Archive, Play, Dumbbell } from 'lucide-react';\nimport {\n  Button,\n  Input,\n  Label,\n  Textarea,\n  Select,\n  SelectTrigger,\n  SelectContent,\n  SelectItem,\n  SelectValue,\n  GlassCard,\n  ResponsiveDialog,\n  ResponsiveDialogContent,\n  ResponsiveDialogHeader,\n  ResponsiveDialogTitle,\n  ResponsiveDialogDescription,\n  ResponsiveDialogFooter,\n} from '@burdenoff/fe-libs/ui';\nimport {\n  PageLayout,\n  StatusBadge,\n  EmptyState,\n  LoadingView,\n  ErrorView,\n  Section,\n} from '../../components';\nimport { IconChip, WORKOUT_TYPE_META, MUSCLE_META } from '../_shared/visuals';\nimport { useMyBodyShield } from '../../context';\nimport {\n  useMybProgram,\n  useMybAddWorkout,\n  useMybAddExercise,\n  useMybTransitionProgram,\n  useMybArchiveProgram,\n} from '../../hooks';\nimport {\n  formatEnumLabel,\n  formatDate,\n  formatNumber,\n  formatWeight,\n  formatDuration,\n  formatMinutes,\n} from '../../utils/formatters';\nimport type {\n  MybWorkout,\n  MybExercise,\n  MybWorkoutType,\n  MybMuscleGroup,\n  MybProgramStatus,\n  MybCreateWorkoutInput,\n  MybCreateExerciseInput,\n} from '../../types';\n\nconst WORKOUT_TYPES: readonly MybWorkoutType[] = [\n  'STRENGTH',\n  'CARDIO',\n  'HIIT',\n  'MOBILITY',\n  'YOGA',\n  'RECOVERY',\n];\nconst MUSCLE_GROUPS: readonly MybMuscleGroup[] = [\n  'CHEST',\n  'BACK',\n  'LEGS',\n  'SHOULDERS',\n  'ARMS',\n  'CORE',\n  'FULL_BODY',\n];\n\n/** Parse a numeric text field → number | null (null when blank / invalid). */\nconst toNum = (raw: string): number | null => {\n  const t = raw.trim();\n  if (t === '') return null;\n  const n = Number(t);\n  return Number.isFinite(n) ? n : null;\n};\n\nconst Chip: FC<{ children: ReactNode }> = ({ children }) => (\n  <span className=\"inline-flex items-center rounded-full bg-bg-sunken px-2 py-0.5 text-xs font-medium text-text-secondary\">\n    {children}\n  </span>\n);\n\nconst MuscleChip: FC<{ group: MybMuscleGroup }> = ({ group }) => {\n  const tint = MUSCLE_META[group].tint;\n  return (\n    <span\n      className=\"inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium\"\n      style={{ backgroundColor: `color-mix(in srgb, ${tint} 16%, transparent)`, color: tint }}\n    >\n      {formatEnumLabel(group)}\n    </span>\n  );\n};\n\n/** Token-safe generic enum <Select>. */\nfunction EnumSelect<T extends string>({\n  id,\n  value,\n  onChange,\n  options,\n}: {\n  id?: string;\n  value: T;\n  onChange: (value: T) => void;\n  options: readonly T[];\n}) {\n  return (\n    <Select value={value} onValueChange={(v) => onChange(v as T)}>\n      <SelectTrigger id={id}>\n        <SelectValue />\n      </SelectTrigger>\n      <SelectContent>\n        {options.map((opt) => (\n          <SelectItem key={opt} value={opt}>\n            {formatEnumLabel(opt)}\n          </SelectItem>\n        ))}\n      </SelectContent>\n    </Select>\n  );\n}\n\ninterface WorkoutForm {\n  name: string;\n  type: MybWorkoutType;\n  weekNumber: string;\n  dayOfWeek: string;\n  durationMin: string;\n}\n\nconst EMPTY_WORKOUT: WorkoutForm = {\n  name: '',\n  type: 'STRENGTH',\n  weekNumber: '1',\n  dayOfWeek: '1',\n  durationMin: '',\n};\n\ninterface ExerciseForm {\n  name: string;\n  muscleGroup: MybMuscleGroup;\n  sets: string;\n  reps: string;\n  targetWeight: string;\n  restSeconds: string;\n  instructions: string;\n}\n\nconst EMPTY_EXERCISE: ExerciseForm = {\n  name: '',\n  muscleGroup: 'FULL_BODY',\n  sets: '',\n  reps: '',\n  targetWeight: '',\n  restSeconds: '',\n  instructions: '',\n};\n\nfunction ExerciseRow({ exercise }: { exercise: MybExercise }) {\n  return (\n    <div className=\"flex flex-col gap-2 py-3 sm:flex-row sm:items-start sm:justify-between\">\n      <div className=\"min-w-0\">\n        <div className=\"flex flex-wrap items-center gap-2\">\n          <p className=\"font-medium text-text-primary\">{exercise.name}</p>\n          <MuscleChip group={exercise.muscleGroup} />\n        </div>\n        {exercise.instructions && (\n          <p className=\"mt-1 text-xs text-text-tertiary\">{exercise.instructions}</p>\n        )}\n      </div>\n      <div className=\"flex shrink-0 items-center gap-4 text-sm tabular-nums text-text-secondary\">\n        <span>\n          {formatNumber(exercise.sets)}×{formatNumber(exercise.reps)} @{' '}\n          {formatWeight(exercise.targetWeight)}\n        </span>\n        <span className=\"text-text-tertiary\">Rest {formatDuration(exercise.restSeconds)}</span>\n      </div>\n    </div>\n  );\n}\n\nfunction WorkoutCard({\n  workout,\n  onAddExercise,\n}: {\n  workout: MybWorkout;\n  onAddExercise: (workoutId: string) => void;\n}) {\n  const meta = WORKOUT_TYPE_META[workout.type];\n  const TypeIcon = meta.icon;\n  const exercises = useMemo(\n    () => [...(workout.exercises ?? [])].sort((a, b) => a.orderIndex - b.orderIndex),\n    [workout.exercises]\n  );\n\n  return (\n    <GlassCard treatment=\"glass\" className=\"p-5\">\n      <div className=\"flex flex-wrap items-start justify-between gap-3\">\n        <div className=\"flex min-w-0 items-start gap-3\">\n          <IconChip icon={<TypeIcon className=\"h-4 w-4\" />} tint={meta.tint} />\n          <div className=\"min-w-0\">\n            <div className=\"flex flex-wrap items-center gap-2\">\n              <h3 className=\"font-semibold text-text-primary\">{workout.name}</h3>\n              <StatusBadge status={workout.type} />\n            </div>\n            <p className=\"mt-0.5 text-xs text-text-tertiary\">\n              Week {formatNumber(workout.weekNumber)} · Day {formatNumber(workout.dayOfWeek)} ·{' '}\n              {formatMinutes(workout.durationMin)}\n            </p>\n          </div>\n        </div>\n        <Button variant=\"outline\" size=\"sm\" onClick={() => onAddExercise(workout.id)}>\n          <Plus className=\"mr-1 h-4 w-4\" /> Add exercise\n        </Button>\n      </div>\n\n      {exercises.length === 0 ? (\n        <p className=\"mt-4 rounded-lg border border-dashed border-border-seam px-3 py-4 text-center text-sm text-text-tertiary\">\n          No exercises yet — add the first movement to this workout.\n        </p>\n      ) : (\n        <div className=\"mt-4 divide-y divide-border-seam/60\">\n          {exercises.map((exercise) => (\n            <ExerciseRow key={exercise.id} exercise={exercise} />\n          ))}\n        </div>\n      )}\n    </GlassCard>\n  );\n}\n\nexport function ProgramDetailPage() {\n  const { id } = useParams<{ id: string }>();\n  const { navigateTo } = useMyBodyShield();\n\n  const { data: program, isLoading, isError, refetch } = useMybProgram(id);\n\n  const transition = useMybTransitionProgram();\n  const archiveM = useMybArchiveProgram();\n  const addWorkout = useMybAddWorkout();\n  const addExercise = useMybAddExercise();\n\n  const [actionErr, setActionErr] = useState<string | null>(null);\n\n  // Add-workout dialog\n  const [workoutOpen, setWorkoutOpen] = useState(false);\n  const [workoutForm, setWorkoutForm] = useState<WorkoutForm>(EMPTY_WORKOUT);\n  const [workoutErr, setWorkoutErr] = useState<string | null>(null);\n\n  // Add-exercise dialog (targets a specific workout)\n  const [exerciseTarget, setExerciseTarget] = useState<string | null>(null);\n  const [exerciseForm, setExerciseForm] = useState<ExerciseForm>(EMPTY_EXERCISE);\n  const [exerciseErr, setExerciseErr] = useState<string | null>(null);\n\n  const workouts = useMemo(\n    () =>\n      [...(program?.workouts ?? [])].sort(\n        (a, b) =>\n          a.weekNumber - b.weekNumber || a.dayOfWeek - b.dayOfWeek || a.orderIndex - b.orderIndex\n      ),\n    [program?.workouts]\n  );\n\n  if (isLoading) {\n    return (\n      <PageLayout title=\"Program\">\n        <LoadingView label=\"Loading program…\" />\n      </PageLayout>\n    );\n  }\n\n  if (isError) {\n    return (\n      <PageLayout title=\"Program\">\n        <ErrorView message=\"We couldn't load this program.\" onRetry={() => void refetch()} />\n      </PageLayout>\n    );\n  }\n\n  if (!program) {\n    return (\n      <PageLayout title=\"Program\">\n        <EmptyState\n          illustration=\"empty-data\"\n          icon={<Dumbbell className=\"h-10 w-10\" />}\n          title=\"Program not found\"\n          description=\"This program may have been deleted or you don't have access to it.\"\n          action={\n            <Button variant=\"outline\" onClick={() => navigateTo('programs')}>\n              <ArrowLeft className=\"mr-1 h-4 w-4\" /> Back to programs\n            </Button>\n          }\n        />\n      </PageLayout>\n    );\n  }\n\n  const programId = program.id;\n\n  const doTransition = async (status: MybProgramStatus) => {\n    setActionErr(null);\n    try {\n      await transition.mutateAsync({ id: programId, status });\n    } catch (e) {\n      setActionErr(e instanceof Error ? e.message : 'Failed to update program status.');\n    }\n  };\n\n  const doArchive = async () => {\n    if (!window.confirm('Archive this program? It will be moved out of your active library.')) {\n      return;\n    }\n    setActionErr(null);\n    try {\n      await archiveM.mutateAsync(programId);\n      await refetch();\n    } catch (e) {\n      setActionErr(e instanceof Error ? e.message : 'Failed to archive program.');\n    }\n  };\n\n  const openAddWorkout = () => {\n    setWorkoutForm(EMPTY_WORKOUT);\n    setWorkoutErr(null);\n    setWorkoutOpen(true);\n  };\n\n  const submitWorkout = async () => {\n    if (!workoutForm.name.trim()) {\n      setWorkoutErr('Workout name is required.');\n      return;\n    }\n    const input: MybCreateWorkoutInput = {\n      programId,\n      name: workoutForm.name.trim(),\n      type: workoutForm.type,\n      weekNumber: toNum(workoutForm.weekNumber),\n      dayOfWeek: toNum(workoutForm.dayOfWeek),\n      durationMin: toNum(workoutForm.durationMin),\n    };\n    try {\n      await addWorkout.mutateAsync(input);\n      setWorkoutOpen(false);\n    } catch (e) {\n      setWorkoutErr(e instanceof Error ? e.message : 'Failed to add workout.');\n    }\n  };\n\n  const openAddExercise = (workoutId: string) => {\n    setExerciseForm(EMPTY_EXERCISE);\n    setExerciseErr(null);\n    setExerciseTarget(workoutId);\n  };\n\n  const submitExercise = async () => {\n    if (!exerciseTarget) return;\n    if (!exerciseForm.name.trim()) {\n      setExerciseErr('Exercise name is required.');\n      return;\n    }\n    const input: MybCreateExerciseInput = {\n      workoutId: exerciseTarget,\n      name: exerciseForm.name.trim(),\n      muscleGroup: exerciseForm.muscleGroup,\n      sets: toNum(exerciseForm.sets),\n      reps: toNum(exerciseForm.reps),\n      targetWeight: toNum(exerciseForm.targetWeight),\n      restSeconds: toNum(exerciseForm.restSeconds),\n      instructions: exerciseForm.instructions.trim() || null,\n    };\n    try {\n      await addExercise.mutateAsync(input);\n      setExerciseTarget(null);\n    } catch (e) {\n      setExerciseErr(e instanceof Error ? e.message : 'Failed to add exercise.');\n    }\n  };\n\n  return (\n    <PageLayout\n      title={program.name}\n      actions={\n        <>\n          {program.status === 'DRAFT' && (\n            <Button onClick={() => void doTransition('ACTIVE')} disabled={transition.isPending}>\n              <Play className=\"mr-1 h-4 w-4\" /> Activate\n            </Button>\n          )}\n          {program.status === 'ACTIVE' && (\n            <Button onClick={() => void doTransition('COMPLETED')} disabled={transition.isPending}>\n              <CheckCircle2 className=\"mr-1 h-4 w-4\" /> Complete\n            </Button>\n          )}\n          {program.status !== 'ARCHIVED' && (\n            <Button\n              variant=\"outline\"\n              onClick={() => void doArchive()}\n              disabled={archiveM.isPending}\n            >\n              <Archive className=\"mr-1 h-4 w-4\" /> Archive\n            </Button>\n          )}\n          <Button onClick={openAddWorkout}>\n            <Plus className=\"mr-1 h-4 w-4\" /> Add workout\n          </Button>\n        </>\n      }\n    >\n      <button\n        type=\"button\"\n        onClick={() => navigateTo('programs')}\n        className=\"mb-4 inline-flex items-center gap-1 text-sm font-medium text-accent hover:underline\"\n      >\n        <ArrowLeft className=\"h-4 w-4\" /> All programs\n      </button>\n\n      {/* Header card */}\n      <GlassCard treatment=\"glass\" className=\"p-6\">\n        <div className=\"flex flex-wrap items-start justify-between gap-4\">\n          <div className=\"min-w-0\">\n            <div className=\"flex flex-wrap items-center gap-2\">\n              <h2 className=\"text-xl font-semibold text-text-primary\">{program.name}</h2>\n              <StatusBadge status={program.status} />\n            </div>\n            <div className=\"mt-3 flex flex-wrap gap-1.5\">\n              <Chip>{formatEnumLabel(program.phase)}</Chip>\n              <Chip>{formatEnumLabel(program.level)}</Chip>\n              <Chip>{formatEnumLabel(program.goalType)}</Chip>\n              <Chip>\n                {formatNumber(program.weeks)} wk × {formatNumber(program.daysPerWeek)} days\n              </Chip>\n            </div>\n            <p className=\"mt-3 text-sm text-text-secondary\">\n              {formatDate(program.startDate)} – {formatDate(program.endDate)}\n            </p>\n            {program.tags.length > 0 && (\n              <div className=\"mt-3 flex flex-wrap gap-1.5\">\n                {program.tags.map((tag) => (\n                  <span\n                    key={tag}\n                    className=\"inline-flex items-center rounded-full bg-[var(--color-accent-soft)] px-2 py-0.5 text-xs font-medium text-text-secondary\"\n                  >\n                    #{tag}\n                  </span>\n                ))}\n              </div>\n            )}\n            {program.description && (\n              <p className=\"mt-3 max-w-2xl text-sm text-text-secondary\">{program.description}</p>\n            )}\n          </div>\n        </div>\n\n        {actionErr && (\n          <p className=\"mt-4 rounded-lg bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text\">\n            {actionErr}\n          </p>\n        )}\n      </GlassCard>\n\n      {/* Workouts */}\n      <Section\n        title=\"Workouts\"\n        description=\"Sessions in this block, ordered by week, day & sequence.\"\n      >\n        {workouts.length === 0 ? (\n          <EmptyState\n            illustration=\"empty-data\"\n            icon={<Dumbbell className=\"h-10 w-10\" />}\n            title=\"No workouts yet\"\n            description=\"Add workouts to lay out the training week, then attach exercises to each one.\"\n            action={\n              <Button onClick={openAddWorkout}>\n                <Plus className=\"mr-1 h-4 w-4\" /> Add workout\n              </Button>\n            }\n          />\n        ) : (\n          <div className=\"space-y-4\">\n            {workouts.map((workout) => (\n              <WorkoutCard key={workout.id} workout={workout} onAddExercise={openAddExercise} />\n            ))}\n          </div>\n        )}\n      </Section>\n\n      {/* Add-workout dialog */}\n      <ResponsiveDialog open={workoutOpen} onOpenChange={setWorkoutOpen}>\n        <ResponsiveDialogContent className=\"sm:max-w-lg\">\n          <ResponsiveDialogHeader>\n            <ResponsiveDialogTitle>Add workout</ResponsiveDialogTitle>\n            <ResponsiveDialogDescription>\n              Add a training session to this program. Attach exercises once it&apos;s created.\n            </ResponsiveDialogDescription>\n          </ResponsiveDialogHeader>\n\n          <div className=\"space-y-4 py-2\">\n            {workoutErr && (\n              <p className=\"rounded-lg bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text\">\n                {workoutErr}\n              </p>\n            )}\n\n            <div className=\"space-y-1.5\">\n              <Label htmlFor=\"myb-wk-name\">Name</Label>\n              <Input\n                id=\"myb-wk-name\"\n                value={workoutForm.name}\n                onChange={(e) => setWorkoutForm({ ...workoutForm, name: e.target.value })}\n                placeholder=\"e.g. Upper Body — Push\"\n              />\n            </div>\n\n            <div className=\"space-y-1.5\">\n              <Label htmlFor=\"myb-wk-type\">Type</Label>\n              <EnumSelect\n                id=\"myb-wk-type\"\n                value={workoutForm.type}\n                onChange={(v) => setWorkoutForm({ ...workoutForm, type: v })}\n                options={WORKOUT_TYPES}\n              />\n            </div>\n\n            <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-3\">\n              <div className=\"space-y-1.5\">\n                <Label htmlFor=\"myb-wk-week\">Week</Label>\n                <Input\n                  id=\"myb-wk-week\"\n                  type=\"number\"\n                  min={1}\n                  value={workoutForm.weekNumber}\n                  onChange={(e) => setWorkoutForm({ ...workoutForm, weekNumber: e.target.value })}\n                  placeholder=\"1\"\n                />\n              </div>\n              <div className=\"space-y-1.5\">\n                <Label htmlFor=\"myb-wk-day\">Day</Label>\n                <Input\n                  id=\"myb-wk-day\"\n                  type=\"number\"\n                  min={1}\n                  max={7}\n                  value={workoutForm.dayOfWeek}\n                  onChange={(e) => setWorkoutForm({ ...workoutForm, dayOfWeek: e.target.value })}\n                  placeholder=\"1\"\n                />\n              </div>\n              <div className=\"space-y-1.5\">\n                <Label htmlFor=\"myb-wk-dur\">Duration (min)</Label>\n                <Input\n                  id=\"myb-wk-dur\"\n                  type=\"number\"\n                  min={0}\n                  value={workoutForm.durationMin}\n                  onChange={(e) => setWorkoutForm({ ...workoutForm, durationMin: e.target.value })}\n                  placeholder=\"60\"\n                />\n              </div>\n            </div>\n          </div>\n\n          <ResponsiveDialogFooter>\n            <Button\n              variant=\"outline\"\n              onClick={() => setWorkoutOpen(false)}\n              disabled={addWorkout.isPending}\n            >\n              Cancel\n            </Button>\n            <Button onClick={() => void submitWorkout()} disabled={addWorkout.isPending}>\n              {addWorkout.isPending ? 'Adding…' : 'Add workout'}\n            </Button>\n          </ResponsiveDialogFooter>\n        </ResponsiveDialogContent>\n      </ResponsiveDialog>\n\n      {/* Add-exercise dialog */}\n      <ResponsiveDialog\n        open={exerciseTarget !== null}\n        onOpenChange={(open) => {\n          if (!open) setExerciseTarget(null);\n        }}\n      >\n        <ResponsiveDialogContent className=\"sm:max-w-lg\">\n          <ResponsiveDialogHeader>\n            <ResponsiveDialogTitle>Add exercise</ResponsiveDialogTitle>\n            <ResponsiveDialogDescription>\n              Add a movement with its target sets, reps, load &amp; rest.\n            </ResponsiveDialogDescription>\n          </ResponsiveDialogHeader>\n\n          <div className=\"space-y-4 py-2\">\n            {exerciseErr && (\n              <p className=\"rounded-lg bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text\">\n                {exerciseErr}\n              </p>\n            )}\n\n            <div className=\"space-y-1.5\">\n              <Label htmlFor=\"myb-ex-name\">Name</Label>\n              <Input\n                id=\"myb-ex-name\"\n                value={exerciseForm.name}\n                onChange={(e) => setExerciseForm({ ...exerciseForm, name: e.target.value })}\n                placeholder=\"e.g. Barbell Bench Press\"\n              />\n            </div>\n\n            <div className=\"space-y-1.5\">\n              <Label htmlFor=\"myb-ex-muscle\">Muscle group</Label>\n              <EnumSelect\n                id=\"myb-ex-muscle\"\n                value={exerciseForm.muscleGroup}\n                onChange={(v) => setExerciseForm({ ...exerciseForm, muscleGroup: v })}\n                options={MUSCLE_GROUPS}\n              />\n            </div>\n\n            <div className=\"grid grid-cols-2 gap-4 sm:grid-cols-4\">\n              <div className=\"space-y-1.5\">\n                <Label htmlFor=\"myb-ex-sets\">Sets</Label>\n                <Input\n                  id=\"myb-ex-sets\"\n                  type=\"number\"\n                  min={0}\n                  value={exerciseForm.sets}\n                  onChange={(e) => setExerciseForm({ ...exerciseForm, sets: e.target.value })}\n                  placeholder=\"3\"\n                />\n              </div>\n              <div className=\"space-y-1.5\">\n                <Label htmlFor=\"myb-ex-reps\">Reps</Label>\n                <Input\n                  id=\"myb-ex-reps\"\n                  type=\"number\"\n                  min={0}\n                  value={exerciseForm.reps}\n                  onChange={(e) => setExerciseForm({ ...exerciseForm, reps: e.target.value })}\n                  placeholder=\"10\"\n                />\n              </div>\n              <div className=\"space-y-1.5\">\n                <Label htmlFor=\"myb-ex-weight\">Weight (kg)</Label>\n                <Input\n                  id=\"myb-ex-weight\"\n                  type=\"number\"\n                  min={0}\n                  step=\"0.5\"\n                  value={exerciseForm.targetWeight}\n                  onChange={(e) =>\n                    setExerciseForm({ ...exerciseForm, targetWeight: e.target.value })\n                  }\n                  placeholder=\"60\"\n                />\n              </div>\n              <div className=\"space-y-1.5\">\n                <Label htmlFor=\"myb-ex-rest\">Rest (sec)</Label>\n                <Input\n                  id=\"myb-ex-rest\"\n                  type=\"number\"\n                  min={0}\n                  value={exerciseForm.restSeconds}\n                  onChange={(e) =>\n                    setExerciseForm({ ...exerciseForm, restSeconds: e.target.value })\n                  }\n                  placeholder=\"90\"\n                />\n              </div>\n            </div>\n\n            <div className=\"space-y-1.5\">\n              <Label htmlFor=\"myb-ex-instructions\">Instructions</Label>\n              <Textarea\n                id=\"myb-ex-instructions\"\n                rows={3}\n                value={exerciseForm.instructions}\n                onChange={(e) => setExerciseForm({ ...exerciseForm, instructions: e.target.value })}\n                placeholder=\"Cues, tempo, form notes…\"\n              />\n            </div>\n          </div>\n\n          <ResponsiveDialogFooter>\n            <Button\n              variant=\"outline\"\n              onClick={() => setExerciseTarget(null)}\n              disabled={addExercise.isPending}\n            >\n              Cancel\n            </Button>\n            <Button onClick={() => void submitExercise()} disabled={addExercise.isPending}>\n              {addExercise.isPending ? 'Adding…' : 'Add exercise'}\n            </Button>\n          </ResponsiveDialogFooter>\n        </ResponsiveDialogContent>\n      </ResponsiveDialog>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}

package/dist/mybodyshield/pages/programs/ProgramsPage.js

@@ -0,0 +1,450 @@
+import { useMyBodyShield as e } from "../../context/MyBodyShieldContext.js";
+import { PageLayout as t } from "../../components/PageLayout.js";
+import { MetricsCard as n } from "../../components/MetricsCard.js";
+import { formatEnumLabel as r, formatNumber as i, formatRelativeTime as a } from "../../utils/formatters.js";
+import { StatusBadge as o } from "../../components/StatusBadge.js";
+import { ErrorView as s, LoadingView as ee } from "../../components/StateViews.js";
+import { EmptyState as te } from "../../components/EmptyState.js";
+import { GOAL_TYPE_META as c, IconChip as l } from "../_shared/visuals.js";
+import "../../context/index.js";
+import { useMybCreateProgram as ne, useMybPrograms as u } from "../../hooks/useMyBodyShieldApi.js";
+import { useOffsetPager as d } from "../../hooks/usePager.js";
+import "../../hooks/index.js";
+import { FilterTabs as f } from "../../components/FilterTabs.js";
+import { Pagination as p } from "../../components/Pagination.js";
+import "../../components/index.js";
+import { useMemo as m, useState as h } from "react";
+import { Dumbbell as g, FilePenLine as re, Layers as ie, Plus as _ } from "lucide-react";
+import { jsx as v, jsxs as y } from "react/jsx-runtime";
+import { Button as b, GlassCard as x, Input as S, Label as C, ResponsiveDialog as ae, ResponsiveDialogContent as w, ResponsiveDialogDescription as T, ResponsiveDialogFooter as oe, ResponsiveDialogHeader as se, ResponsiveDialogTitle as E, Select as D, SelectContent as O, SelectItem as k, SelectTrigger as A, SelectValue as j, Textarea as ce } from "@burdenoff/fe-libs/ui";
+//#region src/mybodyshield/pages/programs/ProgramsPage.tsx
+var M = 24, le = [
+	"ALL",
+	"DRAFT",
+	"ACTIVE",
+	"COMPLETED",
+	"ARCHIVED"
+], N = [
+	"WEIGHT_LOSS",
+	"MUSCLE_GAIN",
+	"STRENGTH",
+	"ENDURANCE",
+	"MOBILITY",
+	"GENERAL_FITNESS"
+], ue = [
+	"BEGINNER",
+	"INTERMEDIATE",
+	"ADVANCED",
+	"ELITE"
+], de = [
+	"BUILD",
+	"PEAK",
+	"DELOAD",
+	"MAINTENANCE"
+], P = {
+	name: "",
+	description: "",
+	goalType: "GENERAL_FITNESS",
+	level: "BEGINNER",
+	phase: "BUILD",
+	weeks: "",
+	daysPerWeek: "",
+	startDate: ""
+}, F = (e) => {
+	let t = e.trim();
+	if (t === "") return null;
+	let n = Number(t);
+	return Number.isFinite(n) ? n : null;
+}, I = ({ children: e }) => /* @__PURE__ */ v("span", {
+	className: "inline-flex items-center rounded-full bg-bg-sunken px-2 py-0.5 text-xs font-medium text-text-secondary",
+	children: e
+});
+function L({ id: e, value: t, onChange: n, options: i }) {
+	return /* @__PURE__ */ y(D, {
+		value: t,
+		onValueChange: (e) => n(e),
+		children: [/* @__PURE__ */ v(A, {
+			id: e,
+			children: /* @__PURE__ */ v(j, {})
+		}), /* @__PURE__ */ v(O, { children: i.map((e) => /* @__PURE__ */ v(k, {
+			value: e,
+			children: r(e)
+		}, e)) })]
+	});
+}
+function R({ program: e, onOpen: t }) {
+	let n = c[e.goalType], s = n.icon;
+	return /* @__PURE__ */ v("button", {
+		type: "button",
+		onClick: () => t(e.id),
+		className: "text-left",
+		children: /* @__PURE__ */ y(x, {
+			treatment: "glass",
+			className: "flex h-full flex-col p-5 transition-shadow hover:shadow-float",
+			children: [
+				/* @__PURE__ */ y("div", {
+					className: "flex items-start justify-between gap-3",
+					children: [/* @__PURE__ */ y("div", {
+						className: "flex min-w-0 items-start gap-3",
+						children: [/* @__PURE__ */ v(l, {
+							icon: /* @__PURE__ */ v(s, { className: "h-4 w-4" }),
+							tint: n.tint
+						}), /* @__PURE__ */ y("div", {
+							className: "min-w-0",
+							children: [/* @__PURE__ */ v("p", {
+								className: "truncate font-semibold text-text-primary",
+								children: e.name
+							}), /* @__PURE__ */ v("p", {
+								className: "text-xs text-text-tertiary",
+								children: r(e.goalType)
+							})]
+						})]
+					}), /* @__PURE__ */ v(o, { status: e.status })]
+				}),
+				e.description && /* @__PURE__ */ v("p", {
+					className: "mt-3 line-clamp-2 text-sm text-text-secondary",
+					children: e.description
+				}),
+				/* @__PURE__ */ y("div", {
+					className: "mt-3 flex flex-wrap gap-1.5",
+					children: [
+						/* @__PURE__ */ v(I, { children: r(e.phase) }),
+						/* @__PURE__ */ v(I, { children: r(e.level) }),
+						/* @__PURE__ */ y(I, { children: [
+							i(e.weeks),
+							" wk × ",
+							i(e.daysPerWeek),
+							" days"
+						] })
+					]
+				}),
+				e.tags.length > 0 && /* @__PURE__ */ v("div", {
+					className: "mt-3 flex flex-wrap gap-1.5",
+					children: e.tags.slice(0, 4).map((e) => /* @__PURE__ */ y("span", {
+						className: "inline-flex items-center rounded-full bg-[var(--color-accent-soft)] px-2 py-0.5 text-xs font-medium text-text-secondary",
+						children: ["#", e]
+					}, e))
+				}),
+				/* @__PURE__ */ y("div", {
+					className: "mt-auto pt-4 text-xs text-text-tertiary",
+					children: ["Updated ", a(e.updatedAt)]
+				})
+			]
+		})
+	});
+}
+function z() {
+	let { navigateTo: a } = e(), o = d(M), [c, l] = h("ALL"), [x, I] = h("ALL"), [z, B] = h(!1), [V, H] = h(P), [U, W] = h(null), G = ne(), K = u({ pagination: { limit: 100 } }), q = m(() => K.data?.items ?? [], [K.data]), J = m(() => {
+		let e = (e) => q.filter((t) => t.status === e).length;
+		return {
+			ALL: q.length,
+			DRAFT: e("DRAFT"),
+			ACTIVE: e("ACTIVE"),
+			COMPLETED: e("COMPLETED"),
+			ARCHIVED: e("ARCHIVED")
+		};
+	}, [q]), Y = u({
+		status: c === "ALL" ? void 0 : c,
+		pagination: {
+			limit: M,
+			offset: o.offset
+		}
+	}), X = Y.data?.items ?? [], Z = x === "ALL" ? X : X.filter((e) => e.goalType === x), Q = (e) => {
+		l(e), o.reset();
+	}, fe = (e) => {
+		I(e), o.reset();
+	}, $ = () => {
+		H(P), W(null), B(!0);
+	}, pe = async () => {
+		if (!V.name.trim()) {
+			W("Program name is required.");
+			return;
+		}
+		let e = {
+			name: V.name.trim(),
+			description: V.description.trim() || null,
+			goalType: V.goalType,
+			level: V.level,
+			phase: V.phase,
+			weeks: F(V.weeks),
+			daysPerWeek: F(V.daysPerWeek),
+			startDate: V.startDate ? new Date(V.startDate).toISOString() : null
+		};
+		try {
+			let t = await G.mutateAsync(e);
+			B(!1), a(`programs/${t.id}`);
+		} catch (e) {
+			W(e instanceof Error ? e.message : "Failed to create program.");
+		}
+	}, me = le.map((e) => ({
+		value: e,
+		label: e === "ALL" ? "All" : r(e),
+		count: J[e]
+	}));
+	return /* @__PURE__ */ y(t, {
+		title: "Programs",
+		description: "Structured training blocks — build, peak, deload & maintain.",
+		actions: /* @__PURE__ */ y(b, {
+			onClick: $,
+			children: [/* @__PURE__ */ v(_, { className: "mr-1 h-4 w-4" }), " New program"]
+		}),
+		children: [
+			/* @__PURE__ */ y("div", {
+				className: "grid grid-cols-1 gap-4 sm:grid-cols-3",
+				children: [
+					/* @__PURE__ */ v(n, {
+						icon: /* @__PURE__ */ v(g, { className: "h-5 w-5" }),
+						value: i(J.ACTIVE),
+						label: "Active programs",
+						accent: "success"
+					}),
+					/* @__PURE__ */ v(n, {
+						icon: /* @__PURE__ */ v(re, { className: "h-5 w-5" }),
+						value: i(J.DRAFT),
+						label: "Draft programs"
+					}),
+					/* @__PURE__ */ v(n, {
+						icon: /* @__PURE__ */ v(ie, { className: "h-5 w-5" }),
+						value: i(J.ALL),
+						label: "Total programs"
+					})
+				]
+			}),
+			/* @__PURE__ */ y("div", {
+				className: "mt-6 flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between",
+				children: [/* @__PURE__ */ v(f, {
+					options: me,
+					value: c,
+					onChange: Q
+				}), /* @__PURE__ */ y("div", {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ v("span", {
+						className: "text-sm text-text-tertiary",
+						children: "Goal"
+					}), /* @__PURE__ */ v("div", {
+						className: "w-48",
+						children: /* @__PURE__ */ y(D, {
+							value: x,
+							onValueChange: (e) => fe(e),
+							children: [/* @__PURE__ */ v(A, { children: /* @__PURE__ */ v(j, {}) }), /* @__PURE__ */ y(O, { children: [/* @__PURE__ */ v(k, {
+								value: "ALL",
+								children: "All goals"
+							}), N.map((e) => /* @__PURE__ */ v(k, {
+								value: e,
+								children: r(e)
+							}, e))] })]
+						})
+					})]
+				})]
+			}),
+			/* @__PURE__ */ y("div", {
+				className: "mt-6",
+				children: [Y.isLoading ? /* @__PURE__ */ v(ee, { label: "Loading programs…" }) : Y.isError ? /* @__PURE__ */ v(s, {
+					message: "We couldn't load your programs.",
+					onRetry: () => void Y.refetch()
+				}) : X.length === 0 ? /* @__PURE__ */ v(te, {
+					illustration: "empty-data",
+					icon: /* @__PURE__ */ v(g, { className: "h-10 w-10" }),
+					title: c === "ALL" ? "No programs yet" : "No programs in this status",
+					description: "Create a structured training program to plan your workouts week by week.",
+					action: /* @__PURE__ */ y(b, {
+						onClick: $,
+						children: [/* @__PURE__ */ v(_, { className: "mr-1 h-4 w-4" }), " New program"]
+					})
+				}) : Z.length === 0 ? /* @__PURE__ */ y("div", {
+					className: "rounded-xl border border-dashed border-border-seam py-10 text-center text-sm text-text-secondary",
+					children: [
+						"No programs on this page match",
+						" ",
+						/* @__PURE__ */ v("span", {
+							className: "font-medium text-text-primary",
+							children: r(x)
+						}),
+						"."
+					]
+				}) : /* @__PURE__ */ v("div", {
+					className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
+					children: Z.map((e) => /* @__PURE__ */ v(R, {
+						program: e,
+						onOpen: (e) => a(`programs/${e}`)
+					}, e.id))
+				}), !Y.isLoading && !Y.isError && X.length > 0 && /* @__PURE__ */ v(p, {
+					page: o.page,
+					pageSize: M,
+					itemCount: X.length,
+					hasMore: Y.data?.pageInfo?.hasMore ?? !1,
+					onPageChange: (e) => o.onPageChange(e)
+				})]
+			}),
+			/* @__PURE__ */ v(ae, {
+				open: z,
+				onOpenChange: B,
+				children: /* @__PURE__ */ y(w, {
+					className: "sm:max-w-lg",
+					children: [
+						/* @__PURE__ */ y(se, { children: [/* @__PURE__ */ v(E, { children: "New program" }), /* @__PURE__ */ v(T, { children: "Define a structured training block. You can add workouts & exercises after creating it." })] }),
+						/* @__PURE__ */ y("div", {
+							className: "space-y-4 py-2",
+							children: [
+								U && /* @__PURE__ */ v("p", {
+									className: "rounded-lg bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text",
+									children: U
+								}),
+								/* @__PURE__ */ y("div", {
+									className: "space-y-1.5",
+									children: [/* @__PURE__ */ v(C, {
+										htmlFor: "myb-prog-name",
+										children: "Name"
+									}), /* @__PURE__ */ v(S, {
+										id: "myb-prog-name",
+										value: V.name,
+										onChange: (e) => H({
+											...V,
+											name: e.target.value
+										}),
+										placeholder: "e.g. Hypertrophy Block A"
+									})]
+								}),
+								/* @__PURE__ */ y("div", {
+									className: "space-y-1.5",
+									children: [/* @__PURE__ */ v(C, {
+										htmlFor: "myb-prog-desc",
+										children: "Description"
+									}), /* @__PURE__ */ v(ce, {
+										id: "myb-prog-desc",
+										rows: 3,
+										value: V.description,
+										onChange: (e) => H({
+											...V,
+											description: e.target.value
+										}),
+										placeholder: "Focus, progression scheme, notes…"
+									})]
+								}),
+								/* @__PURE__ */ y("div", {
+									className: "grid grid-cols-1 gap-4 sm:grid-cols-3",
+									children: [
+										/* @__PURE__ */ y("div", {
+											className: "space-y-1.5",
+											children: [/* @__PURE__ */ v(C, {
+												htmlFor: "myb-prog-goal",
+												children: "Goal type"
+											}), /* @__PURE__ */ v(L, {
+												id: "myb-prog-goal",
+												value: V.goalType,
+												onChange: (e) => H({
+													...V,
+													goalType: e
+												}),
+												options: N
+											})]
+										}),
+										/* @__PURE__ */ y("div", {
+											className: "space-y-1.5",
+											children: [/* @__PURE__ */ v(C, {
+												htmlFor: "myb-prog-level",
+												children: "Level"
+											}), /* @__PURE__ */ v(L, {
+												id: "myb-prog-level",
+												value: V.level,
+												onChange: (e) => H({
+													...V,
+													level: e
+												}),
+												options: ue
+											})]
+										}),
+										/* @__PURE__ */ y("div", {
+											className: "space-y-1.5",
+											children: [/* @__PURE__ */ v(C, {
+												htmlFor: "myb-prog-phase",
+												children: "Phase"
+											}), /* @__PURE__ */ v(L, {
+												id: "myb-prog-phase",
+												value: V.phase,
+												onChange: (e) => H({
+													...V,
+													phase: e
+												}),
+												options: de
+											})]
+										})
+									]
+								}),
+								/* @__PURE__ */ y("div", {
+									className: "grid grid-cols-1 gap-4 sm:grid-cols-3",
+									children: [
+										/* @__PURE__ */ y("div", {
+											className: "space-y-1.5",
+											children: [/* @__PURE__ */ v(C, {
+												htmlFor: "myb-prog-weeks",
+												children: "Weeks"
+											}), /* @__PURE__ */ v(S, {
+												id: "myb-prog-weeks",
+												type: "number",
+												min: 1,
+												value: V.weeks,
+												onChange: (e) => H({
+													...V,
+													weeks: e.target.value
+												}),
+												placeholder: "8"
+											})]
+										}),
+										/* @__PURE__ */ y("div", {
+											className: "space-y-1.5",
+											children: [/* @__PURE__ */ v(C, {
+												htmlFor: "myb-prog-days",
+												children: "Days / week"
+											}), /* @__PURE__ */ v(S, {
+												id: "myb-prog-days",
+												type: "number",
+												min: 1,
+												max: 7,
+												value: V.daysPerWeek,
+												onChange: (e) => H({
+													...V,
+													daysPerWeek: e.target.value
+												}),
+												placeholder: "4"
+											})]
+										}),
+										/* @__PURE__ */ y("div", {
+											className: "space-y-1.5",
+											children: [/* @__PURE__ */ v(C, {
+												htmlFor: "myb-prog-start",
+												children: "Start date"
+											}), /* @__PURE__ */ v(S, {
+												id: "myb-prog-start",
+												type: "date",
+												value: V.startDate,
+												onChange: (e) => H({
+													...V,
+													startDate: e.target.value
+												})
+											})]
+										})
+									]
+								})
+							]
+						}),
+						/* @__PURE__ */ y(oe, { children: [/* @__PURE__ */ v(b, {
+							variant: "outline",
+							onClick: () => B(!1),
+							disabled: G.isPending,
+							children: "Cancel"
+						}), /* @__PURE__ */ v(b, {
+							onClick: () => void pe(),
+							disabled: G.isPending,
+							children: G.isPending ? "Creating…" : "Create program"
+						})] })
+					]
+				})
+			})
+		]
+	});
+}
+//#endregion
+export { z as ProgramsPage };
+
+//# sourceMappingURL=ProgramsPage.js.map

package/dist/mybodyshield/pages/programs/ProgramsPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgramsPage.js","names":[],"sources":["../../../../src/mybodyshield/pages/programs/ProgramsPage.tsx"],"sourcesContent":["/**\n * Programs — training program library (Training pillar).\n * @module mybodyshield/pages/programs\n *\n * Lists the member's structured training blocks (programs), filterable by\n * lifecycle status and goal type, with a create dialog. Every program links to\n * its detail page. All data comes from the real `mybListPrograms` /\n * `mybCreateProgram` operations — no mock data.\n */\n\nimport { useMemo, useState, type FC, type ReactNode } from 'react';\nimport { Plus, Dumbbell, FilePenLine, Layers } from 'lucide-react';\nimport {\n  Button,\n  Input,\n  Label,\n  Textarea,\n  Select,\n  SelectTrigger,\n  SelectContent,\n  SelectItem,\n  SelectValue,\n  GlassCard,\n  ResponsiveDialog,\n  ResponsiveDialogContent,\n  ResponsiveDialogHeader,\n  ResponsiveDialogTitle,\n  ResponsiveDialogDescription,\n  ResponsiveDialogFooter,\n} from '@burdenoff/fe-libs/ui';\nimport {\n  PageLayout,\n  MetricsCard,\n  StatusBadge,\n  EmptyState,\n  LoadingView,\n  ErrorView,\n  FilterTabs,\n  Pagination,\n  type FilterOption,\n} from '../../components';\nimport { IconChip, GOAL_TYPE_META } from '../_shared/visuals';\nimport { useMyBodyShield } from '../../context';\nimport { useMybPrograms, useMybCreateProgram, useOffsetPager } from '../../hooks';\nimport { formatEnumLabel, formatRelativeTime, formatNumber } from '../../utils/formatters';\nimport type {\n  MybProgram,\n  MybProgramStatus,\n  MybGoalType,\n  MybFitnessLevel,\n  MybProgramPhase,\n  MybCreateProgramInput,\n} from '../../types';\n\nconst PAGE_SIZE = 24;\n\nconst STATUS_FILTERS = ['ALL', 'DRAFT', 'ACTIVE', 'COMPLETED', 'ARCHIVED'] as const;\ntype StatusFilter = (typeof STATUS_FILTERS)[number];\n\nconst GOAL_TYPES: readonly MybGoalType[] = [\n  'WEIGHT_LOSS',\n  'MUSCLE_GAIN',\n  'STRENGTH',\n  'ENDURANCE',\n  'MOBILITY',\n  'GENERAL_FITNESS',\n];\nconst LEVELS: readonly MybFitnessLevel[] = ['BEGINNER', 'INTERMEDIATE', 'ADVANCED', 'ELITE'];\nconst PHASES: readonly MybProgramPhase[] = ['BUILD', 'PEAK', 'DELOAD', 'MAINTENANCE'];\n\ntype GoalFilter = MybGoalType | 'ALL';\n\ninterface ProgramForm {\n  name: string;\n  description: string;\n  goalType: MybGoalType;\n  level: MybFitnessLevel;\n  phase: MybProgramPhase;\n  weeks: string;\n  daysPerWeek: string;\n  startDate: string;\n}\n\nconst EMPTY_FORM: ProgramForm = {\n  name: '',\n  description: '',\n  goalType: 'GENERAL_FITNESS',\n  level: 'BEGINNER',\n  phase: 'BUILD',\n  weeks: '',\n  daysPerWeek: '',\n  startDate: '',\n};\n\n/** Parse a numeric text field → number | null (null when blank / invalid). */\nconst toNum = (raw: string): number | null => {\n  const t = raw.trim();\n  if (t === '') return null;\n  const n = Number(t);\n  return Number.isFinite(n) ? n : null;\n};\n\n/** A small neutral metadata pill. */\nconst Chip: FC<{ children: ReactNode }> = ({ children }) => (\n  <span className=\"inline-flex items-center rounded-full bg-bg-sunken px-2 py-0.5 text-xs font-medium text-text-secondary\">\n    {children}\n  </span>\n);\n\n/** Token-safe generic enum <Select>. */\nfunction EnumSelect<T extends string>({\n  id,\n  value,\n  onChange,\n  options,\n}: {\n  id?: string;\n  value: T;\n  onChange: (value: T) => void;\n  options: readonly T[];\n}) {\n  return (\n    <Select value={value} onValueChange={(v) => onChange(v as T)}>\n      <SelectTrigger id={id}>\n        <SelectValue />\n      </SelectTrigger>\n      <SelectContent>\n        {options.map((opt) => (\n          <SelectItem key={opt} value={opt}>\n            {formatEnumLabel(opt)}\n          </SelectItem>\n        ))}\n      </SelectContent>\n    </Select>\n  );\n}\n\nfunction ProgramCard({ program, onOpen }: { program: MybProgram; onOpen: (id: string) => void }) {\n  const goalMeta = GOAL_TYPE_META[program.goalType];\n  const GoalIcon = goalMeta.icon;\n  return (\n    <button type=\"button\" onClick={() => onOpen(program.id)} className=\"text-left\">\n      <GlassCard\n        treatment=\"glass\"\n        className=\"flex h-full flex-col p-5 transition-shadow hover:shadow-float\"\n      >\n        <div className=\"flex items-start justify-between gap-3\">\n          <div className=\"flex min-w-0 items-start gap-3\">\n            <IconChip icon={<GoalIcon className=\"h-4 w-4\" />} tint={goalMeta.tint} />\n            <div className=\"min-w-0\">\n              <p className=\"truncate font-semibold text-text-primary\">{program.name}</p>\n              <p className=\"text-xs text-text-tertiary\">{formatEnumLabel(program.goalType)}</p>\n            </div>\n          </div>\n          <StatusBadge status={program.status} />\n        </div>\n\n        {program.description && (\n          <p className=\"mt-3 line-clamp-2 text-sm text-text-secondary\">{program.description}</p>\n        )}\n\n        <div className=\"mt-3 flex flex-wrap gap-1.5\">\n          <Chip>{formatEnumLabel(program.phase)}</Chip>\n          <Chip>{formatEnumLabel(program.level)}</Chip>\n          <Chip>\n            {formatNumber(program.weeks)} wk × {formatNumber(program.daysPerWeek)} days\n          </Chip>\n        </div>\n\n        {program.tags.length > 0 && (\n          <div className=\"mt-3 flex flex-wrap gap-1.5\">\n            {program.tags.slice(0, 4).map((tag) => (\n              <span\n                key={tag}\n                className=\"inline-flex items-center rounded-full bg-[var(--color-accent-soft)] px-2 py-0.5 text-xs font-medium text-text-secondary\"\n              >\n                #{tag}\n              </span>\n            ))}\n          </div>\n        )}\n\n        <div className=\"mt-auto pt-4 text-xs text-text-tertiary\">\n          Updated {formatRelativeTime(program.updatedAt)}\n        </div>\n      </GlassCard>\n    </button>\n  );\n}\n\nexport function ProgramsPage() {\n  const { navigateTo } = useMyBodyShield();\n  const pager = useOffsetPager(PAGE_SIZE);\n\n  const [statusFilter, setStatusFilter] = useState<StatusFilter>('ALL');\n  const [goalFilter, setGoalFilter] = useState<GoalFilter>('ALL');\n\n  const [createOpen, setCreateOpen] = useState(false);\n  const [form, setForm] = useState<ProgramForm>(EMPTY_FORM);\n  const [err, setErr] = useState<string | null>(null);\n\n  const create = useMybCreateProgram();\n\n  // Aggregate summary (unfiltered, capped) for the KPI row + filter counts.\n  const summary = useMybPrograms({ pagination: { limit: 100 } });\n  const summaryRows = useMemo(() => summary.data?.items ?? [], [summary.data]);\n\n  const counts = useMemo(() => {\n    const by = (s: MybProgramStatus) => summaryRows.filter((p) => p.status === s).length;\n    return {\n      ALL: summaryRows.length,\n      DRAFT: by('DRAFT'),\n      ACTIVE: by('ACTIVE'),\n      COMPLETED: by('COMPLETED'),\n      ARCHIVED: by('ARCHIVED'),\n    };\n  }, [summaryRows]);\n\n  const list = useMybPrograms({\n    status: statusFilter === 'ALL' ? undefined : statusFilter,\n    pagination: { limit: PAGE_SIZE, offset: pager.offset },\n  });\n\n  const rawRows = list.data?.items ?? [];\n  const rows = goalFilter === 'ALL' ? rawRows : rawRows.filter((p) => p.goalType === goalFilter);\n\n  const changeStatus = (next: StatusFilter) => {\n    setStatusFilter(next);\n    pager.reset();\n  };\n  const changeGoal = (next: GoalFilter) => {\n    setGoalFilter(next);\n    pager.reset();\n  };\n\n  const openCreate = () => {\n    setForm(EMPTY_FORM);\n    setErr(null);\n    setCreateOpen(true);\n  };\n\n  const submit = async () => {\n    if (!form.name.trim()) {\n      setErr('Program name is required.');\n      return;\n    }\n    const input: MybCreateProgramInput = {\n      name: form.name.trim(),\n      description: form.description.trim() || null,\n      goalType: form.goalType,\n      level: form.level,\n      phase: form.phase,\n      weeks: toNum(form.weeks),\n      daysPerWeek: toNum(form.daysPerWeek),\n      startDate: form.startDate ? new Date(form.startDate).toISOString() : null,\n    };\n    try {\n      const created = await create.mutateAsync(input);\n      setCreateOpen(false);\n      navigateTo(`programs/${created.id}`);\n    } catch (e) {\n      setErr(e instanceof Error ? e.message : 'Failed to create program.');\n    }\n  };\n\n  const statusOptions: FilterOption<StatusFilter>[] = STATUS_FILTERS.map((s) => ({\n    value: s,\n    label: s === 'ALL' ? 'All' : formatEnumLabel(s),\n    count: counts[s],\n  }));\n\n  return (\n    <PageLayout\n      title=\"Programs\"\n      description=\"Structured training blocks — build, peak, deload & maintain.\"\n      actions={\n        <Button onClick={openCreate}>\n          <Plus className=\"mr-1 h-4 w-4\" /> New program\n        </Button>\n      }\n    >\n      {/* KPI row */}\n      <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-3\">\n        <MetricsCard\n          icon={<Dumbbell className=\"h-5 w-5\" />}\n          value={formatNumber(counts.ACTIVE)}\n          label=\"Active programs\"\n          accent=\"success\"\n        />\n        <MetricsCard\n          icon={<FilePenLine className=\"h-5 w-5\" />}\n          value={formatNumber(counts.DRAFT)}\n          label=\"Draft programs\"\n        />\n        <MetricsCard\n          icon={<Layers className=\"h-5 w-5\" />}\n          value={formatNumber(counts.ALL)}\n          label=\"Total programs\"\n        />\n      </div>\n\n      {/* Filters */}\n      <div className=\"mt-6 flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between\">\n        <FilterTabs options={statusOptions} value={statusFilter} onChange={changeStatus} />\n        <div className=\"flex items-center gap-2\">\n          <span className=\"text-sm text-text-tertiary\">Goal</span>\n          <div className=\"w-48\">\n            <Select value={goalFilter} onValueChange={(v) => changeGoal(v as GoalFilter)}>\n              <SelectTrigger>\n                <SelectValue />\n              </SelectTrigger>\n              <SelectContent>\n                <SelectItem value=\"ALL\">All goals</SelectItem>\n                {GOAL_TYPES.map((g) => (\n                  <SelectItem key={g} value={g}>\n                    {formatEnumLabel(g)}\n                  </SelectItem>\n                ))}\n              </SelectContent>\n            </Select>\n          </div>\n        </div>\n      </div>\n\n      {/* List */}\n      <div className=\"mt-6\">\n        {list.isLoading ? (\n          <LoadingView label=\"Loading programs…\" />\n        ) : list.isError ? (\n          <ErrorView\n            message=\"We couldn't load your programs.\"\n            onRetry={() => void list.refetch()}\n          />\n        ) : rawRows.length === 0 ? (\n          <EmptyState\n            illustration=\"empty-data\"\n            icon={<Dumbbell className=\"h-10 w-10\" />}\n            title={statusFilter === 'ALL' ? 'No programs yet' : 'No programs in this status'}\n            description=\"Create a structured training program to plan your workouts week by week.\"\n            action={\n              <Button onClick={openCreate}>\n                <Plus className=\"mr-1 h-4 w-4\" /> New program\n              </Button>\n            }\n          />\n        ) : rows.length === 0 ? (\n          <div className=\"rounded-xl border border-dashed border-border-seam py-10 text-center text-sm text-text-secondary\">\n            No programs on this page match{' '}\n            <span className=\"font-medium text-text-primary\">{formatEnumLabel(goalFilter)}</span>.\n          </div>\n        ) : (\n          <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n            {rows.map((program) => (\n              <ProgramCard\n                key={program.id}\n                program={program}\n                onOpen={(id) => navigateTo(`programs/${id}`)}\n              />\n            ))}\n          </div>\n        )}\n\n        {!list.isLoading && !list.isError && rawRows.length > 0 && (\n          <Pagination\n            page={pager.page}\n            pageSize={PAGE_SIZE}\n            itemCount={rawRows.length}\n            hasMore={list.data?.pageInfo?.hasMore ?? false}\n            onPageChange={(t) => pager.onPageChange(t)}\n          />\n        )}\n      </div>\n\n      {/* Create dialog */}\n      <ResponsiveDialog open={createOpen} onOpenChange={setCreateOpen}>\n        <ResponsiveDialogContent className=\"sm:max-w-lg\">\n          <ResponsiveDialogHeader>\n            <ResponsiveDialogTitle>New program</ResponsiveDialogTitle>\n            <ResponsiveDialogDescription>\n              Define a structured training block. You can add workouts &amp; exercises after\n              creating it.\n            </ResponsiveDialogDescription>\n          </ResponsiveDialogHeader>\n\n          <div className=\"space-y-4 py-2\">\n            {err && (\n              <p className=\"rounded-lg bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text\">\n                {err}\n              </p>\n            )}\n\n            <div className=\"space-y-1.5\">\n              <Label htmlFor=\"myb-prog-name\">Name</Label>\n              <Input\n                id=\"myb-prog-name\"\n                value={form.name}\n                onChange={(e) => setForm({ ...form, name: e.target.value })}\n                placeholder=\"e.g. Hypertrophy Block A\"\n              />\n            </div>\n\n            <div className=\"space-y-1.5\">\n              <Label htmlFor=\"myb-prog-desc\">Description</Label>\n              <Textarea\n                id=\"myb-prog-desc\"\n                rows={3}\n                value={form.description}\n                onChange={(e) => setForm({ ...form, description: e.target.value })}\n                placeholder=\"Focus, progression scheme, notes…\"\n              />\n            </div>\n\n            <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-3\">\n              <div className=\"space-y-1.5\">\n                <Label htmlFor=\"myb-prog-goal\">Goal type</Label>\n                <EnumSelect\n                  id=\"myb-prog-goal\"\n                  value={form.goalType}\n                  onChange={(v) => setForm({ ...form, goalType: v })}\n                  options={GOAL_TYPES}\n                />\n              </div>\n              <div className=\"space-y-1.5\">\n                <Label htmlFor=\"myb-prog-level\">Level</Label>\n                <EnumSelect\n                  id=\"myb-prog-level\"\n                  value={form.level}\n                  onChange={(v) => setForm({ ...form, level: v })}\n                  options={LEVELS}\n                />\n              </div>\n              <div className=\"space-y-1.5\">\n                <Label htmlFor=\"myb-prog-phase\">Phase</Label>\n                <EnumSelect\n                  id=\"myb-prog-phase\"\n                  value={form.phase}\n                  onChange={(v) => setForm({ ...form, phase: v })}\n                  options={PHASES}\n                />\n              </div>\n            </div>\n\n            <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-3\">\n              <div className=\"space-y-1.5\">\n                <Label htmlFor=\"myb-prog-weeks\">Weeks</Label>\n                <Input\n                  id=\"myb-prog-weeks\"\n                  type=\"number\"\n                  min={1}\n                  value={form.weeks}\n                  onChange={(e) => setForm({ ...form, weeks: e.target.value })}\n                  placeholder=\"8\"\n                />\n              </div>\n              <div className=\"space-y-1.5\">\n                <Label htmlFor=\"myb-prog-days\">Days / week</Label>\n                <Input\n                  id=\"myb-prog-days\"\n                  type=\"number\"\n                  min={1}\n                  max={7}\n                  value={form.daysPerWeek}\n                  onChange={(e) => setForm({ ...form, daysPerWeek: e.target.value })}\n                  placeholder=\"4\"\n                />\n              </div>\n              <div className=\"space-y-1.5\">\n                <Label htmlFor=\"myb-prog-start\">Start date</Label>\n                <Input\n                  id=\"myb-prog-start\"\n                  type=\"date\"\n                  value={form.startDate}\n                  onChange={(e) => setForm({ ...form, startDate: e.target.value })}\n                />\n              </div>\n            </div>\n          </div>\n\n          <ResponsiveDialogFooter>\n            <Button\n              variant=\"outline\"\n              onClick={() => setCreateOpen(false)}\n              disabled={create.isPending}\n            >\n              Cancel\n            </Button>\n            <Button onClick={() => void submit()} disabled={create.isPending}>\n              {create.isPending ? 'Creating…' : 'Create program'}\n            </Button>\n          </ResponsiveDialogFooter>\n        </ResponsiveDialogContent>\n      </ResponsiveDialog>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}