Add API Authorization using APIKeyHeader and initiated UI change to Next JS

ui/gradio_app.py

@@ -3,6 +3,7 @@ from gradio import themes
 import requests
 import os
 import re
+from config import settings
 
 API_URL = os.getenv("API_URL", "http://127.0.0.1:8000")
 
@@ -210,7 +211,10 @@ def get_recommendations(query, min_score, genre_filter, anime_type, n_results):
             payload["anime_type"] = anime_type
 
         response = requests.post(
-            f"{API_URL}/recommend", json=payload, timeout=30)
+            f"{API_URL}/recommend",
+            json=payload,
+            headers={"X-API-Key": settings.frontend_api_key},
+            timeout=30)
         response.raise_for_status()
         result = response.json()