reviewflow 3.24.2 → 3.26.0

package/CHANGELOG.md

@@ -5,6 +5,26 @@ 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)
+
+
+### Added
+
+* **dashboard:** restructure empty states and promote team section ([#222](https://github.com/DGouron/review-flow/issues/222)) ([493cd8a](https://github.com/DGouron/review-flow/commit/493cd8a30f0b25fbc7f2b1ae0c6e42393713fd79))
+* **tracking:** allow manual mark-as-merged from pending-fix ([#224](https://github.com/DGouron/review-flow/issues/224)) ([f4cf64d](https://github.com/DGouron/review-flow/commit/f4cf64d03c9d121d9462462ca9f32090d1e915f6))
+
+
+### Fixed
+
+* **settings:** persist runtime settings across restarts ([#221](https://github.com/DGouron/review-flow/issues/221)) ([f8a71b8](https://github.com/DGouron/review-flow/commit/f8a71b8dbcf3ae16557b219131cdc8f08a4e9d65))
+
 ## [3.24.2](https://github.com/DGouron/review-flow/compare/reviewflow-v3.24.1...reviewflow-v3.24.2) (2026-05-27)
 
 

package/dist/dashboard/index.html

@@ -99,6 +99,12 @@
         <button type="button" id="open-settings-modal-btn" class="sidebar-settings-button" hidden>
           <span class="sidebar-settings-button__prefix">// SETTINGS</span>
         </button>
+        <button type="button" id="open-economics-sheet-btn" class="sidebar-settings-button" onclick="openEconomicsSheet()">
+          <span class="sidebar-settings-button__prefix">// CLAUDE ECONOMICS</span>
+        </button>
+        <button type="button" id="open-stats-sheet-btn" class="sidebar-settings-button" onclick="openStatsSheet()" disabled aria-disabled="true">
+          <span class="sidebar-settings-button__prefix">// PROJECT STATS</span>
+        </button>
 
         <span id="config-status" class="config-status hidden"></span>
 
@@ -106,6 +112,16 @@
       </aside>
 
       <main class="dashboard-main">
+        <div id="team-section" class="section hidden">
+          <div class="section-header clickable" onclick="toggleTeamSection()" role="button" tabindex="0" onkeydown="activateOnKeydown(event)">
+            <i data-lucide="users"></i> <span id="i18n-section-team"></span>
+            <span id="team-toggle" class="toggle-icon collapsed"><i data-lucide="chevron-down"></i></span>
+          </div>
+          <div id="team-tab-content" class="section-content hidden">
+            <div class="empty-state" id="i18n-empty-team"></div>
+          </div>
+        </div>
+
         <div class="focus-strip attention-strip" aria-label="Attention indicators">
           <div class="focus-chip focus-now">
             <div class="focus-copy">
@@ -152,18 +168,12 @@
           <div style="margin-top: 0.75rem;" id="git-login-instructions"></div>
         </div>
 
-        <div class="section" id="pending-reviews-section">
+        <div class="section hidden" id="pending-reviews-section">
           <div class="section-header">
             <i data-lucide="hourglass"></i> <span id="i18n-section-pending-reviews"></span>
             <span id="pending-reviews-count" class="badge-count hidden">0</span>
           </div>
-          <div id="pending-reviews" class="section-content">
-            <div class="heartbeat-empty-state" id="pending-reviews-empty-state">
-              <span class="heartbeat-label">// STANDBY</span>
-              <span class="heartbeat-message" id="i18n-empty-pending-reviews">No reviews waiting for confirmation</span>
-              <div class="heartbeat-line-container" id="heartbeat-line" aria-hidden="true"></div>
-            </div>
-          </div>
+          <div id="pending-reviews" class="section-content"></div>
         </div>
 
         <div id="logs-section" class="section hidden">
@@ -176,73 +186,12 @@
           </div>
         </div>
 
-        <div id="stats-section" class="section hidden">
-          <div class="section-header clickable" onclick="toggleStats()" role="button" tabindex="0" onkeydown="activateOnKeydown(event)">
-            <i data-lucide="bar-chart-3"></i> <span id="i18n-section-stats"></span>
-            <span id="stats-toggle" class="toggle-icon collapsed"><i data-lucide="chevron-down"></i></span>
-            <button id="recalculate-btn" class="btn btn-sm btn-secondary" onclick="event.stopPropagation(); recalculateStats()" style="margin-left: auto; font-size: 0.75rem; padding: 2px 8px;">
-              <i data-lucide="refresh-cw" style="width: 12px; height: 12px;"></i>
-              <span id="recalculate-label"></span>
-            </button>
-            <span id="backfill-progress" class="badge-count hidden" style="margin-left: 4px;"></span>
-          </div>
-          <div id="project-stats" class="section-content stats-grid hidden">
-            <div class="empty-state" id="i18n-empty-stats"></div>
-          </div>
-        </div>
-
-        <div id="team-section" class="section hidden">
-          <div class="section-header clickable" onclick="toggleTeamSection()" role="button" tabindex="0" onkeydown="activateOnKeydown(event)">
-            <i data-lucide="users"></i> <span id="i18n-section-team"></span>
-            <span id="team-toggle" class="toggle-icon collapsed"><i data-lucide="chevron-down"></i></span>
-          </div>
-          <div id="team-tab-content" class="section-content hidden">
-            <div class="empty-state" id="i18n-empty-team"></div>
-          </div>
-        </div>
-
-        <div id="claude-economics-section" class="section">
-          <div class="section-header clickable" onclick="toggleSection('claude-economics-section')" role="button" tabindex="0" onkeydown="activateOnKeydown(event)">
-            <i data-lucide="circuit-board"></i> <span id="i18n-section-claude-economics"></span>
-            <span class="section-toggle collapsed"><i data-lucide="chevron-down"></i></span>
-          </div>
-          <div class="section-content economics-content hidden">
-            <div class="economics-panel">
-              <div class="economics-panel-header">
-                <span class="economics-panel-title" id="i18n-economics-token-usage"></span>
-              </div>
-              <div class="economics-panel-body" id="token-usage-content">
-                <div class="empty-state">Loading…</div>
-              </div>
-            </div>
-
-            <div class="economics-panel">
-              <div class="economics-panel-header">
-                <span class="economics-panel-title" id="i18n-economics-monthly-budget"></span>
-              </div>
-              <div class="economics-panel-body">
-                <div id="budget-tile">
-                  <div class="empty-state">Loading…</div>
-                </div>
-                <div class="budget-slider-row">
-                  <label for="budget-slider" id="budget-slider-label">Cap: <span id="budget-slider-value">$200</span></label>
-                  <input type="range" id="budget-slider" min="0" max="600" step="10" value="200" />
-                  <button id="budget-slider-submit" type="button">Apply</button>
-                  <span id="budget-slider-status" class="budget-slider-status"></span>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-
-        <div class="section" id="active-reviews-section">
+        <div class="section hidden" id="active-reviews-section">
           <div class="section-header">
             <i data-lucide="file-search"></i> <span id="i18n-section-active-reviews"></span>
             <span id="active-reviews-count" class="badge-count hidden">0</span>
           </div>
-          <div id="active-reviews" class="section-content">
-            <div class="empty-state" id="i18n-empty-active-reviews"></div>
-          </div>
+          <div id="active-reviews" class="section-content"></div>
         </div>
 
         <div class="section hidden" id="active-followups-section">
@@ -317,6 +266,17 @@
     </div>
   </div>
 
+  <div id="mark-merged-modal" class="modal-overlay hidden" onclick="closeMarkMergedModal(event)">
+    <div class="modal-content" onclick="event.stopPropagation()">
+      <div class="modal-title" id="mark-merged-modal-title"></div>
+      <div class="modal-message" id="i18n-mark-merged-modal-message"></div>
+      <div class="modal-actions">
+        <button class="btn-modal-back" onclick="closeMarkMergedModal()" id="i18n-mark-merged-modal-back"></button>
+        <button class="btn-modal-confirm" id="mark-merged-modal-confirm" onclick="confirmMarkAsMerged()"></button>
+      </div>
+    </div>
+  </div>
+
   <div id="toast-container" class="toast-container"></div>
 
   <div id="mr-sheet-overlay" class="sheet-overlay" onclick="closeMrSheet()"></div>
@@ -329,6 +289,61 @@
     <div id="dev-sheet-content" class="sheet-content"></div>
   </div>
 
+  <div id="economics-sheet-overlay" class="sheet-overlay" onclick="closeEconomicsSheet()"></div>
+  <div id="economics-sheet" class="sheet-panel">
+    <div id="economics-sheet-content" class="sheet-content">
+      <button class="sheet-close" onclick="closeEconomicsSheet()"><i data-lucide="x"></i></button>
+      <div class="sheet-mr-header">
+        <div class="sheet-mr-title"><i data-lucide="circuit-board"></i> <span id="i18n-section-claude-economics"></span></div>
+      </div>
+      <div class="economics-panel">
+        <div class="economics-panel-header">
+          <span class="economics-panel-title" id="i18n-economics-token-usage"></span>
+        </div>
+        <div class="economics-panel-body" id="token-usage-content">
+          <div class="empty-state">Loading…</div>
+        </div>
+      </div>
+
+      <div class="economics-panel">
+        <div class="economics-panel-header">
+          <span class="economics-panel-title" id="i18n-economics-monthly-budget"></span>
+        </div>
+        <div class="economics-panel-body">
+          <div id="budget-tile">
+            <div class="empty-state">Loading…</div>
+          </div>
+          <div class="budget-slider-row">
+            <label for="budget-slider" id="budget-slider-label">Cap: <span id="budget-slider-value">$200</span></label>
+            <input type="range" id="budget-slider" min="0" max="600" step="10" value="200" />
+            <button id="budget-slider-submit" type="button">Apply</button>
+            <span id="budget-slider-status" class="budget-slider-status"></span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <div id="stats-sheet-overlay" class="sheet-overlay" onclick="closeStatsSheet()"></div>
+  <div id="stats-sheet" class="sheet-panel">
+    <div id="stats-sheet-content" class="sheet-content">
+      <button class="sheet-close" onclick="closeStatsSheet()"><i data-lucide="x"></i></button>
+      <div class="sheet-mr-header">
+        <div class="sheet-mr-title">
+          <i data-lucide="bar-chart-3"></i> <span id="i18n-section-stats"></span>
+          <button id="recalculate-btn" class="btn btn-sm btn-secondary" onclick="recalculateStats()" style="margin-left: auto; font-size: 0.75rem; padding: 2px 8px;">
+            <i data-lucide="refresh-cw" style="width: 12px; height: 12px;"></i>
+            <span id="recalculate-label"></span>
+          </button>
+          <span id="backfill-progress" class="badge-count hidden" style="margin-left: 4px;"></span>
+        </div>
+      </div>
+      <div id="project-stats" class="stats-grid">
+        <div class="empty-state" id="i18n-empty-stats"></div>
+      </div>
+    </div>
+  </div>
+
   <dialog id="settings-modal" class="settings-modal" aria-labelledby="settings-modal-title"></dialog>
 
   <!-- UI language select — kept in DOM for JS wiring; visual control lives in settings modal -->
@@ -357,12 +372,13 @@
     } 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';
     import { getDesktopNotificationPayload, shouldNotifyDesktop } from './modules/desktopNotifications.js';
     import { getLoadingPresentation, getQuietRefreshSectionIdentifiers } from './modules/loading.js';
+    import { shouldHideActiveReviewsSection, shouldHidePendingReviewsSection } from './modules/sectionVisibility.js';
     import { computeCardCounters, extractGithubSlug } from './modules/cardCounters.js';
     import { collectReviewNotifications, createReviewNotificationState } from './modules/notifications.js';
     import { resolveReviewAssigneeDisplay } from './modules/assignee.js';
@@ -414,7 +430,6 @@
     let currentData = { activeReviews: [], recentReviews: [], logs: [], reviewFiles: [], pendingFix: [], pendingApproval: [], pendingReviews: [] };
     const mrDataStore = new Map();
     let loadedReviews = {};
-    let statsCollapsed = true;
     let currentStatsReviews = [];
     let currentDevFilter = 'all';
     let focusStripCompact = false;
@@ -422,8 +437,9 @@
     let currentInsightsData = null;
     const loadingState = { status: 0, reviewFiles: 0, stats: 0, mrTracking: 0 };
     let hasLoadedStatusOnce = false;
-    const secondarySections = ['active-followups-section', 'pending-approval-section', 'completed-reviews-section', 'claude-economics-section'];
+    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',
@@ -492,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
@@ -853,12 +893,12 @@
       const activeReviewsEl = document.getElementById('active-reviews');
       const activeReviewsCount = document.getElementById('active-reviews-count');
 
-      activeReviewsSection.classList.remove('hidden');
-      if (reviews.length === 0) {
-        const showInitialLoadingState = !hasLoadedStatusOnce && loadingState.status > 0;
-        activeReviewsEl.innerHTML = `<div class="empty-state">${showInitialLoadingState ? t('loading.section') : t('empty.activeReviews')}</div>`;
+      if (shouldHideActiveReviewsSection({ activeReviews: currentData.activeReviews })) {
+        activeReviewsSection.classList.add('hidden');
+        activeReviewsEl.innerHTML = '';
         activeReviewsCount.classList.add('hidden');
       } else {
+        activeReviewsSection.classList.remove('hidden');
         activeReviewsEl.innerHTML = reviews.map(r => renderReview(r, true)).join('');
         activeReviewsCount.textContent = reviews.length;
         activeReviewsCount.classList.remove('hidden');
@@ -1319,20 +1359,6 @@
       updateLogs();
     }
 
-    function toggleStats() {
-      statsCollapsed = !statsCollapsed;
-      const content = document.getElementById('project-stats');
-      const toggle = document.getElementById('stats-toggle');
-
-      if (statsCollapsed) {
-        content.classList.add('hidden');
-        toggle.classList.add('collapsed');
-      } else {
-        content.classList.remove('hidden');
-        toggle.classList.remove('collapsed');
-      }
-    }
-
     function toggleTeamSection() {
       teamCollapsed = !teamCollapsed;
       const content = document.getElementById('team-tab-content');
@@ -1533,6 +1559,37 @@
       document.body.style.overflow = '';
     }
 
+    function openEconomicsSheet() {
+      document.getElementById('economics-sheet-overlay').classList.add('open');
+      document.getElementById('economics-sheet').classList.add('open');
+      document.body.style.overflow = 'hidden';
+      refreshTokenUsageTile();
+      refreshBudgetTile();
+      initBudgetSlider();
+      refreshIcons();
+    }
+
+    function closeEconomicsSheet() {
+      document.getElementById('economics-sheet-overlay').classList.remove('open');
+      document.getElementById('economics-sheet').classList.remove('open');
+      document.body.style.overflow = '';
+    }
+
+    function openStatsSheet() {
+      if (!currentProjectPath) return;
+      document.getElementById('stats-sheet-overlay').classList.add('open');
+      document.getElementById('stats-sheet').classList.add('open');
+      document.body.style.overflow = 'hidden';
+      fetchProjectStats();
+      refreshIcons();
+    }
+
+    function closeStatsSheet() {
+      document.getElementById('stats-sheet-overlay').classList.remove('open');
+      document.getElementById('stats-sheet').classList.remove('open');
+      document.body.style.overflow = '';
+    }
+
     function exportInsightsPdf() {
       if (!currentInsightsData || currentInsightsData.isEmpty) return;
 
@@ -1620,13 +1677,16 @@
       const autoFollowupChecked = mr.autoFollowup !== false ? 'checked' : '';
       const showFollowupActions = type === 'pending-fix' ||
         (type === 'pending-approval' && mr.totalWarnings > 0);
+      const markMergedBtn = type === 'pending-fix'
+        ? `<button class="btn-action" onclick="showMarkMergedModal('${encodedMrId}', ${mr.mrNumber})"><i data-lucide="git-merge"></i> ${t('button.markAsMerged')}</button>`
+        : '';
 
       const actions = showFollowupActions
         ? `<label class="auto-followup-toggle" onclick="event.stopPropagation()" title="${t('button.autoFollowup')}">
              <input type="checkbox" ${autoFollowupChecked} onchange="toggleAutoFollowup('${encodedMrId}', this.checked)">
              ${t('button.autoFollowup')}
            </label>
-           <button class="btn-action" onclick="triggerFollowup('${encodedMrId}')"><i data-lucide="refresh-cw"></i> ${t('button.followup')}</button>${openBtn}`
+           <button class="btn-action" onclick="triggerFollowup('${encodedMrId}')"><i data-lucide="refresh-cw"></i> ${t('button.followup')}</button>${markMergedBtn}${openBtn}`
         : openBtn;
 
       const statsBadges = [];
@@ -1806,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">
@@ -1908,6 +1972,15 @@
       const countBadge = document.getElementById('pending-reviews-count');
       if (!container || !countBadge || !section) return;
 
+      if (shouldHidePendingReviewsSection({ pendingReviews: currentData.pendingReviews })) {
+        section.classList.add('hidden');
+        container.innerHTML = '';
+        countBadge.classList.add('hidden');
+        countBadge.textContent = '0';
+        return;
+      }
+      section.classList.remove('hidden');
+
       const model = buildPendingReviewsModel(currentData.pendingReviews || []);
       container.innerHTML = renderPendingReviewsHtml(model);
 
@@ -2384,8 +2457,12 @@
           fetchTeamInsights();
           refreshTokenUsageTile();
 
-          document.getElementById('stats-section').classList.remove('hidden');
           document.getElementById('team-section').classList.remove('hidden');
+          const statsSheetButton = document.getElementById('open-stats-sheet-btn');
+          if (statsSheetButton) {
+            statsSheetButton.removeAttribute('disabled');
+            statsSheetButton.setAttribute('aria-disabled', 'false');
+          }
 
           const platformIcon = activePlatform === 'gitlab' ? '<i data-lucide="gitlab"></i> GitLab' : '<i data-lucide="github"></i> GitHub';
           info.innerHTML = `
@@ -2500,6 +2577,11 @@
       renderDashboardTabs();
       renderCardCounters();
       syncSettingsButtonVisibility();
+      const statsSheetButton = document.getElementById('open-stats-sheet-btn');
+      if (statsSheetButton) {
+        statsSheetButton.setAttribute('disabled', '');
+        statsSheetButton.setAttribute('aria-disabled', 'true');
+      }
       refreshOverviewSection();
     }
 
@@ -2932,6 +3014,56 @@
       }
     }
 
+    let markMergedModalMrId = null;
+
+    function showMarkMergedModal(encodedMrId, mrNumber) {
+      markMergedModalMrId = safeDecodeURIComponent(encodedMrId);
+      document.getElementById('mark-merged-modal-title').textContent = t('modal.markMerged.title', { label: getMrLabel(), number: mrNumber });
+      const modal = document.getElementById('mark-merged-modal');
+      modal.classList.remove('hidden');
+      requestAnimationFrame(() => modal.classList.add('visible'));
+    }
+
+    function closeMarkMergedModal(event) {
+      if (event && event.target !== event.currentTarget) return;
+      const modal = document.getElementById('mark-merged-modal');
+      modal.classList.remove('visible');
+      setTimeout(() => modal.classList.add('hidden'), 200);
+      markMergedModalMrId = null;
+    }
+
+    async function confirmMarkAsMerged() {
+      if (!markMergedModalMrId) return;
+      trackUsefulAction('markAsMerged');
+
+      const mrId = markMergedModalMrId;
+      closeMarkMergedModal();
+
+      try {
+        const response = await fetch(`${API_URL}/api/mr-tracking/mark-as-merged`, {
+          method: 'POST',
+          headers: { 'Content-Type': 'application/json' },
+          body: JSON.stringify({
+            mrId,
+            projectPath: currentProjectPath || undefined,
+          }),
+        });
+        const data = await response.json();
+
+        if (data.success) {
+          const card = document.querySelector(`.mr-item-accordion[data-mr-id="${mrId}"]`);
+          if (card) card.remove();
+          showToast(t('success.markedAsMerged'), 'success');
+          fetchStatus();
+        } else {
+          showToast(data.error || t('error.markAsMerged'), 'error');
+        }
+      } catch (error) {
+        console.error('Error marking as merged:', error);
+        showToast(t('error.markAsMerged'), 'error');
+      }
+    }
+
     function showToast(message, type) {
       const container = document.getElementById('toast-container');
       const iconName = type === 'success' ? 'check-circle' : type === 'info' ? 'info' : 'alert-circle';
@@ -3073,12 +3205,6 @@
       const emptyStats = document.getElementById('i18n-empty-stats');
       if (emptyStats) emptyStats.textContent = t('empty.stats');
 
-      const emptyPendingReviews = document.getElementById('i18n-empty-pending-reviews');
-      if (emptyPendingReviews) emptyPendingReviews.textContent = t('empty.pendingReviews');
-
-      const emptyActiveReviews = document.getElementById('i18n-empty-active-reviews');
-      if (emptyActiveReviews) emptyActiveReviews.textContent = t('empty.activeReviews');
-
       const emptyActiveFollowups = document.getElementById('i18n-empty-active-followups');
       if (emptyActiveFollowups) emptyActiveFollowups.textContent = t('empty.activeFollowups');
 
@@ -3111,6 +3237,15 @@
 
       const modalConfirm = document.getElementById('cancel-modal-confirm');
       if (modalConfirm) modalConfirm.textContent = t('modal.confirm');
+
+      const markMergedModalMessage = document.getElementById('i18n-mark-merged-modal-message');
+      if (markMergedModalMessage) markMergedModalMessage.textContent = t('modal.markMerged.message');
+
+      const markMergedModalBack = document.getElementById('i18n-mark-merged-modal-back');
+      if (markMergedModalBack) markMergedModalBack.textContent = t('modal.markMerged.back');
+
+      const markMergedModalConfirm = document.getElementById('mark-merged-modal-confirm');
+      if (markMergedModalConfirm) markMergedModalConfirm.textContent = t('modal.markMerged.confirm');
     }
 
     async function checkForUpdates() {
@@ -3265,7 +3400,6 @@
     window.toggleCollapsibleList = toggleCollapsibleList;
     window.checkClaudeStatus = checkClaudeStatus;
     window.toggleLogs = toggleLogs;
-    window.toggleStats = toggleStats;
     window.changeModel = changeModel;
     window.changeLanguage = changeLanguage;
     window.toggleReviewAccordion = toggleReviewAccordion;
@@ -3279,8 +3413,12 @@
     window.showCancelModal = showCancelModal;
     window.closeCancelModal = closeCancelModal;
     window.confirmCancelReview = confirmCancelReview;
+    window.showMarkMergedModal = showMarkMergedModal;
+    window.closeMarkMergedModal = closeMarkMergedModal;
+    window.confirmMarkAsMerged = confirmMarkAsMerged;
     window.toggleFocusStripMode = toggleFocusStripMode;
     window.toggleSection = toggleSection;
+    window.toggleNowLane = toggleNowLane;
     window.onUsefulLinkAction = onUsefulLinkAction;
     window.activateOnKeydown = activateOnKeydown;
     window.handleCleanupClick = handleCleanupClick;
@@ -3288,6 +3426,10 @@
     window.closeMrSheet = closeMrSheet;
     window.openDevSheet = openDevSheet;
     window.closeDevSheet = closeDevSheet;
+    window.openEconomicsSheet = openEconomicsSheet;
+    window.closeEconomicsSheet = closeEconomicsSheet;
+    window.openStatsSheet = openStatsSheet;
+    window.closeStatsSheet = closeStatsSheet;
     window.generateAiInsights = generateAiInsights;
     window.exportInsightsPdf = exportInsightsPdf;
     window.toggleTeamAnalysis = toggleTeamAnalysis;
@@ -3305,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/modules/i18n.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"i18n.d.ts","sourceRoot":"","sources":["../../../src/dashboard/modules/i18n.js"],"names":[],"mappings":"AAw1BA,6BAA6B;AAC7B,+BADc,IAAI,GAAG,IAAI,CAGxB;AAED,oCAAoC;AACpC,sCADY,IAAI,GAAG,IAAI,QAGtB;AAED;;;;GAIG;AACH,uBAJW,MAAM,WACN,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,GAC7B,MAAM,CAUlB"}
+{"version":3,"file":"i18n.d.ts","sourceRoot":"","sources":["../../../src/dashboard/modules/i18n.js"],"names":[],"mappings":"AAk2BA,6BAA6B;AAC7B,+BADc,IAAI,GAAG,IAAI,CAGxB;AAED,oCAAoC;AACpC,sCADY,IAAI,GAAG,IAAI,QAGtB;AAED;;;;GAIG;AACH,uBAJW,MAAM,WACN,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,GAC7B,MAAM,CAUlB"}