Actualiza `app.py` para implementar un nuevo estilo CSS que mejora la apariencia de la interfaz de usuario, forzando un tema oscuro similar al de ChatGPT. Se eliminan las definiciones de estilo anteriores y se reemplazan por una variable `style`, lo que simplifica la gestión del CSS en la aplicación. Además, se añade el decorador `@traceable` a la función `respond`, mejorando la trazabilidad de las respuestas del asistente.

app.py

@@ -38,6 +38,29 @@ Comienza preguntando si ya tiene cuenta y acceso al portal adecuado:
 - Para OneDrive: cuenta de Microsoft y acceso a Microsoft Entra ID (Azure AD) en Azure Portal.
 """
 
+style = """
+/* Force dark appearance similar to ChatGPT */
+:root, .gradio-container { color-scheme: dark; }
+body, .gradio-container { background: #0b0f16; }
+.prose, .gr-text, .gr-form { color: #e5e7eb; }
+/* Chat bubbles */
+.message.user { background: #111827; border-radius: 10px; }
+.message.assistant { background: #0f172a; border-radius: 10px; }
+/* Input */
+textarea, .gr-textbox textarea {
+  background: #0f172a !important;
+  color: #e5e7eb !important;
+  border-color: #1f2937 !important;
+}
+/* Buttons */
+button {
+  background: #1f2937 !important;
+  color: #e5e7eb !important;
+  border: 1px solid #374151 !important;
+}
+button:hover { background: #374151 !important; }
+"""
+
 
 def _extract_text_and_files(message):
     """Extract user text and attached files from a multimodal message value."""
@@ -68,6 +91,7 @@ def _extract_text_and_files(message):
     return text_combined, files
 
 
+@traceable
 def respond(message, history: list[tuple[str, str]]):
     """Stream assistant reply via Gemini using OpenAI-compatible API.
 
@@ -177,28 +201,7 @@ chat = gr.ChatInterface(
         "Guíame para obtener credenciales de OneDrive",
     ],
     theme=gr.themes.Monochrome(),
-    css="""
-/* Force dark appearance similar to ChatGPT */
-:root, .gradio-container { color-scheme: dark; }
-body, .gradio-container { background: #0b0f16; }
-.prose, .gr-text, .gr-form { color: #e5e7eb; }
-/* Chat bubbles */
-.message.user { background: #111827; border-radius: 10px; }
-.message.assistant { background: #0f172a; border-radius: 10px; }
-/* Input */
-textarea, .gr-textbox textarea {
-  background: #0f172a !important;
-  color: #e5e7eb !important;
-  border-color: #1f2937 !important;
-}
-/* Buttons */
-button {
-  background: #1f2937 !important;
-  color: #e5e7eb !important;
-  border: 1px solid #374151 !important;
-}
-button:hover { background: #374151 !important; }
-""",
+    css=style,
 )