From 2408dbcbdad42beb1e9428d7e5b8d090652780f3 Mon Sep 17 00:00:00 2001
From: Valerii Kovalskii <kovalskyvr@mail.ru>
Date: Fri, 17 Apr 2026 10:54:28 +0300
Subject: [PATCH] feat: Collapse All / Expand All buttons for Projects and
 grouped views

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 src/frontend/app.js | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/frontend/app.js b/src/frontend/app.js
index b3f781b..7dc58a0 100644
--- a/src/frontend/app.js
+++ b/src/frontend/app.js
@@ -1075,7 +1075,10 @@ function renderGrouped(container, sessions, renderFn) {
   });
 
   var globalIdx = 0;
-  var html = '';
+  var html = '<div style="display:flex;gap:8px;margin-bottom:12px">';
+  html += '<button class="toolbar-btn" onclick="document.querySelectorAll(\'.group\').forEach(function(g){g.classList.add(\'collapsed\')})">Collapse All</button>';
+  html += '<button class="toolbar-btn" onclick="document.querySelectorAll(\'.group\').forEach(function(g){g.classList.remove(\'collapsed\')})">Expand All</button>';
+  html += '</div>';
   sortedKeys.forEach(function(key) {
     var group = groups[key];
     var color = getProjectColor(key);
@@ -1167,7 +1170,11 @@ function renderProjects(container, sessions) {
   }
 
   var globalIdx = 0;
-  var html = '<div class="git-projects">';
+  var html = '<div style="display:flex;gap:8px;margin-bottom:12px">';
+  html += '<button class="toolbar-btn" onclick="document.querySelectorAll(\'.git-project-group\').forEach(function(g){g.classList.add(\'collapsed\')})">Collapse All</button>';
+  html += '<button class="toolbar-btn" onclick="document.querySelectorAll(\'.git-project-group\').forEach(function(g){g.classList.remove(\'collapsed\')})">Expand All</button>';
+  html += '</div>';
+  html += '<div class="git-projects">';
   sorted.forEach(function(entry) {
     var name = entry[0];
     var list = entry[1].slice().sort(function(a, b) { return b.last_ts - a.last_ts; });