Update app.py

app.py

@@ -216,9 +216,82 @@ body {
 }
 """
 
+# Interface Gradio
 # Interface Gradio
 def demo():
+    # CSS personalizado com a faixa de cobertura
+    custom_css = """
+        #banner {
+            display: none !important;
+        }
+        footer {
+            display: none !important;
+        }
+        /* Estilo do botão de controle */
+        #toggle-bar-btn {
+            position: fixed;
+            top: 10px;
+            right: 10px;
+            z-index: 10000;
+            background: #2563eb;
+            color: white;
+            border: none;
+            padding: 8px 16px;
+            border-radius: 4px;
+            cursor: pointer;
+            font-size: 14px;
+            font-weight: 500;
+            transition: background-color 0.2s;
+        }
+        #toggle-bar-btn:hover {
+            background: #1d4ed8;
+        }
+        /* Estilo da faixa de cobertura */
+        #cover-bar {
+            display: none;
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            height: 64px;
+            background: white;
+            z-index: 9999;
+            box-shadow: 0 1px 3px rgba(0,0,0,0.1);
+            transition: all 0.3s ease;
+        }
+        /* Classe para mostrar a faixa */
+        #cover-bar.visible {
+            display: block;
+        }
+        /* Ajustes do container principal */
+        .gradio-container {
+            margin-top: 0 !important;
+        }
+    """
+
+    # HTML para o botão e a faixa
+    cover_bar_html = """
+        <div id="cover-bar"></div>
+        <button id="toggle-bar-btn" onclick="toggleCoverBar()">Ocultar Barra</button>
+        <script>
+            function toggleCoverBar() {
+                const coverBar = document.getElementById('cover-bar');
+                const btn = document.getElementById('toggle-bar-btn');
+                if (coverBar.classList.contains('visible')) {
+                    coverBar.classList.remove('visible');
+                    btn.textContent = 'Ocultar Barra';
+                } else {
+                    coverBar.classList.add('visible');
+                    btn.textContent = 'Mostrar Barra';
+                }
+            }
+        </script>
+    """
+
     with gr.Blocks(theme=gr.themes.Default(primary_hue="blue", secondary_hue="gray"), css=custom_css) as demo:
+        # Adiciona o HTML do botão e faixa de cobertura
+        gr.HTML(cover_bar_html)
+        
         vector_db = gr.State()
         qa_chain = gr.State()
         collection_name = gr.State()