reviewflow 3.25.0 → 3.26.0

package/CHANGELOG.md

@@ -5,6 +5,13 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [3.26.0](https://github.com/DGouron/review-flow/compare/reviewflow-v3.25.0...reviewflow-v3.26.0) (2026-05-27)
+
+
+### Added
+
+* **dashboard:** make now lane collapsible ([#225](https://github.com/DGouron/review-flow/issues/225)) ([7c895ba](https://github.com/DGouron/review-flow/commit/7c895bacb79637b0116198a2fdc74d6cf75f9fe5))
+
 ## [3.25.0](https://github.com/DGouron/review-flow/compare/reviewflow-v3.24.2...reviewflow-v3.25.0) (2026-05-27)
 
 

package/dist/dashboard/index.html

@@ -372,7 +372,7 @@
     } from './modules/animations.js';
     import { escapeHtml, markdownToHtml, sanitizeHttpUrl } from './modules/html.js';
     import { getAgentIcon, icon, refreshIcons } from './modules/icons.js';
-    import { MAX_RECONNECT_ATTEMPTS, RECONNECT_DELAY, STORAGE_KEY_CURRENT, STORAGE_KEY_FOCUS_STRIP_MODE, QUALITY_TARGET_SCORE } from './modules/constants.js';
+    import { MAX_RECONNECT_ATTEMPTS, RECONNECT_DELAY, STORAGE_KEY_CURRENT, STORAGE_KEY_FOCUS_STRIP_MODE, STORAGE_KEY_NOW_LANE_COLLAPSED, QUALITY_TARGET_SCORE } from './modules/constants.js';
     import { buildTabBarModel, renderTabBarHtml, readActiveTab, writeActiveTab } from './modules/tabBar.js';
     import { buildManagePanelModel, renderManagePanelHtml, buildOptimisticAddedRow, validateLocalPathInput } from './modules/managePanel.js';
     import { renderOverviewHtml } from './modules/overview.js';
@@ -439,6 +439,7 @@
     let hasLoadedStatusOnce = false;
     const secondarySections = ['active-followups-section', 'pending-approval-section', 'completed-reviews-section'];
     const sectionExpandedState = Object.fromEntries(secondarySections.map((sectionIdentifier) => [sectionIdentifier, false]));
+    let nowLaneCollapsed = false;
     const quietRefreshSections = [
       'active-reviews-section',
       'active-followups-section',
@@ -507,6 +508,30 @@
       refreshIcons();
     }
 
+    function applyNowLaneCollapsed() {
+      const lane = document.getElementById('queue-lane-now');
+      if (!lane) return;
+      const body = document.getElementById('queue-lane-now-body');
+      const header = lane.querySelector('.queue-lane-header');
+      const toggle = lane.querySelector('.queue-lane-toggle');
+      if (body) body.classList.toggle('hidden', nowLaneCollapsed);
+      if (toggle) toggle.classList.toggle('collapsed', nowLaneCollapsed);
+      if (header) header.setAttribute('aria-expanded', nowLaneCollapsed ? 'false' : 'true');
+    }
+
+    function loadNowLaneCollapsed() {
+      const value = localStorage.getItem(STORAGE_KEY_NOW_LANE_COLLAPSED);
+      nowLaneCollapsed = value === 'collapsed';
+      applyNowLaneCollapsed();
+    }
+
+    function toggleNowLane() {
+      nowLaneCollapsed = !nowLaneCollapsed;
+      localStorage.setItem(STORAGE_KEY_NOW_LANE_COLLAPSED, nowLaneCollapsed ? 'collapsed' : 'expanded');
+      applyNowLaneCollapsed();
+      refreshIcons();
+    }
+
     function setLoadingFlag(source, isLoading) {
       if (!(source in loadingState)) return;
       const nextValue = isLoading
@@ -1841,14 +1866,18 @@
           )
         : `<div class="empty-state">${t('queueLane.emptyReadyToApprove')}</div>`;
 
+      const nowLaneCollapsedClass = nowLaneCollapsed ? 'collapsed' : '';
       return `
         <div class="queue-lanes-grid">
-          <div class="queue-lane">
-            <div class="queue-lane-header">
+          <div class="queue-lane" id="queue-lane-now">
+            <div class="queue-lane-header clickable" onclick="toggleNowLane()" role="button" tabindex="0" aria-expanded="${nowLaneCollapsed ? 'false' : 'true'}" aria-controls="queue-lane-now-body" onkeydown="activateOnKeydown(event)">
               <span class="queue-lane-title">${t('queueLane.now')}</span>
-              <span class="queue-lane-count">${queueLanesModel.nowLaneCount}</span>
+              <span class="queue-lane-header-right">
+                <span class="queue-lane-count">${queueLanesModel.nowLaneCount}</span>
+                <span class="queue-lane-toggle ${nowLaneCollapsedClass}"><i data-lucide="chevron-down"></i></span>
+              </span>
             </div>
-            <div class="queue-lane-body">${nowLaneContent}</div>
+            <div class="queue-lane-body ${nowLaneCollapsed ? 'hidden' : ''}" id="queue-lane-now-body">${nowLaneContent}</div>
           </div>
           <div class="queue-lane">
             <div class="queue-lane-header">
@@ -3389,6 +3418,7 @@
     window.confirmMarkAsMerged = confirmMarkAsMerged;
     window.toggleFocusStripMode = toggleFocusStripMode;
     window.toggleSection = toggleSection;
+    window.toggleNowLane = toggleNowLane;
     window.onUsefulLinkAction = onUsefulLinkAction;
     window.activateOnKeydown = activateOnKeydown;
     window.handleCleanupClick = handleCleanupClick;
@@ -3417,6 +3447,7 @@
       Notification.requestPermission().catch(() => {});
     }
     loadFocusStripMode();
+    loadNowLaneCollapsed();
     renderStaticLabels();
     updateSessionMetricsUI();
     connectWebSocket();

package/dist/dashboard/modules/constants.d.ts

@@ -3,6 +3,7 @@ export const RECONNECT_DELAY: 3000;
 export const STORAGE_KEY_PROJECTS: "review-flow-projects";
 export const STORAGE_KEY_CURRENT: "review-flow-current-project";
 export const STORAGE_KEY_FOCUS_STRIP_MODE: "review-flow-focus-strip-mode";
+export const STORAGE_KEY_NOW_LANE_COLLAPSED: "review-flow-now-lane-collapsed";
 export const STORAGE_KEY_ACTIVE_TAB: "review-flow-active-tab";
 export const QUALITY_TARGET_SCORE: 8;
 //# sourceMappingURL=constants.d.ts.map

package/dist/dashboard/modules/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/dashboard/modules/constants.js"],"names":[],"mappings":"AAAA,qCAAsC,EAAE,CAAC;AACzC,8BAA+B,IAAI,CAAC;AACpC,mCAAoC,sBAAsB,CAAC;AAC3D,kCAAmC,6BAA6B,CAAC;AACjE,2CAA4C,8BAA8B,CAAC;AAC3E,qCAAsC,wBAAwB,CAAC;AAC/D,mCAAoC,CAAC,CAAC"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/dashboard/modules/constants.js"],"names":[],"mappings":"AAAA,qCAAsC,EAAE,CAAC;AACzC,8BAA+B,IAAI,CAAC;AACpC,mCAAoC,sBAAsB,CAAC;AAC3D,kCAAmC,6BAA6B,CAAC;AACjE,2CAA4C,8BAA8B,CAAC;AAC3E,6CAA8C,gCAAgC,CAAC;AAC/E,qCAAsC,wBAAwB,CAAC;AAC/D,mCAAoC,CAAC,CAAC"}

package/dist/dashboard/modules/constants.js

@@ -3,5 +3,6 @@ export const RECONNECT_DELAY = 3000;
 export const STORAGE_KEY_PROJECTS = 'review-flow-projects';
 export const STORAGE_KEY_CURRENT = 'review-flow-current-project';
 export const STORAGE_KEY_FOCUS_STRIP_MODE = 'review-flow-focus-strip-mode';
+export const STORAGE_KEY_NOW_LANE_COLLAPSED = 'review-flow-now-lane-collapsed';
 export const STORAGE_KEY_ACTIVE_TAB = 'review-flow-active-tab';
 export const QUALITY_TARGET_SCORE = 8;

package/dist/dashboard/modules/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/dashboard/modules/constants.js"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,sBAAsB,GAAG,EAAE,CAAC;AACzC,MAAM,CAAC,MAAM,eAAe,GAAG,IAAI,CAAC;AACpC,MAAM,CAAC,MAAM,oBAAoB,GAAG,sBAAsB,CAAC;AAC3D,MAAM,CAAC,MAAM,mBAAmB,GAAG,6BAA6B,CAAC;AACjE,MAAM,CAAC,MAAM,4BAA4B,GAAG,8BAA8B,CAAC;AAC3E,MAAM,CAAC,MAAM,sBAAsB,GAAG,wBAAwB,CAAC;AAC/D,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,CAAC"}
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/dashboard/modules/constants.js"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,sBAAsB,GAAG,EAAE,CAAC;AACzC,MAAM,CAAC,MAAM,eAAe,GAAG,IAAI,CAAC;AACpC,MAAM,CAAC,MAAM,oBAAoB,GAAG,sBAAsB,CAAC;AAC3D,MAAM,CAAC,MAAM,mBAAmB,GAAG,6BAA6B,CAAC;AACjE,MAAM,CAAC,MAAM,4BAA4B,GAAG,8BAA8B,CAAC;AAC3E,MAAM,CAAC,MAAM,8BAA8B,GAAG,gCAAgC,CAAC;AAC/E,MAAM,CAAC,MAAM,sBAAsB,GAAG,wBAAwB,CAAC;AAC/D,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,CAAC"}

package/dist/dashboard/styles.css

@@ -1877,6 +1877,33 @@ body.compact-density .log-entry {
   padding: 0.55rem 0.65rem 0.2rem;
 }
 
+.queue-lane-header.clickable {
+  cursor: pointer;
+  user-select: none;
+}
+
+.queue-lane-header-right {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.5rem;
+}
+
+.queue-lane-toggle {
+  display: inline-flex;
+  align-items: center;
+  color: #7d8aa4;
+}
+
+.queue-lane-toggle [data-lucide] {
+  width: 15px;
+  height: 15px;
+  transition: transform 0.2s;
+}
+
+.queue-lane-toggle.collapsed [data-lucide] {
+  transform: rotate(-90deg);
+}
+
 .now-lane-copy {
   flex: 1;
   min-width: 0;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "reviewflow",
-  "version": "3.25.0",
+  "version": "3.26.0",
   "description": "AI-powered code review automation for GitLab/GitHub using Claude Code",
   "type": "module",
   "main": "dist/main/server.js",