Spaces:
Running
Running
Update app.py
Browse files
app.py
CHANGED
|
@@ -58,27 +58,69 @@ class GemmaChatApp:
|
|
| 58 |
# Function to create a guide HTML for the user
|
| 59 |
def create_guide():
|
| 60 |
return """
|
| 61 |
-
<div>
|
| 62 |
-
|
| 63 |
-
<
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 64 |
<h3>Instruções:</h3>
|
| 65 |
-
|
| 66 |
-
<
|
| 67 |
-
|
| 68 |
-
|
| 69 |
-
|
| 70 |
-
|
| 71 |
-
|
| 72 |
-
|
| 73 |
-
<li>
|
| 74 |
-
|
| 75 |
-
|
| 76 |
-
|
| 77 |
-
|
| 78 |
-
|
| 79 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 80 |
</div>
|
| 81 |
"""
|
|
|
|
| 82 |
|
| 83 |
# With Gradio Blocks, create the app interface
|
| 84 |
with gr.Blocks() as app:
|
|
|
|
| 58 |
# Function to create a guide HTML for the user
|
| 59 |
def create_guide():
|
| 60 |
return """
|
| 61 |
+
<div style="max-width: 800px; margin: auto; padding: 20px; text-align: left; font-family: 'Arial', sans-serif; color: #333;">
|
| 62 |
+
|
| 63 |
+
<h1 style='font-size: 28px; text-align: center; color: #007BFF;'>Gemma Google LLM</h1>
|
| 64 |
+
<p style='font-size: 16px; text-align: center; color: #555;'>
|
| 65 |
+
Um conjunto de modelos leves e avançados,
|
| 66 |
+
construídos a partir da mesma pesquisa e tecnologia utilizadas para criar os modelos Gemini.
|
| 67 |
+
</p>
|
| 68 |
+
|
| 69 |
<h3>Instruções:</h3>
|
| 70 |
+
|
| 71 |
+
<ol style='font-size: 16px;'>
|
| 72 |
+
<li>Insira seu prompt na caixa <strong>"Prompt"</strong>.</li>
|
| 73 |
+
|
| 74 |
+
<li>
|
| 75 |
+
Opcionalmente, adicione um prompt de sistema na caixa <strong>"Prompt do Sistema"</strong>.
|
| 76 |
+
</li>
|
| 77 |
+
|
| 78 |
+
<li>
|
| 79 |
+
Escolha um modelo na lista suspensa <strong>"Modelos"</strong>.
|
| 80 |
+
</li>
|
| 81 |
+
|
| 82 |
+
<li>
|
| 83 |
+
Ajuste os parâmetros conforme necessário:
|
| 84 |
+
<ul>
|
| 85 |
+
<li>
|
| 86 |
+
<strong>Temperatura:</strong> Controla a aleatoriedade da geração (valores mais baixos são mais determinísticos).
|
| 87 |
+
</li>
|
| 88 |
+
<li>
|
| 89 |
+
<strong>Top-P:</strong> Controla a diversidade da geração (valores mais baixos são mais restritos).
|
| 90 |
+
</li>
|
| 91 |
+
<li>
|
| 92 |
+
<strong>Penalidade de Repetição:</strong> Controla a penalidade para repetições na resposta gerada.
|
| 93 |
+
</li>
|
| 94 |
+
<li>
|
| 95 |
+
<strong>Máximo de Novos Tokens:</strong> Limita o número máximo de tokens gerados.
|
| 96 |
+
</li>
|
| 97 |
+
</ul>
|
| 98 |
+
</li>
|
| 99 |
+
|
| 100 |
+
<li>
|
| 101 |
+
Se desejar, marque <strong>"Semente Aleatória"</strong> para gerar uma semente aleatória.
|
| 102 |
+
</li>
|
| 103 |
+
|
| 104 |
+
<li>
|
| 105 |
+
Clique em <strong>"Enviar"</strong> para gerar uma resposta do modelo.
|
| 106 |
+
</li>
|
| 107 |
+
|
| 108 |
+
<li>
|
| 109 |
+
Clique em <strong>"Parar"</strong> a qualquer momento para interromper a conversa.
|
| 110 |
+
</li>
|
| 111 |
+
|
| 112 |
+
<li>
|
| 113 |
+
Clique em <strong>"Limpar"</strong> para reiniciar a conversa.
|
| 114 |
+
</li>
|
| 115 |
+
|
| 116 |
+
<li>
|
| 117 |
+
Marque <strong>"Saída em Tempo Real"</strong> para exibir a resposta do modelo em tempo real.
|
| 118 |
+
</li>
|
| 119 |
+
</ol>
|
| 120 |
+
|
| 121 |
</div>
|
| 122 |
"""
|
| 123 |
+
|
| 124 |
|
| 125 |
# With Gradio Blocks, create the app interface
|
| 126 |
with gr.Blocks() as app:
|