Update app.py

app.py

@@ -2,6 +2,7 @@ import gradio as gr
 import requests
 import os
 import json
+import re
 from typing import Dict, Any
 
 # Configuração da API
@@ -13,11 +14,8 @@ if not HF_TOKEN:
 MODELS = {
     "phi3-mini": "microsoft/Phi-3-mini-4k-instruct",
     "llama3.1-8b": "meta-llama/Llama-3.1-8B-Instruct",
-    "gemma2-2b": "google/gemma-2-2b-it",
     "mistral-7b": "mistralai/Mistral-7B-Instruct-v0.3",
     "zephyr7b": "HuggingFaceH4/zephyr-7b-beta",
-    "openhermes": "teknium/OpenHermes-2.5-Mistral-7B",
-    "babelia": "CAiRE/Babelia-7B"
 }
 
 # Modelo padrão (mais confiável)
@@ -132,22 +130,57 @@ class HuggingFaceAPIClient:
 # Inicializar cliente da API
 api_client = HuggingFaceAPIClient(HF_TOKEN)
 
-def responder_como_aldo(pergunta: str, modelo_escolhido: str = "qwen2.5-7b") -> str:
+def formatar_resposta_com_codigo(resposta: str) -> str:
+    """Formata a resposta destacando códigos em blocos separados"""
+    if not resposta:
+        return resposta
+    
+    # Detecta blocos de código com ```
+    resposta_formatada = re.sub(
+        r'```(\w+)?\n(.*?)\n```',
+        r'<div style="background-color: #f8f9fa; border: 1px solid #e9ecef; border-radius: 8px; padding: 15px; margin: 10px 0; font-family: Monaco, Consolas, monospace; overflow-x: auto;"><strong>💻 Código:</strong><br><pre style="margin: 5px 0; white-space: pre-wrap; word-wrap: break-word;"><code>\2</code></pre></div>',
+        resposta,
+        flags=re.DOTALL
+    )
+    
+    # Detecta código inline com `
+    resposta_formatada = re.sub(
+        r'`([^`]+)`',
+        r'<code style="background-color: #f1f3f4; padding: 2px 4px; border-radius: 4px; font-family: Monaco, Consolas, monospace;">\1</code>',
+        resposta_formatada
+    )
+    
+    # Adiciona quebras de linha para melhor visualização
+    resposta_formatada = resposta_formatada.replace('\n\n', '<br><br>')
+    resposta_formatada = resposta_formatada.replace('\n', '<br>')
+    
+    # Destaca títulos/seções
+    resposta_formatada = re.sub(
+        r'^\*\*(.*?)\*\*',
+        r'<h3 style="color: #1976d2; margin-top: 20px; margin-bottom: 10px;">\1</h3>',
+        resposta_formatada,
+        flags=re.MULTILINE
+    )
+    
+    return resposta_formatada
+
+def responder_como_aldo(pergunta: str, modelo_escolhido: str = "phi3-mini") -> str:
     """Função principal para gerar respostas via API"""
     if not pergunta.strip():
         return "Por favor, faça uma pergunta."
     
     try:
         # Preparar mensagens
-        pergunta += "Não responda nada se a pergunta não for sobre o universo de programação e tecnologia, informe que o Dr. Aldo Henrique só tem domínio em TI. Você é o Professor Dr. Aldo Henrique, foque em explicar e não em só mostrar o resultado. "+pergunta
+        pergunta_completa = f"{pergunta} Não responda nada se a pergunta não for sobre o universo de programação e tecnologia, informe que o Dr. Aldo Henrique só tem domínio em TI. Você é o Professor Dr. Aldo Henrique, foque em explicar e não em só mostrar o resultado. Quando apresentar código, use blocos de código formatados com ```."
+        
         messages = [
             {
                 "role": "system", 
-                "content": "Você é o professor Dr. Aldo Henrique, especialista em C, Java, desenvolvimento web e inteligência artificial.  Responda com clareza, profundidade e tom acadêmico, como um professor experiente. Evite respostas genéricas e forneça exemplos práticos quando aplicável. Foque em explicar e não em só mostrar o resultado. Responda sempre em português brasileiro. Não responda nada se a pergunta não for sobre o universo de programação e tecnologia"
+                "content": "Você é o professor Dr. Aldo Henrique, especialista em C, Java, desenvolvimento web e inteligência artificial. Responda com clareza, profundidade e tom acadêmico, como um professor experiente. Evite respostas genéricas e forneça exemplos práticos quando aplicável. Foque em explicar e não em só mostrar o resultado. Responda sempre em português brasileiro. Use blocos de código formatados com ``` quando apresentar código. Não responda nada se a pergunta não for sobre o universo de programação e tecnologia."
             },
             {
                 "role": "user", 
-                "content": pergunta
+                "content": pergunta_completa
             }
         ]
         
@@ -155,13 +188,16 @@ def responder_como_aldo(pergunta: str, modelo_escolhido: str = "qwen2.5-7b") ->
         model_name = MODELS.get(modelo_escolhido, DEFAULT_MODEL)
         
         # Fazer requisição
-        resposta = api_client.query_model(model_name, messages, max_tokens=500)
+        resposta = api_client.query_model(model_name, messages, max_tokens=800)
         
         # Limpar resposta se necessário
         if resposta.startswith("Assistente: "):
             resposta = resposta.replace("Assistente: ", "")
         
-        return resposta.strip()
+        # Formatar resposta com código
+        resposta_formatada = formatar_resposta_com_codigo(resposta.strip())
+        
+        return resposta_formatada
         
     except Exception as e:
         return f"Erro ao processar sua pergunta: {str(e)}"
@@ -200,81 +236,157 @@ def testar_todos_modelos():
         resultados.append(f"{nome}: {status}")
     return "\n".join(resultados)
 
+# CSS customizado para melhor visualização
+css_customizado = """
+.gradio-container {
+    max-width: 1400px !important;
+}
+
+.gr-textbox textarea {
+    font-size: 14px !important;
+    line-height: 1.5 !important;
+}
+
+.resposta-container {
+    background-color: #fafafa !important;
+    border-radius: 10px !important;
+    padding: 20px !important;
+    margin: 10px 0 !important;
+}
+
+.pergunta-container {
+    background-color: #f0f8ff !important;
+    border-radius: 8px !important;
+    padding: 15px !important;
+}
+
+.titulo-principal {
+    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
+    color: white !important;
+    padding: 20px !important;
+    border-radius: 10px !important;
+    margin-bottom: 20px !important;
+    text-align: center !important;
+}
+"""
+
 # Interface Gradio
-with gr.Blocks(title="Dr. Aldo Henrique - API Externa", theme=gr.themes.Soft()) as interface:
-    gr.Markdown("# 🤖 Pergunte ao Dr. Aldo Henrique")
-    gr.Markdown("### Powered by Hugging Face API - Processamento na nuvem!")
-    gr.Markdown("Dúvidas sobre C, Java, desenvolvimento web ou IA? O Dr. Aldo responde com clareza e profundidade.")
+with gr.Blocks(
+    title="Dr. Aldo Henrique - API Externa", 
+    theme=gr.themes.Soft(), 
+    css=css_customizado
+) as interface:
+    
+    # Cabeçalho estilizado
+    gr.HTML("""
+    <div class="titulo-principal">
+        <h1>🤖 Dr. Aldo Henrique - Especialista em TI</h1>
+        <p style="font-size: 18px; margin: 10px 0;">Powered by Hugging Face API - Processamento Avançado na Nuvem</p>
+        <p style="font-size: 14px; opacity: 0.9;">Dúvidas sobre C, Java, desenvolvimento web, IA e muito mais!</p>
+    </div>
+    """)
     
     with gr.Row():
-        with gr.Column(scale=3):
+        # Coluna da esquerda - Entrada
+        with gr.Column(scale=2):
+            gr.Markdown("### 📝 Faça sua pergunta:")
             entrada = gr.Textbox(
-                label="Sua Pergunta", 
-                placeholder="Ex: Como usar ponteiros em C?", 
-                lines=4
+                label="", 
+                placeholder="Ex: Como implementar uma árvore binária em C?\nEx: Qual a diferença entre Spring Boot e Spring MVC?\nEx: Como funciona o algoritmo de backpropagation?", 
+                lines=6,
+                elem_classes="pergunta-container"
             )
             
             modelo_select = gr.Dropdown(
                 choices=list(MODELS.keys()),
-                value="qwen2.5-7b",
-                label="Modelo de IA",
-                info="Escolha o modelo para responder"
+                value="phi3-mini",
+                label="🧠 Modelo de IA",
+                info="Escolha o modelo para responder sua pergunta"
             )
             
             with gr.Row():
-                botao_perguntar = gr.Button("🤔 Perguntar", variant="primary")
-                botao_testar = gr.Button("🔍 Testar Modelos", variant="secondary")
+                botao_perguntar = gr.Button(
+                    "🤔 Perguntar ao Dr. Aldo", 
+                    variant="primary", 
+                    size="lg"
+                )
+                botao_testar = gr.Button(
+                    "🔍 Testar Modelos", 
+                    variant="secondary"
+                )
         
-        with gr.Column(scale=4):
-            saida = gr.Textbox(
-                label="Resposta do Dr. Aldo", 
-                lines=12, 
-                interactive=False
+        # Coluna da direita - Saída (MAIOR)
+        with gr.Column(scale=3):
+            gr.Markdown("### 💬 Resposta do Dr. Aldo Henrique:")
+            saida = gr.HTML(
+                label="",
+                value="<div style='padding: 20px; text-align: center; color: #666;'>Aguardando sua pergunta...</div>",
+                elem_classes="resposta-container"
             )
     
-    # Exemplos
-    gr.Examples(
-        examples=[
-            ["Como implementar uma lista ligada em C?", "qwen2.5-3b"],
-            ["Qual a diferença entre == e equals() em Java?", "phi3-mini"],
-            ["Como funciona o machine learning?", "llama3.2-3b"],
-            ["Explique os conceitos de HTML, CSS e JavaScript", "mistral-7b"],
-            ["O que são algoritmos de ordenação e qual é mais eficiente?", "gemma2-2b"]
-        ],
-        inputs=[entrada, modelo_select]
-    )
+    # Seção expandida para exemplos
+    with gr.Accordion("📚 Exemplos de Perguntas", open=False):
+        gr.Examples(
+            examples=[
+                ["Como implementar uma lista ligada em C com todas as operações básicas?", "phi3-mini"],
+                ["Explique a diferença entre == e equals() em Java com exemplos práticos", "gemma2-2b"],
+                ["Como funciona o algoritmo de machine learning Random Forest?", "llama3.1-8b"],
+                ["Mostre como criar uma API REST completa com Spring Boot", "mistral-7b"],
+                ["Explique os conceitos de HTML5, CSS3 e JavaScript ES6 com exemplos", "zephyr7b"],
+                ["Como implementar algoritmos de ordenação eficientes em C?", "openhermes"],
+                ["Explique redes neurais convolucionais para iniciantes", "babelia"]
+            ],
+            inputs=[entrada, modelo_select]
+        )
     
-    # Status da API
-    status_api = gr.Textbox(
-        label="Status da API", 
-        interactive=False, 
-        visible=False
-    )
+    # Status da API (expandível)
+    with gr.Accordion("🔧 Status da API", open=False):
+        status_api = gr.Textbox(
+            label="Status dos Modelos", 
+            interactive=False,
+            lines=8
+        )
+    
+    # Informações adicionais
+    with gr.Accordion("ℹ️ Informações", open=False):
+        gr.Markdown("""
+        ### Sobre o Dr. Aldo Henrique:
+        - **Especialidade**: Linguagens C, Java, Desenvolvimento Web, Inteligência Artificial
+        - **Foco**: Explicações didáticas e exemplos práticos
+        - **Abordagem**: Acadêmica e profissional
+        
+        ### Dicas para melhores respostas:
+        - Seja específico em suas perguntas
+        - Mencione o contexto (iniciante, intermediário, avançado)
+        - Peça exemplos práticos quando necessário
+        - Experimente diferentes modelos para comparar respostas
+        """)
     
     # Eventos
     botao_perguntar.click(
         fn=responder_como_aldo, 
         inputs=[entrada, modelo_select], 
-        outputs=saida
+        outputs=saida,
+        show_progress=True
     )
     
     botao_testar.click(
         fn=testar_todos_modelos,
-        outputs=status_api
-    ).then(
-        lambda: gr.update(visible=True),
-        outputs=status_api
+        outputs=status_api,
+        show_progress=True
     )
 
 # Lançar aplicação
 if __name__ == "__main__":
-    print("🚀 Iniciando Dr. Aldo Henrique com API Externa...")
+    print("🚀 Iniciando Dr. Aldo Henrique com Interface Melhorada...")
     print(f"🔑 Token HF encontrado: {HF_TOKEN[:8]}...")
-    print("🌐 Teste a conexão antes de usar!")
+    print("🌐 Interface otimizada para melhor visualização!")
+    print("💻 Formatação especial para códigos implementada!")
     
     interface.launch(
         server_name="0.0.0.0",
         server_port=7860,
         share=False,
-        max_threads=8  # Pode aumentar já que não há processamento local pesado
+        max_threads=8,
+        show_error=True
     )