Update app.py

app.py

@@ -6,13 +6,13 @@ client = InferenceClient("lambdaindie/lambdai")
 css = r"""
 /* Fonte e cores gerais */
 * { font-family: 'JetBrains Mono', monospace; }
-.gradio-container { background-color: #0d0d0d; color: #e0e0e0; }
+.gradio-container { background-color: #111; color: #e0e0e0; }
 /* Inputs e chat bubbles */
-textarea, input, .block, .wrap, .chatbot, .scroll-hide {
+textarea, input, .block, .wrap, .chatbot {
     background-color: #1a1a1a !important;
     color: #e0e0e0 !important;
     border: 1px solid #333 !important;
-    border-radius: 12px;
+    border-radius: 10px;
 }
 /* Botão com pulse animation */
 @keyframes pulse {
@@ -24,7 +24,7 @@ button.pulse {
     background-color: #272727 !important;
     border: 1px solid #444 !important;
     color: #e0e0e0 !important;
-    border-radius: 12px;
+    border-radius: 10px;
     animation: pulse 2s infinite;
 }
 /* Hover no botão */
@@ -50,7 +50,7 @@ button.pulse:hover {
 /* Markdown de thinking dentro do chat */
 .thinking-html {
   background-color: #2b2b2b;
-  padding: 10px;
+  padding: 8px;
   border-radius: 8px;
   margin-bottom: 8px;
   font-style: italic;
@@ -58,25 +58,44 @@ button.pulse:hover {
   display: flex;
   align-items: center;
 }
+/* Opções de parâmetros ocultas até clique */
+#settings-panel {
+  display: none;
+  background-color: #1a1a1a;
+  padding: 10px;
+  border-radius: 10px;
+  margin-top: 10px;
+}
+#settings-panel.show {
+  display: block;
+}
 """
 
-with gr.Blocks(css=css, theme=gr.themes.Base()) as demo:
+with gr.Blocks(css=css) as demo:
+
+    gr.Markdown("<h1 style='text-align:center;color:#e0e0e0;'>Lambdai-v1-1B Chat</h1>")
+    chatbot = gr.Chatbot(elem_id="chatbot", height=480, render_markdown=True)
 
-    gr.Markdown("<h1 style='text-align:center;color:#e0e0e0;'>🅻 Lambdai-v1-1B</h1>")
-    chatbot = gr.Chatbot(elem_id="chatbot", height=480, render_markdown=True, show_copy_button=True)
-    
-    with gr.Row():
-        system_message = gr.Textbox(value="You are a helpful AI assistant.", label="System message", lines=1)
     with gr.Row():
-        max_tokens  = gr.Slider(128, 2048, value=512, step=1, label="Max tokens")
-        temperature = gr.Slider(0.1, 1.5,  value=0.7, step=0.1, label="Temperature")
-        top_p       = gr.Slider(0.1, 1.0,  value=0.95, step=0.05, label="Top‑p")
+        system_message = gr.Textbox(value="You are a helpful assistant.", label="System message", lines=1)
     with gr.Row():
         user_input  = gr.Textbox(show_label=False, placeholder="Type your message here...", lines=2)
         send_button = gr.Button("Λ Think", elem_classes="pulse")
 
+    with gr.Row():
+        settings_button = gr.Button("Show Settings", elem_classes="pulse")
+        settings_panel = gr.Column(
+            gr.Slider(128, 2048, value=512, step=1, label="Max tokens"),
+            gr.Slider(0.1, 1.5,  value=0.7, step=0.1, label="Temperature"),
+            gr.Slider(0.1, 1.0,  value=0.95, step=0.05, label="Top‑p"),
+            elem_id="settings-panel"
+        )
+
+    def toggle_settings():
+        return gr.update(visible=True) if not settings_panel.visible else gr.update(visible=False)
+
     def respond(message, chat_history, system_message, max_tokens, temperature, top_p):
-        # 1) exibe o spinner + texto de thinking
+        # Exibe o spinner + "thinking"
         thinking_html = (
             f"<div class='thinking-html'>"
             f"<div class='loader'></div>"
@@ -85,14 +104,14 @@ with gr.Blocks(css=css, theme=gr.themes.Base()) as demo:
         )
         yield chat_history + [[message, thinking_html]]
 
-        # 2) prepara payload para API
+        # Prepara payload para API
         messages = [{"role": "system", "content": system_message}]
         for u, a in chat_history:
             if u: messages.append({"role":"user",     "content":u})
             if a: messages.append({"role":"assistant","content":a})
         messages.append({"role": "user", "content": message})
 
-        # 3) chama streaming da API
+        # Chama API
         response = ""
         for chunk in client.chat_completion(
             messages,
@@ -107,8 +126,13 @@ with gr.Blocks(css=css, theme=gr.themes.Base()) as demo:
 
     send_button.click(
         fn=respond,
-        inputs=[user_input, chatbot, system_message, max_tokens, temperature, top_p],
+        inputs=[user_input, chatbot, system_message, 512, 0.7, 0.95],
         outputs=chatbot
     )
 
+    settings_button.click(
+        fn=toggle_settings,
+        outputs=settings_panel
+    )
+
     demo.launch()