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:
|