feat: add timeout with retries for the llm requests

src/agent/llm.py

@@ -1,6 +1,9 @@
 """Utility functions for working with the language model."""
 
+import asyncio
 import logging
+
+from google.api_core.exceptions import DeadlineExceeded
 from langchain_google_genai import ChatGoogleGenerativeAI
 
 from config import settings
@@ -22,22 +25,29 @@ def create_llm(
     top_p: float = settings.top_p,
 ) -> ChatGoogleGenerativeAI:
     """Create a standard LLM instance."""
-    return ChatGoogleGenerativeAI(
+    llm = ChatGoogleGenerativeAI(
         model=MODEL_NAME,
         google_api_key=_get_api_key(),
         temperature=temperature,
         top_p=top_p,
         thinking_budget=1024,
+        timeout=settings.request_timeout,
+        max_retries=3,
     )
+    return llm
     
     
 def create_light_llm(temperature: float = settings.temperature, top_p: float = settings.top_p):
-    return ChatGoogleGenerativeAI(
+    """Create a light LLM instance with a shorter timeout."""
+    llm = ChatGoogleGenerativeAI(
         model="gemini-2.0-flash",
         google_api_key=_get_api_key(),
         temperature=temperature,
-        top_p=top_p
+        top_p=top_p,
+        timeout=settings.request_timeout,
+        max_retries=3,
     )
+    return llm
 
 
 def create_precise_llm() -> ChatGoogleGenerativeAI:

src/css.py

@@ -1,17 +1,31 @@
 # Custom CSS for fullscreen image with overlay and styled form components
 custom_css = """
+html, body {
+    height: 100%;
+    width: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.constructor-page {
+    height: 100vh !important;
+    overflow-y: auto !important;
+}
+
+gradio-app {
+    height: 100% !important;
+}
+
 /* -------- FULLSCREEN BACKGROUND & NARRATIVE -------- */
 .image-container {
     position: fixed !important;
     top: 0 !important;
     left: 0 !important;
     width: 100vw !important;
-    height: 100vh !important;
     z-index: 1 !important;
 }
 .image-container img {
     width: 100vw !important;
-    height: 100vh !important;
     object-fit: cover !important;
 }
 
@@ -26,6 +40,8 @@ custom_css = """
     padding: 40px 20px 20px !important;
     z-index: 10 !important;
     color: white !important;
+    max-height: 100vh !important;
+    overflow-y: auto !important;
 }
 .overlay-content .form {
     background: transparent !important;

src/main.py

@@ -140,7 +140,7 @@ with gr.Blocks(
 
     # Constructor Interface (visible by default)
     with gr.Column(
-        visible=True, elem_id="constructor-interface"
+        visible=True, elem_id="constructor-interface", elem_classes=["constructor-page"]
     ) as constructor_interface:
         gr.Markdown("# 🎮 Interactive Game Constructor")
         gr.Markdown(