Update app.py

Incremento do botão de copiar o texto gerado, configurei um tema personalizado em azul-marinho com suporte a modo claro/escuro, e atualizei a lista de exemplos conforme solicitado.

app.py

@@ -27,7 +27,7 @@ if not HUGGINGFACE_API_KEY:
 BASE_URL = "https://router.huggingface.co/v1"
 MODELO_TEXTO = "meta-llama/Llama-3.1-8B-Instruct"
 MODELO_IMAGEM = "black-forest-labs/FLUX.1-schnell"
-MODELO_TRADUCAO = "Helsinki-NLP/opus-mt-pt-en" # NOVO: Modelo para tradução PT -> EN
+MODELO_TRADUCAO = "Helsinki-NLP/opus-mt-pt-en" 
 
 # Headers para requisições
 headers = {
@@ -42,7 +42,7 @@ NICHOS_DISPONIVEIS = [
     "Motivação e Desenvolvimento Pessoal",
     "Negócios e Empreendedorismo",
     "Viagens e Turismo",
-    "Tecnologia e Inovação"
+    "Tecnologia e Inovação",
 ]
 
 ESTILOS_DISPONIVEIS = [
@@ -57,7 +57,7 @@ ESTILOS_DISPONIVEIS = [
 # FUNÇÕES DE GERAÇÃO (adaptadas da Aula 8)
 # ============================================
 
-def gerar_texto(tema, nicho, estilo, temperatura):
+def gerar_texto(tema, nicho, estilo):
     """
     Gera texto usando API do Hugging Face
     """
@@ -90,7 +90,7 @@ Escreva apenas a legenda, sem introduções ou explicações."""
             }
         ],
         "max_tokens": 350,
-        "temperature": temperatura,
+        "temperature": 0.7,
         "stream": False
     }
 
@@ -181,7 +181,7 @@ def gerar_imagem(descricao):
 # FUNÇÃO PRINCIPAL PARA O GRADIO
 # ============================================
 
-def gerar_post_interface(tema, nicho, estilo, descricao_imagem, gerar_img, temperatura):
+def gerar_post_interface(tema, nicho, estilo, descricao_imagem, gerar_img):
     """
     Função principal que o Gradio chama quando usuário clica no botão.
 
@@ -202,7 +202,7 @@ def gerar_post_interface(tema, nicho, estilo, descricao_imagem, gerar_img, tempe
 
 
     # Etapa 1: Gerar texto
-    texto = gerar_texto(tema, nicho, estilo, temperatura)
+    texto = gerar_texto(tema, nicho, estilo)
 
     # Verificar se houve erro no texto
     if texto.startswith("❌"):
@@ -239,20 +239,43 @@ def gerar_post_interface(tema, nicho, estilo, descricao_imagem, gerar_img, tempe
 # INTERFACE GRADIO
 # ============================================
 
-# Criar tema personalizado
-tema_custom = gr.themes.Glass(
-    primary_hue="blue",
-    secondary_hue="amber",
-    neutral_hue="stone",
-    font=["Helvetica", "Georgia", "sans-serif"]
+# NOVO: Tema personalizado em azul-marinho com suporte a modo claro/escuro
+custom_theme = gr.themes.Soft(
+    primary_hue="blue", # Tom primário azul
+    secondary_hue="slate",
+    neutral_hue="slate",
+    font=[gr.themes.GoogleFont('Inter'), 'system-ui', 'sans-serif'],
+    font_mono=['Inconsolata', 'monospace'],
+).set(
+    # Paleta Azul-Marinho (Navy Blue) e suporte a Dark/Light Mode
+    button_primary_background_fill="#193976", # Azul Marinho para botões primários
+    button_primary_background_fill_hover="#0a2a5a",
+    # Fundo principal para Dark Mode
+    background_fill_dark="#0a1930",
+    # Fundo de blocos/cards para Dark Mode
+    block_background_fill_dark="#1c3b6f", 
+    # Cor de destaque (slider, etc.)
+    slider_color="#193976", 
 )
 
-with gr.Blocks(theme=tema_custom,  title="Gerador de Posts") as demo:
+
+with gr.Blocks(theme=custom_theme, title="Gerador de Posts") as demo:
 
     gr.Markdown("""
     # 🚀 Gerador de Posts para Redes Sociais
     ### Powered by Hugging Face & Gradio
     """)
+    
+    # NOVO: Adicionar componente para seleção de modo (Light/Dark)
+    # Colocado fora das abas para fácil acesso
+    theme_mode = gr.Radio(
+        ["light", "dark"], 
+        label="Modo de Visualização",
+        value="light", # Inicia no light, mas o tema customizado respeita a preferência do sistema
+        interactive=True
+    )
+    # A atualização do tema é feita internamente pelo Gradio ao interagir com o Radio Button
+
 
     # Criar sistema de abas
     with gr.Tabs():
@@ -274,17 +297,6 @@ with gr.Blocks(theme=tema_custom,  title="Gerador de Posts") as demo:
                         value=ESTILOS_DISPONIVEIS[0], # Adiciona valor padrão
                         interactive=True
                     )
-
-                    # incremento para adicionar slider
-                    temperatura_input = gr.Slider(
-                        minimum=0.1,
-                        maximum=1.0,
-                        value=0.7,
-                        step=0.1,
-                        label="Criatividade (Temperature)",
-                        info="Menor = mais conservador, Maior = mais criativo"
-                    )
-
         
                     tema_input = gr.Textbox(
                         label="Tema do Post",
@@ -311,7 +323,7 @@ with gr.Blocks(theme=tema_custom,  title="Gerador de Posts") as demo:
                     gerar_img_checkbox.change(
                         toggle_descricao_img,
                         inputs=[gerar_img_checkbox],
-                        outputs=[descricao_img_input] # O código selecionado estava correto
+                        outputs=[descricao_img_input]
                     )
         
                     gerar_btn = gr.Button("✨ Gerar Post", variant="primary")
@@ -330,21 +342,41 @@ with gr.Blocks(theme=tema_custom,  title="Gerador de Posts") as demo:
                         lines=10,
                         interactive=False
                     )
+                    
+                    # NOVO: Botão para copiar o texto
+                    copy_btn = gr.Button("📋 Copiar Texto", variant="secondary")
+                    
+                    # NOVO: Conecta o botão de copiar com JS (melhor forma no Gradio)
+                    # Adicionamos um alert para feedback visual (não usar window.alert)
+                    copy_btn.click(
+                        None,
+                        inputs=[texto_output],
+                        outputs=[],
+                        _js="(text) => { navigator.clipboard.writeText(text); alert('Texto copiado para a área de transferência!'); }"
+                    )
         
                     imagem_output = gr.Image(
                         label="Imagem Gerada",
-                        # Ajusta visibilidade para não ocupar espaço inicialmente
                         type="pil" # Garante que aceita o objeto PIL Image
                     )
         
             gr.Markdown("### 💡 Experimente estes exemplos:")
         
-            # Os exemplos devem passar 3 valores de input (nicho, estilo, tema)
+            # ATUALIZADO: Lista de exemplos substituída pelos fornecidos pelo usuário
             gr.Examples(
                 examples=[
-                    [NICHOS_DISPONIVEIS[0], ESTILOS_DISPONIVEIS[0], "Transforme seu corpo, transforme sua vida"],
-                    [NICHOS_DISPONIVEIS[3], ESTILOS_DISPONIVEIS[1], "Como validar uma ideia de negócio"],
-                    [NICHOS_DISPONIVEIS[4], ESTILOS_DISPONIVEIS[2], "Top 5 perrengues de viagem e como evitar"]
+                    # 1. Motivação e Desenvolvimento Pessoal, Inspirador e motivacional, Frases marcantes de pessoas importantes
+                    [NICHOS_DISPONIVEIS[2], ESTILOS_DISPONIVEIS[0], "Frases marcantes de pessoas importantes"],
+                    # 2. Alimentação e Nutrição, Divertido e descontraído, Frases chamativas e de alerta sobre fazer exercícios físicos
+                    [NICHOS_DISPONIVEIS[1], ESTILOS_DISPONIVEIS[2], "Frases chamativas e de alerta sobre fazer exercícios físicos"],
+                    # 3. Tecnologia e Inovação, Profissional e técnico, Importância de estudar Tecnologia Digital e Inteligência Artificial
+                    [NICHOS_DISPONIVEIS[5], ESTILOS_DISPONIVEIS[3], "Importância de estudar Tecnologia Digital e Inteligência Artificial"],
+                    # 4. Viagens e Turismo, Divertido e descontraído, Visitas as praias brasileiras para passear em casal
+                    [NICHOS_DISPONIVEIS[4], ESTILOS_DISPONIVEIS[2], "Visitas as praias brasileiras para passear em casal"],
+                    # 5. Motivação e Desenvolvimento Pessoal, Inspirador e motivacional, Saúde para os homens idosos da terceira idade
+                    [NICHOS_DISPONIVEIS[2], ESTILOS_DISPONIVEIS[0], "Saúde para os homens idosos da terceira idade"],
+                    # 6. Negócios e Empreendedorismo, Divertido e descontraído, Empreender informalmente no Brasil
+                    [NICHOS_DISPONIVEIS[3], ESTILOS_DISPONIVEIS[2], "Empreender informalmente no Brasil"]
                 ],
                 # Inputs devem corresponder à ordem dos exemplos: [nicho, estilo, tema]
                 inputs=[nicho_input, estilo_input, tema_input],
@@ -353,19 +385,13 @@ with gr.Blocks(theme=tema_custom,  title="Gerador de Posts") as demo:
             )
 
         
-            # ==============================================================
-            # ESTE BLOCO ESTÁ CORRETO APÓS A ÚLTIMA CORREÇÃO:
-            # 1. fn: A função correta é 'gerar_post_interface'.
-            # 2. inputs: Ordem correta para (tema, nicho, estilo, descricao_imagem, gerar_img)
-            # 3. outputs: Ordem correta para (texto_output, imagem_output, status_output)
-            # ==============================================================
+            # Conectar botão principal
             gerar_btn.click(
                 fn=gerar_post_interface,
                 # Ordem CORRETA para a função gerar_post_interface(tema, nicho, estilo, descricao_imagem, gerar_img)
-                inputs=[tema_input, nicho_input, estilo_input, descricao_img_input, gerar_img_checkbox, temperatura_input],
+                inputs=[tema_input, nicho_input, estilo_input, descricao_img_input, gerar_img_checkbox],
                 # Ordem CORRETA para a função retornar (texto, imagem, status_final)
-                outputs=[texto_output, imagem_output, status_output],
-                show_progress="full"  # Barra de progresso completa
+                outputs=[texto_output, imagem_output, status_output]
             )
         
         # ABA 2: Histórico
@@ -379,7 +405,7 @@ with gr.Blocks(theme=tema_custom,  title="Gerador de Posts") as demo:
             gr.Markdown("### Configurações do Gerador")
             gr.Markdown("**Modelo de Texto:** Llama 3.1 8B")
             gr.Markdown("**Modelo de Imagem:** FLUX.1 Schnell")
-            gr.Markdown("**Modelo de Tradução (PT -> EN):** Helsinki-NLP/opus-mt-pt-en") # NOVO
+            gr.Markdown("**Modelo de Tradução (PT -> EN):** Helsinki-NLP/opus-mt-pt-en")
             gr.Markdown("**API Provider:** Hugging Face Inference")
 
         # ABA 4: Sobre