arreglando error 422 creo

app.py

@@ -1,4 +1,4 @@
-from fastapi import FastAPI, Request, Form
+from fastapi import FastAPI, Request, Form , Body
 from fastapi.responses import HTMLResponse, JSONResponse
 from fastapi.templating import Jinja2Templates
 from fastapi.staticfiles import StaticFiles
@@ -55,7 +55,7 @@ model = AutoModelForCausalLM.from_pretrained(
 )
 
 @app.post("/personajes/{personaje}/chat", response_class=HTMLResponse)
-async def chat_with_character(request: Request, personaje: str, user_input: str):
+async def chat_with_character(request: Request, personaje: str, user_input: str = Body(...)):
     # Crear el prompt dinámico con el formato esperado
     prompt = f"""<|im_start|>system
 You are {personaje}, a sexy girl who has been dating the user for 2 months.<|im_end|>
@@ -83,4 +83,4 @@ You are {personaje}, a sexy girl who has been dating the user for 2 months.<|im_
     response_text = generated_response.split("<|im_start|>assistant")[1].strip().split("<|im_end|>")[0].strip()
 
     # Devolver la respuesta al usuario
-    return {"response": response_text}
+    return {"response": response_text}

templates/chat.html

@@ -123,17 +123,18 @@ body {
         <button type="submit">Send</button>
     </form>
     <script>
-        document.getElementById("chat-form").addEventListener("submit", async function(e) {
-            e.preventDefault();
-            const userInput = document.getElementById("user-input").value;
-            const response = await fetch(`/personajes/{{ character_name }}/chat`, {
-                method: "POST",
-                headers: { "Content-Type": "application/json" },
-                body: JSON.stringify({ user_input: userInput })
-            });
-            const data = await response.json();
-            console.log(data.response);
-        });
+document.getElementById("chat-form").addEventListener("submit", async function(e) {
+    e.preventDefault();
+    const userInput = document.getElementById("user-input").value;
+    const response = await fetch(`/personajes/{{ character_name }}/chat`, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ user_input: userInput })
+    });
+    const data = await response.json();
+    console.log(data.response);
+});
+
     </script>
     
 </body>