Update app.py

app.py

@@ -115,6 +115,13 @@ def responder(pergunta):
     chat_history.append(AIMessage(content=resposta))
     return resposta
 
+# ================================
+# Função Valid Node
+# ================================
+def abrir_valid_node():
+    webbrowser.open("https://172.17.200.97")
+    return "Abrindo VALID NODE..."
+
 # ================================
 # INTERFACE GRADIO 5.x + CSS FUTURISTA
 # ================================
@@ -130,49 +137,60 @@ with gr.Blocks(css=custom_css, theme="soft") as iface:
         # Aba Chat Futurista
         # ====================
         with gr.TabItem("🤖 ChatVLD - Suporte Automatizado"):
-            chatbot = gr.Chatbot()
+            gr.Markdown("""🤖👋 **Olá!**  
+            Sou o suporte para as impressoras **Codeline SS5632** e **LINX 7900**.  
+            Em que posso ajudar?""")
+
+            chatbot = gr.Chatbot(type="messages")
+
             with gr.Row():
                 txt = gr.Textbox(
-                    placeholder="Fala ai macho véi...",
+                    placeholder="Digite sua pergunta aqui...",
                     show_label=False,
                     lines=2
                 )
-                submit_btn = gr.Button("Arrocha")
+                submit_btn = gr.Button("🚀 Enviar")
 
             # Botões adicionais
             with gr.Row():
-                clear_btn = gr.Button("🧹 Barrer Conversa")
-                new_chat_btn = gr.Button("✨ Nova prosa")
-
-            def enviar(msg):
+                clear_btn = gr.Button("🧹 Limpar Conversa")
+                new_chat_btn = gr.Button("✨ Novo Chat")
+
+            # ====================
+            # Funções Chat
+            # ====================
+            def enviar(msg, history):
+                # Mostra a pergunta logo no chat
+                history.append({"role": "user", "content": msg})
+                yield history, ""  # limpa a caixa imediatamente
+
+                # Depois vem a resposta
                 resposta = responder(msg)
-                return [(msg, resposta)]
+                history.append({"role": "assistant", "content": resposta})
+                yield history, ""
 
             def limpar():
                 chat_history.clear()
-                return []
+                return [], ""
 
             def novo_chat():
                 chat_history.clear()
                 chat_history.append(AIMessage(content="🚀 Novo chat iniciado. Como posso te ajudar?"))
-                return [[None, "🚀 Novo chat iniciado. Como posso te ajudar?"]]
+                return [{"role": "assistant", "content": "🚀 Novo chat iniciado. Como posso te ajudar?"}], ""
 
-            txt.submit(enviar, txt, chatbot)
-            submit_btn.click(enviar, txt, chatbot)
-            clear_btn.click(limpar, outputs=chatbot)
-            new_chat_btn.click(novo_chat, outputs=chatbot)
+            # ====================
+            # Binds
+            # ====================
+            txt.submit(enviar, [txt, chatbot], [chatbot, txt])
+            submit_btn.click(enviar, [txt, chatbot], [chatbot, txt])
+            clear_btn.click(limpar, outputs=[chatbot, txt])
+            new_chat_btn.click(novo_chat, outputs=[chatbot, txt])
 
         # ====================
         # Aba Valid Node com botão
         # ====================
         with gr.TabItem("🌐 Valid_Node"):
             gr.Markdown("### Acesse o VALID NODE clicando no botão abaixo:")
-
-            def abrir_valid_node():
-                webbrowser.open("https://172.17.200.97")
-                return "Abrindo VALID NODE..."
-
             gr.Button("🖥️ Valid Node", elem_id="valid-node-btn").click(abrir_valid_node)
 
-iface.launch()
-
+iface.launch()