From 7a2ba56699fed3a588c6c53a54c1dac437964d78 Mon Sep 17 00:00:00 2001
From: admtracksteel <admtracksteel@gmail.com>
Date: Fri, 5 Jun 2026 19:21:45 +0000
Subject: [PATCH] =?UTF-8?q?UI/UX:=20Adiciona=20bot=C3=A3o=20na=20barra=20d?=
 =?UTF-8?q?e=20busca=20para=20expandir/recolher=20op=C3=A7=C3=B5es=20de=20?=
 =?UTF-8?q?filtragem=20(tags)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/app.js     | 12 ++++++++++++
 public/index.html |  5 +++++
 public/sw.js      |  2 +-
 3 files changed, 18 insertions(+), 1 deletion(-)

diff --git a/public/app.js b/public/app.js
index a57f61b..ab955ab 100644
--- a/public/app.js
+++ b/public/app.js
@@ -763,6 +763,18 @@ const initApp = () => {
     renderHistory();
   });
 
+  // Alternar (expandir/recolher) as tags
+  const btnToggleSidebarTags = document.getElementById('btnToggleSidebarTags');
+  if (btnToggleSidebarTags && sidebarTags) {
+    btnToggleSidebarTags.addEventListener('click', () => {
+      if (sidebarTags.style.display === 'none') {
+        sidebarTags.style.display = 'flex';
+      } else {
+        sidebarTags.style.display = 'none';
+      }
+    });
+  }
+
   // Filtro por tags
   sidebarTags.addEventListener('click', (e) => {
     const tagBtn = e.target.closest('.tag-filter');
diff --git a/public/index.html b/public/index.html
index a4b020c..7cc6523 100644
--- a/public/index.html
+++ b/public/index.html
@@ -53,6 +53,11 @@
               <path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12" />
             </svg>
           </button>
+          <button class="search-filter-toggle" id="btnToggleSidebarTags" aria-label="Alternar filtros" style="background: none; border: none; cursor: pointer; color: var(--text-secondary); padding: 2px; display: flex; align-items: center;" title="Expandir/Recolher Filtros">
+            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" style="width: 20px; height: 20px;">
+              <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5M12 17.25h8.25" />
+            </svg>
+          </button>
         </div>
       </div>
 
diff --git a/public/sw.js b/public/sw.js
index 290395b..2608007 100644
--- a/public/sw.js
+++ b/public/sw.js
@@ -1,4 +1,4 @@
-const CACHE_NAME = 'camila-ai-v7';
+const CACHE_NAME = 'camila-ai-v8';
 const urlsToCache = [
   '/',
   '/index.html',