reviewflow 3.19.2 → 3.20.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.20.0](https://github.com/DGouron/review-flow/compare/reviewflow-v3.19.2...reviewflow-v3.20.0) (2026-05-25)
+
+
+### Added
+
+* **dashboard:** implement SPEC-91 multi-project overview UI ([#200](https://github.com/DGouron/review-flow/issues/200)) ([05b1952](https://github.com/DGouron/review-flow/commit/05b1952617cbe2ed7d11953eb28aa37c53a14fae))
+
 ## [3.19.2](https://github.com/DGouron/review-flow/compare/reviewflow-v3.19.1...reviewflow-v3.19.2) (2026-05-24)
 
 

package/dist/dashboard/index.html

@@ -78,19 +78,8 @@
           </select>
         </div>
 
-        <div class="project-loader">
-          <select id="project-select" class="project-input" onchange="onProjectSelect(this.value)">
-            <option value="" id="i18n-project-placeholder"></option>
-          </select>
-          <input type="text" id="project-path-input" class="project-input" value="">
-          <button class="btn btn-primary" onclick="loadProjectConfig()">
-            <i data-lucide="folder-open"></i> <span id="i18n-project-load"></span>
-          </button>
-          <button id="remove-project-btn" class="btn btn-secondary" onclick="removeCurrentProject()">
-            <i data-lucide="trash-2"></i>
-          </button>
-          <span id="config-status" class="config-status hidden"></span>
-        </div>
+        <nav id="dashboard-tabs" class="dashboard-tab-bar-wrapper" aria-label="Project tabs"></nav>
+        <span id="config-status" class="config-status hidden"></span>
 
         <div class="focus-strip">
           <div class="focus-chip focus-now">
@@ -121,6 +110,8 @@
       </aside>
 
       <main class="dashboard-main">
+        <section id="overview-section" class="overview-section" aria-label="Multi-project overview"></section>
+
         <div id="data-loading-state" class="data-loading hidden" role="status" aria-live="polite">
           <i data-lucide="loader-circle"></i>
           <span id="i18n-loading-data"></span>
@@ -319,6 +310,8 @@
     import { escapeHtml, markdownToHtml, sanitizeHttpUrl } from './modules/html.js';
     import { getAgentIcon, icon, refreshIcons } from './modules/icons.js';
     import { MAX_RECONNECT_ATTEMPTS, RECONNECT_DELAY, STORAGE_KEY_PROJECTS, STORAGE_KEY_CURRENT, STORAGE_KEY_FOCUS_STRIP_MODE, QUALITY_TARGET_SCORE } from './modules/constants.js';
+    import { buildTabBarModel, renderTabBarHtml, readActiveTab, writeActiveTab } from './modules/tabBar.js';
+    import { renderOverviewHtml } from './modules/overview.js';
     import { getDesktopNotificationPayload, shouldNotifyDesktop } from './modules/desktopNotifications.js';
     import { getLoadingPresentation, getQuietRefreshSectionIdentifiers } from './modules/loading.js';
     import { collectReviewNotifications, createReviewNotificationState } from './modules/notifications.js';
@@ -2088,6 +2081,9 @@
                 if (message.type === 'state') {
                   fetchMrTracking();
                 }
+                if (activeTabId === 'overview') {
+                  refreshOverviewSection();
+                }
                 break;
               case 'progress':
                 handleProgressUpdate(message);
@@ -2305,6 +2301,7 @@
 
     function updateProjectSelect() {
       const select = document.getElementById('project-select');
+      if (!select) return;
       const projects = getStoredProjects();
       const current = localStorage.getItem(STORAGE_KEY_CURRENT) || '';
 
@@ -2322,7 +2319,8 @@
 
     function onProjectSelect(path) {
       if (path) {
-        document.getElementById('project-path-input').value = '';
+        const input = document.getElementById('project-path-input');
+        if (input) input.value = '';
         loadProjectConfigFromPath(path);
       }
     }
@@ -2330,7 +2328,7 @@
     async function loadProjectConfig() {
       const input = document.getElementById('project-path-input');
       const select = document.getElementById('project-select');
-      const projectPath = input.value.trim() || select.value;
+      const projectPath = (input?.value.trim() ?? '') || (select?.value ?? '');
 
       if (!projectPath) {
         showConfigStatus(t('error.selectOrEnterPath'), 'error');
@@ -2358,8 +2356,10 @@
           addProjectToHistory(projectPath);
           localStorage.setItem(STORAGE_KEY_CURRENT, projectPath);
 
-          document.getElementById('project-select').value = projectPath;
-          document.getElementById('project-path-input').value = '';
+          const legacySelect = document.getElementById('project-select');
+          if (legacySelect) legacySelect.value = projectPath;
+          const legacyInput = document.getElementById('project-path-input');
+          if (legacyInput) legacyInput.value = '';
 
           const shortName = projectPath.split('/').slice(-2).join('/');
           showConfigStatus(`<i data-lucide="check-circle"></i> ${escapeHtml(shortName)}`, 'success');
@@ -2415,7 +2415,7 @@
 
     function removeCurrentProject() {
       const select = document.getElementById('project-select');
-      const path = select.value;
+      const path = select?.value ?? currentProjectPath ?? '';
       if (!path) {
         showConfigStatus(t('project.noProjectSelected'), 'error');
         return;
@@ -2426,7 +2426,7 @@
         localStorage.removeItem(STORAGE_KEY_CURRENT);
         currentProjectPath = null;
         currentProjectConfig = null;
-        document.getElementById('config-info').classList.add('hidden');
+        document.getElementById('config-info')?.classList.add('hidden');
         showConfigStatus(t('project.removed'), 'success');
       }
     }
@@ -2450,22 +2450,95 @@
       }
     }
 
-    async function initProjectLoader() {
+    // SPEC-91 — Dashboard Multi-Project Overview
+    let availableRepositories = [];
+    let activeTabId = 'overview';
+
+    async function fetchAvailableRepositories() {
+      try {
+        const response = await fetch(`${API_URL}/api/repositories`);
+        const data = await response.json();
+        availableRepositories = Array.isArray(data.repositories)
+          ? data.repositories.filter((repository) => repository.enabled)
+          : [];
+      } catch {
+        availableRepositories = [];
+      }
+    }
+
+    function renderDashboardTabs() {
+      const container = document.getElementById('dashboard-tabs');
+      if (!container) return;
+      const model = buildTabBarModel({
+        repositories: availableRepositories,
+        activeTabId: activeTabId === 'overview' ? null : activeTabId,
+      });
+      container.innerHTML = renderTabBarHtml(model);
+      container.querySelectorAll('.dashboard-tab').forEach((button) => {
+        button.addEventListener('click', () => {
+          const tabId = button.dataset.tabId;
+          if (!tabId) return;
+          handleTabClick(tabId);
+        });
+      });
+    }
+
+    function handleTabClick(tabId) {
+      if (tabId === 'overview') {
+        activateOverviewTab();
+        return;
+      }
+      activateProjectTab(tabId);
+    }
+
+    function activateOverviewTab() {
+      activeTabId = 'overview';
+      writeActiveTab('overview');
+      document.body.classList.add('overview-tab-active');
+      const overviewSection = document.getElementById('overview-section');
+      if (overviewSection) overviewSection.classList.remove('hidden');
+      renderDashboardTabs();
+      refreshOverviewSection();
+    }
+
+    function activateProjectTab(projectPath) {
+      activeTabId = projectPath;
+      writeActiveTab(projectPath);
+      document.body.classList.remove('overview-tab-active');
+      const overviewSection = document.getElementById('overview-section');
+      if (overviewSection) overviewSection.classList.add('hidden');
+      renderDashboardTabs();
+      loadProjectConfigFromPath(projectPath);
+    }
+
+    async function refreshOverviewSection() {
+      const container = document.getElementById('overview-section');
+      if (!container) return;
+      if (activeTabId !== 'overview') return;
+      try {
+        const response = await fetch(`${API_URL}/api/overview`);
+        const viewModel = await response.json();
+        container.innerHTML = renderOverviewHtml(viewModel);
+        container.querySelectorAll('.overview-project-card').forEach((card) => {
+          card.addEventListener('click', () => {
+            const projectPath = card.dataset.projectPath;
+            if (projectPath) activateProjectTab(projectPath);
+          });
+        });
+      } catch {
+        // Silent: WS reconnection or next refresh will retry
+      }
+    }
+
+    async function initOverviewAndTabs() {
+      await fetchAvailableRepositories();
       await syncServerRepositories();
-      updateProjectSelect();
-      const lastProject = localStorage.getItem(STORAGE_KEY_CURRENT);
-      if (lastProject) {
-        loadProjectConfigFromPath(lastProject);
+      const persistedTab = readActiveTab();
+      const repositoryPaths = availableRepositories.map((repository) => repository.localPath);
+      if (persistedTab && persistedTab !== 'overview' && repositoryPaths.includes(persistedTab)) {
+        activateProjectTab(persistedTab);
       } else {
-        const storedProjects = getStoredProjects();
-        if (storedProjects.length > 0) {
-          loadProjectConfigFromPath(storedProjects[0]);
-        } else {
-          document.getElementById('recent-reviews').innerHTML =
-            `<div class="empty-state">${t('empty.reviewsNoProject')}</div>`;
-          document.getElementById('project-stats').innerHTML =
-            `<div class="empty-state">${t('empty.statsNoProject')}</div>`;
-        }
+        activateOverviewTab();
       }
     }
 
@@ -2926,7 +2999,7 @@
     checkClaudeStatus();
     loadModelSetting();
     loadLanguageSetting();
-    initProjectLoader();
+    initOverviewAndTabs();
     refreshBudgetTile();
     initBudgetSlider();
 

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

@@ -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_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,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,qCAAsC,wBAAwB,CAAC;AAC/D,mCAAoC,CAAC,CAAC"}

package/dist/dashboard/modules/constants.js

@@ -3,4 +3,5 @@ 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_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,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,sBAAsB,GAAG,wBAAwB,CAAC;AAC/D,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,CAAC"}

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

@@ -0,0 +1,64 @@
+/**
+ * Renders a vector-only sparkline. Returns '' when there is nothing to draw.
+ *
+ * @param {number[]} points
+ * @returns {string}
+ */
+export function renderSparklineSvg(points: number[]): string;
+/**
+ * Renders the overview HTML from a server-provided view-model.
+ * Tolerates missing sections by falling back to empty French defaults — the server
+ * is a boundary, so this guards against malformed payloads (deploys, partial fetches).
+ *
+ * @param {unknown} viewModel
+ * @returns {string}
+ */
+export function renderOverviewHtml(viewModel: unknown): string;
+export type OverviewActiveReviewItem = {
+    jobId: string;
+    projectName: string;
+    projectPath: string;
+    mrPrefix: "MR" | "PR";
+    mrNumber: number;
+    mrUrl: string;
+    elapsedLabel: string;
+    jobType: "review" | "followup";
+};
+export type OverviewActiveReviewsSection = {
+    items: OverviewActiveReviewItem[];
+    isEmpty: boolean;
+    emptyMessage: string;
+};
+export type OverviewProjectCardItem = {
+    projectName: string;
+    projectPath: string;
+    platform: "gitlab" | "github";
+    totalReviews: number;
+    averageScoreLabel: string;
+    sparklinePoints: number[];
+    isEmptyHistory: boolean;
+};
+export type OverviewProjectCardsSection = {
+    items: OverviewProjectCardItem[];
+    isEmpty: boolean;
+    emptyMessage: string;
+};
+export type OverviewRecentReviewItem = {
+    filename: string;
+    projectName: string;
+    mrPrefix: "MR" | "PR";
+    mrNumber: string;
+    title: string;
+    mtime: string;
+};
+export type OverviewRecentReviewsFeedSection = {
+    items: OverviewRecentReviewItem[];
+    isEmpty: boolean;
+    emptyMessage: string;
+};
+export type OverviewViewModel = {
+    activeReviews: OverviewActiveReviewsSection;
+    projectCards: OverviewProjectCardsSection;
+    recentReviewsFeed: OverviewRecentReviewsFeedSection;
+};
+//# sourceMappingURL=overview.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"overview.d.ts","sourceRoot":"","sources":["../../../src/dashboard/modules/overview.js"],"names":[],"mappings":"AA+FA;;;;;GAKG;AACH,2CAHW,MAAM,EAAE,GACN,MAAM,CAkBlB;AAoGD;;;;;;;GAOG;AACH,8CAHW,OAAO,GACL,MAAM,CAsBlB;;WApOa,MAAM;iBACN,MAAM;iBACN,MAAM;cACN,IAAI,GAAG,IAAI;cACX,MAAM;WACN,MAAM;kBACN,MAAM;aACN,QAAQ,GAAG,UAAU;;;WAKrB,wBAAwB,EAAE;aAC1B,OAAO;kBACP,MAAM;;;iBAKN,MAAM;iBACN,MAAM;cACN,QAAQ,GAAG,QAAQ;kBACnB,MAAM;uBACN,MAAM;qBACN,MAAM,EAAE;oBACR,OAAO;;;WAKP,uBAAuB,EAAE;aACzB,OAAO;kBACP,MAAM;;;cAKN,MAAM;iBACN,MAAM;cACN,IAAI,GAAG,IAAI;cACX,MAAM;WACN,MAAM;WACN,MAAM;;;WAKN,wBAAwB,EAAE;aAC1B,OAAO;kBACP,MAAM;;;mBAKN,4BAA4B;kBAC5B,2BAA2B;uBAC3B,gCAAgC"}

package/dist/dashboard/modules/overview.js

@@ -0,0 +1,246 @@
+/**
+ * Dashboard module — multi-project overview humble object (SPEC-91).
+ * Pure functions, no global state, no DOM access.
+ * All presentation logic lives in OverviewPresenter (server-side TypeScript);
+ * this module renders its view-model as HTML.
+ *
+ * Visual DNA: "Agentic OS" — see project_agentic_os_design_dna.md.
+ */
+
+import { escapeHtml, sanitizeHttpUrl } from './html.js';
+
+const SPARKLINE_WIDTH = 96;
+const SPARKLINE_HEIGHT = 28;
+const SPARKLINE_PADDING = 2;
+
+/**
+ * @typedef {Object} OverviewActiveReviewItem
+ * @property {string} jobId
+ * @property {string} projectName
+ * @property {string} projectPath
+ * @property {'MR' | 'PR'} mrPrefix
+ * @property {number} mrNumber
+ * @property {string} mrUrl
+ * @property {string} elapsedLabel
+ * @property {'review' | 'followup'} jobType
+ */
+
+/**
+ * @typedef {Object} OverviewActiveReviewsSection
+ * @property {OverviewActiveReviewItem[]} items
+ * @property {boolean} isEmpty
+ * @property {string} emptyMessage
+ */
+
+/**
+ * @typedef {Object} OverviewProjectCardItem
+ * @property {string} projectName
+ * @property {string} projectPath
+ * @property {'gitlab' | 'github'} platform
+ * @property {number} totalReviews
+ * @property {string} averageScoreLabel
+ * @property {number[]} sparklinePoints
+ * @property {boolean} isEmptyHistory
+ */
+
+/**
+ * @typedef {Object} OverviewProjectCardsSection
+ * @property {OverviewProjectCardItem[]} items
+ * @property {boolean} isEmpty
+ * @property {string} emptyMessage
+ */
+
+/**
+ * @typedef {Object} OverviewRecentReviewItem
+ * @property {string} filename
+ * @property {string} projectName
+ * @property {'MR' | 'PR'} mrPrefix
+ * @property {string} mrNumber
+ * @property {string} title
+ * @property {string} mtime
+ */
+
+/**
+ * @typedef {Object} OverviewRecentReviewsFeedSection
+ * @property {OverviewRecentReviewItem[]} items
+ * @property {boolean} isEmpty
+ * @property {string} emptyMessage
+ */
+
+/**
+ * @typedef {Object} OverviewViewModel
+ * @property {OverviewActiveReviewsSection} activeReviews
+ * @property {OverviewProjectCardsSection} projectCards
+ * @property {OverviewRecentReviewsFeedSection} recentReviewsFeed
+ */
+
+/**
+ * @param {unknown} section
+ * @param {string} emptyMessage
+ * @returns {{ items: unknown[]; isEmpty: boolean; emptyMessage: string }}
+ */
+function sectionWithDefaults(section, emptyMessage) {
+  if (!section || typeof section !== 'object') {
+    return { items: [], isEmpty: true, emptyMessage };
+  }
+  const typed = /** @type {Record<string, unknown>} */ (section);
+  const items = Array.isArray(typed.items) ? typed.items : [];
+  const explicitMessage = typeof typed.emptyMessage === 'string' ? typed.emptyMessage : emptyMessage;
+  return {
+    items,
+    isEmpty: items.length === 0,
+    emptyMessage: explicitMessage,
+  };
+}
+
+/**
+ * Renders a vector-only sparkline. Returns '' when there is nothing to draw.
+ *
+ * @param {number[]} points
+ * @returns {string}
+ */
+export function renderSparklineSvg(points) {
+  if (!Array.isArray(points) || points.length === 0) return '';
+  const min = Math.min(...points);
+  const max = Math.max(...points);
+  const range = max - min || 1;
+  const usableWidth = SPARKLINE_WIDTH - SPARKLINE_PADDING * 2;
+  const usableHeight = SPARKLINE_HEIGHT - SPARKLINE_PADDING * 2;
+  const stepX = points.length === 1 ? 0 : usableWidth / (points.length - 1);
+  const coordinates = points
+    .map((value, index) => {
+      const x = SPARKLINE_PADDING + index * stepX;
+      const y = SPARKLINE_PADDING + usableHeight - ((value - min) / range) * usableHeight;
+      return `${x.toFixed(1)},${y.toFixed(1)}`;
+    })
+    .join(' ');
+  return `<svg class="overview-sparkline" viewBox="0 0 ${SPARKLINE_WIDTH} ${SPARKLINE_HEIGHT}" preserveAspectRatio="none" aria-hidden="true"><polyline fill="none" stroke="currentColor" stroke-width="1.5" points="${coordinates}" /></svg>`;
+}
+
+/**
+ * @param {OverviewActiveReviewItem} item
+ * @returns {string}
+ */
+function renderActiveReviewRow(item) {
+  return `
+    <li class="overview-active-row" data-job-id="${escapeHtml(item.jobId)}">
+      <span class="overview-status-dot" data-status="running"></span>
+      <span class="overview-active-project">${escapeHtml(item.projectName)}</span>
+      <a class="overview-active-mr" href="${escapeHtml(sanitizeHttpUrl(item.mrUrl))}" target="_blank" rel="noopener">${escapeHtml(item.mrPrefix)} #${escapeHtml(String(item.mrNumber))}</a>
+      <span class="overview-active-elapsed">${escapeHtml(item.elapsedLabel)}</span>
+    </li>
+  `.trim();
+}
+
+/**
+ * @param {OverviewActiveReviewsSection} section
+ * @returns {string}
+ */
+function renderActiveReviewsSection(section) {
+  const body = section.isEmpty
+    ? `<div class="overview-empty">${escapeHtml(section.emptyMessage)}</div>`
+    : `<ul class="overview-active-list">${section.items.map(renderActiveReviewRow).join('')}</ul>`;
+  return `
+    <section class="overview-panel" data-section="active">
+      <div class="overview-panel-title">// ACTIVE REVIEWS</div>
+      ${body}
+    </section>
+  `.trim();
+}
+
+/**
+ * @param {OverviewProjectCardItem} card
+ * @returns {string}
+ */
+function renderProjectCard(card) {
+  const sparkline = card.sparklinePoints.length === 0 ? '' : renderSparklineSvg(card.sparklinePoints);
+  return `
+    <button type="button" class="overview-project-card" data-project-path="${escapeHtml(card.projectPath)}">
+      <div class="overview-project-card-header">
+        <span class="overview-project-card-name">${escapeHtml(card.projectName)}</span>
+        <span class="overview-project-card-platform" data-platform="${escapeHtml(card.platform)}">${escapeHtml(card.platform)}</span>
+      </div>
+      <div class="overview-project-card-totals">
+        <span class="overview-project-card-count">${escapeHtml(String(card.totalReviews))} reviews</span>
+        <span class="overview-project-card-score">Score ${escapeHtml(card.averageScoreLabel)}</span>
+      </div>
+      <div class="overview-project-card-sparkline">${sparkline}</div>
+    </button>
+  `.trim();
+}
+
+/**
+ * @param {OverviewProjectCardsSection} section
+ * @returns {string}
+ */
+function renderProjectCardsSection(section) {
+  const body = section.isEmpty
+    ? `<div class="overview-empty">${escapeHtml(section.emptyMessage)}</div>`
+    : `<div class="overview-project-card-grid">${section.items.map(renderProjectCard).join('')}</div>`;
+  return `
+    <section class="overview-panel" data-section="projects">
+      <div class="overview-panel-title">// PROJECTS</div>
+      ${body}
+    </section>
+  `.trim();
+}
+
+/**
+ * @param {OverviewRecentReviewItem} item
+ * @returns {string}
+ */
+function renderRecentReviewRow(item) {
+  return `
+    <li class="overview-recent-row" data-filename="${escapeHtml(item.filename)}">
+      <span class="overview-recent-project">${escapeHtml(item.projectName)}</span>
+      <span class="overview-recent-mr">${escapeHtml(item.mrPrefix)} #${escapeHtml(item.mrNumber)}</span>
+      <span class="overview-recent-title">${escapeHtml(item.title)}</span>
+    </li>
+  `.trim();
+}
+
+/**
+ * @param {OverviewRecentReviewsFeedSection} section
+ * @returns {string}
+ */
+function renderRecentReviewsSection(section) {
+  const body = section.isEmpty
+    ? `<div class="overview-empty">${escapeHtml(section.emptyMessage)}</div>`
+    : `<ul class="overview-recent-list">${section.items.map(renderRecentReviewRow).join('')}</ul>`;
+  return `
+    <section class="overview-panel" data-section="recent">
+      <div class="overview-panel-title">// RECENT REVIEWS</div>
+      ${body}
+    </section>
+  `.trim();
+}
+
+/**
+ * Renders the overview HTML from a server-provided view-model.
+ * Tolerates missing sections by falling back to empty French defaults — the server
+ * is a boundary, so this guards against malformed payloads (deploys, partial fetches).
+ *
+ * @param {unknown} viewModel
+ * @returns {string}
+ */
+export function renderOverviewHtml(viewModel) {
+  const source = viewModel && typeof viewModel === 'object'
+    ? /** @type {Record<string, unknown>} */ (viewModel)
+    : {};
+  const activeReviews = /** @type {OverviewActiveReviewsSection} */ (
+    sectionWithDefaults(source.activeReviews, 'Aucune review en cours')
+  );
+  const projectCards = /** @type {OverviewProjectCardsSection} */ (
+    sectionWithDefaults(source.projectCards, 'Aucun projet configuré')
+  );
+  const recentReviewsFeed = /** @type {OverviewRecentReviewsFeedSection} */ (
+    sectionWithDefaults(source.recentReviewsFeed, 'Aucune review récente')
+  );
+  return `
+    <div class="overview-grid">
+      ${renderActiveReviewsSection(activeReviews)}
+      ${renderProjectCardsSection(projectCards)}
+      ${renderRecentReviewsSection(recentReviewsFeed)}
+    </div>
+  `.trim();
+}

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

@@ -0,0 +1 @@
+{"version":3,"file":"overview.js","sourceRoot":"","sources":["../../../src/dashboard/modules/overview.js"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,56 @@
+/**
+ * @typedef {Object} TabBarRepositoryInput
+ * @property {string} name
+ * @property {string} localPath
+ */
+/**
+ * @typedef {Object} TabBarBuildInput
+ * @property {TabBarRepositoryInput[]} repositories
+ * @property {string | null} activeTabId
+ */
+/**
+ * @typedef {Object} TabBarTabViewModel
+ * @property {string} id
+ * @property {string} label
+ * @property {boolean} isActive
+ */
+/**
+ * @typedef {Object} TabBarViewModel
+ * @property {TabBarTabViewModel[]} tabs
+ */
+/**
+ * @param {TabBarBuildInput} input
+ * @returns {TabBarViewModel}
+ */
+export function buildTabBarModel(input: TabBarBuildInput): TabBarViewModel;
+/**
+ * @param {TabBarViewModel} viewModel
+ * @returns {string}
+ */
+export function renderTabBarHtml(viewModel: TabBarViewModel): string;
+/**
+ * @returns {string | null}
+ */
+export function readActiveTab(): string | null;
+/**
+ * @param {string} tabId
+ * @returns {void}
+ */
+export function writeActiveTab(tabId: string): void;
+export type TabBarRepositoryInput = {
+    name: string;
+    localPath: string;
+};
+export type TabBarBuildInput = {
+    repositories: TabBarRepositoryInput[];
+    activeTabId: string | null;
+};
+export type TabBarTabViewModel = {
+    id: string;
+    label: string;
+    isActive: boolean;
+};
+export type TabBarViewModel = {
+    tabs: TabBarTabViewModel[];
+};
+//# sourceMappingURL=tabBar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tabBar.d.ts","sourceRoot":"","sources":["../../../src/dashboard/modules/tabBar.js"],"names":[],"mappings":"AAcA;;;;GAIG;AAEH;;;;GAIG;AAEH;;;;;GAKG;AAEH;;;GAGG;AAEH;;;GAGG;AACH,wCAHW,gBAAgB,GACd,eAAe,CAoB3B;AAED;;;GAGG;AACH,4CAHW,eAAe,GACb,MAAM,CAUlB;AAED;;GAEG;AACH,iCAFa,MAAM,GAAG,IAAI,CAQzB;AAED;;;GAGG;AACH,sCAHW,MAAM,GACJ,IAAI,CAQhB;;UAjFa,MAAM;eACN,MAAM;;;kBAKN,qBAAqB,EAAE;iBACvB,MAAM,GAAG,IAAI;;;QAKb,MAAM;WACN,MAAM;cACN,OAAO;;;UAKP,kBAAkB,EAAE"}