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>

werkout-frontend/app/plans/page.tsx

@@ -0,0 +1,64 @@
+"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>
+  );
+}