Actualizar el procesamiento del README.md para manejar correctamente bloques de código HTML y mejorar la presentación en la interfaz.

README.md

@@ -14,9 +14,12 @@ tags:
 # 🧙‍♂️ LLM Game Master Agent 🐉
 
 ## 🎥 Video Demo
+
+```html
 <iframe width="560" height="315" src="https://www.youtube.com/embed/SlbW-kjekBg?si=r6x8GeVnKLipriZL" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+```
 
-Video Demo: [https://www.youtube.com/watch?v=8b1k2g3Z4aY](https://www.youtube.com/watch?v=8b1k2g3Z4aY)
+Video Demo: [https://www.youtube.com/watch?v=SlbW-kjekBg&ab_channel=AlejandroGarcíaAmador](https://www.youtube.com/watch?v=SlbW-kjekBg&ab_channel=AlejandroGarcíaAmador)
 
 ## 🧩 Complete Architecture Overview
 ![Architecture Overview](https://huggingface.co/spaces/Agents-MCP-Hackathon/LLM-GameMaster-Agent/resolve/main/media/architecture.png)
@@ -24,7 +27,7 @@ Video Demo: [https://www.youtube.com/watch?v=8b1k2g3Z4aY](https://www.youtube.co
 ## 🔗 Useful Links:
 - [Owlbear Rodeo Chat Interface](https://github.com/Agamador/OwlBear-llm-chat)
 - [MCP server](https://huggingface.co/spaces/Agents-MCP-Hackathon/LLM-GameMaster-MPC-Server)
-- [Video Demo](https://www.youtube.com/watch?v=8b1k2g3Z4aY)
+- [Video Demo](https://www.youtube.com/watch?v=SlbW-kjekBg&ab_channel=AlejandroGarcíaAmador)
 
 ## 🌟 Introduction
 

app.py

@@ -361,9 +361,30 @@ with open("README.md", "r", encoding="utf-8") as f:
         if len(parts) >= 3:
             readme = parts[2]
 
-# Crear un bloque para contener el Markdown, en lugar de usar Markdown directamente
+# Procesar el README para manejar correctamente bloques de código HTML
+import re
+
+# Encontrar bloques de código HTML (```html ... ```)
+html_blocks = re.findall(r'```html\n(.*?)\n```', readme, re.DOTALL)
+# Reemplazar los bloques de código HTML por marcadores temporales
+for i, html_block in enumerate(html_blocks):
+    readme = readme.replace(f"```html\n{html_block}\n```", f"{{HTML_BLOCK_{i}}}")
+
+# Crear un bloque para contener el Markdown y HTML
 with gr.Blocks() as intro_demo:
-    gr.Markdown(readme)
+    # Dividir el contenido por los marcadores de HTML
+    parts = re.split(r'({HTML_BLOCK_\d+})', readme)
+    
+    for part in parts:
+        if part.startswith("{HTML_BLOCK_"):
+            # Extraer el índice del bloque HTML
+            block_idx = int(part.replace("{HTML_BLOCK_", "").replace("}", ""))
+            # Renderizar el HTML directamente
+            gr.HTML(html_blocks[block_idx])
+        else:
+            # Renderizar el contenido Markdown
+            if part.strip():
+                gr.Markdown(part)
 
 # Combined interface with tabs
 combined_demo = gr.TabbedInterface(