UI/UX: Adiciona botão na barra de busca para expandir/recolher opções de filtragem (tags)

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');

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>
 

public/sw.js

@@ -1,4 +1,4 @@
-const CACHE_NAME = 'camila-ai-v7';
+const CACHE_NAME = 'camila-ai-v8';
 const urlsToCache = [
   '/',
   '/index.html',