Files
WerkoutAPI/werkout-frontend/app/plans/page.tsx
Trey t 1c61b80731 workout generator audit: rules engine, structure rules, split patterns, injury UX, metadata cleanup
- Add rules_engine.py with quantitative rules for all 8 workout types
- Add quality gate retry loop in generate_single_workout()
- Expand calibrate_structure_rules to all 120 combinations (8 types × 5 goals × 3 sections)
- Wire WeeklySplitPattern DB records into _pick_weekly_split()
- Enforce movement patterns from WorkoutStructureRule in exercise selection
- Add straight-set strength support (single main lift, 4-6 rounds)
- Add modality consistency check for duration-dominant workout types
- Add InjuryStep component to onboarding and preferences
- Add sibling exercise exclusion in regenerate and preview_day endpoints
- Display generator warnings on dashboard
- Expand fix_rep_durations, fix_exercise_flags, fix_movement_pattern_typo
- Add audit_exercise_data and check_rules_drift management commands
- Add Next.js frontend with dashboard, onboarding, preferences, history pages
- Add generator app with ML-powered workout generation pipeline
- 96 new tests across 7 test modules

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-02-22 20:07:40 -06:00

65 lines
2.0 KiB
TypeScript

"use client";
import { useEffect, useState } from "react";
import Link from "next/link";
import { AuthGuard } from "@/components/auth/AuthGuard";
import { Navbar } from "@/components/layout/Navbar";
import { BottomNav } from "@/components/layout/BottomNav";
import { PlanCard } from "@/components/plans/PlanCard";
import { Spinner } from "@/components/ui/Spinner";
import { api } from "@/lib/api";
import type { GeneratedWeeklyPlan } from "@/lib/types";
export default function PlansPage() {
const [plans, setPlans] = useState<GeneratedWeeklyPlan[]>([]);
const [loading, setLoading] = useState(true);
useEffect(() => {
api
.getPlans()
.then((data) => {
const sorted = [...data].sort(
(a, b) =>
new Date(b.created_at).getTime() - new Date(a.created_at).getTime()
);
setPlans(sorted);
})
.catch((err) => console.error("Failed to fetch plans:", err))
.finally(() => setLoading(false));
}, []);
return (
<AuthGuard>
<Navbar />
<BottomNav />
<main className="pt-20 pb-20 px-4 max-w-4xl mx-auto">
<h1 className="text-2xl font-bold text-zinc-100 mb-6">Plans</h1>
{loading ? (
<div className="flex items-center justify-center py-20">
<Spinner size="lg" />
</div>
) : plans.length === 0 ? (
<div className="flex flex-col items-center justify-center py-20 gap-4">
<p className="text-zinc-400 text-lg text-center">
No plans generated yet.
</p>
<Link
href="/dashboard"
className="text-[#39FF14] hover:underline text-sm font-medium"
>
Go to Dashboard to generate one
</Link>
</div>
) : (
<div className="flex flex-col gap-3">
{plans.map((plan) => (
<PlanCard key={plan.id} plan={plan} />
))}
</div>
)}
</main>
</AuthGuard>
);
}