Update app.py

app.py

@@ -1,42 +1,43 @@
 import gradio as gr
 from groq import Groq
 
-def generate_game(api_key, prompt):
+def generate_and_preview(api_key, prompt):
     """
-    Generiert ein HTML5-Spiel mit Groq.
-    api_key: Groq API Key (wird nur im Speicher genutzt)
-    prompt: Spielidee
+    Generiert HTML5-Spiel mit Groq und gibt den Code für Code-Feld
+    und HTML-Vorschau zurück.
     """
     if not api_key:
-        return "Bitte API-Key eingeben!"
+        return "Bitte API-Key eingeben!", ""
     
     try:
         client = Groq(api_key=api_key)
         completion = client.chat.completions.create(
-            model="openai/gpt-oss-120b",
+            model="llama3-70b-8192",
             messages=[
                 {
                     "role": "system",
                     "content": (
                         "Du bist ein professioneller Game Developer. "
-                        "Generiere sauberen, vollständigen HTML5-Code. "
-                        "Nur HTML + JS, keine Erklärungen, nur Canvas-Spiele."
+                        "Generiere vollständigen HTML5-Spielcode. "
+                        "Nur HTML + JS, kein Markdown oder Text. "
+                        "Canvas-basiertes Spiel, sofort spielbar."
                     )
                 },
                 {"role": "user", "content": prompt}
             ],
             temperature=0.8
         )
-        return completion.choices[0].message.content
+        html_code = completion.choices[0].message.content
+        return html_code, html_code  # Code + Vorschau
     except Exception as e:
-        return f"Fehler: {e}"
+        return f"Fehler: {e}", ""
 
-# UI mit Gradio
+# Gradio UI
 with gr.Blocks() as demo:
-    gr.Markdown("# ⚡ KI HTML5 Game Generator")
+    gr.Markdown("# ⚡ KI HTML5 Game Generator mit Live-Vorschau")
     gr.Markdown(
-        "Trage deinen GROQ API-Key ein (wird nicht gespeichert) und gib eine Spielidee ein. "
-        "Die KI generiert HTML5-Code, der direkt spielbar ist."
+        "API-Key eingeben (wird nicht gespeichert) + Spielidee → "
+        "Die KI generiert HTML5-Code, der sofort spielbar ist."
     )
 
     with gr.Row():
@@ -58,10 +59,11 @@ with gr.Blocks() as demo:
         label="HTML5 Game Code",
         lines=25
     )
-    preview_output = gr.HTML(label="Game Vorschau")
+    preview_output = gr.HTML(label="Live Vorschau")
 
-    # Events
-    btn.click(generate_game, inputs=[api_key_input, prompt_input], outputs=code_output)
-    code_output.change(lambda x: x, code_output, preview_output)
+    # Event: Button klick
+    btn.click(generate_and_preview, 
+              inputs=[api_key_input, prompt_input], 
+              outputs=[code_output, preview_output])
 
 demo.launch()