Refonte page GitLab — Vue par projet

Date : 17/02/2026 Status : EN ATTENTE Scope : Backend (monitoring) + Frontend (dashboard-33800-frontend)

Objectif

Remplacer les 2 sections "Pipelines" et "Recent Deploys" par une seule liste de TOUS les projets GitLab, triée par déploiement le plus récent, avec lien vers GitLab.

La section "Builds en cours" (running pipelines avec progress bars) reste inchangée en haut.

Changements

Backend — collectors/gitlab.ts

Nouveau collecteur collectProjects() :

• Fetch tous les projets (GET /projects?per_page=100)
• Pour chaque projet (top 30 par activité) :
  • 1 dernière pipeline (/pipelines?per_page=1)
  • 1 dernier déploiement (/deployments?per_page=1)
• Retourne par projet : nom, web_url, dernière pipeline (id, ref, status, date, duration, webUrl), dernier deploy (env, status, date)
• Tri : projets avec deploy récent en premier, puis par date dernière pipeline, puis sans pipeline en dernier

Backend — routes/gitlab.ts

Nouvel endpoint : GET /api/gitlab/projects (cache 60s)

Frontend — lib/types.ts

Nouveau type GitlabProject :

export interface GitlabProject {
  name: string;           // path_with_namespace (ex: gouroubleu/connectors-api)
  webUrl: string;         // URL projet GitLab
  lastPipeline: {
    id: number;
    ref: string;
    status: string;
    createdAt: string;
    duration: number | null;
    webUrl: string;        // Lien direct vers la pipeline
  } | null;
  lastDeploy: {
    environment: string;
    status: string;
    createdAt: string;
  } | null;
}

Frontend — lib/api.ts

Nouveau : gitlabProjects: () => fetchApi('/api/gitlab/projects')

Frontend — routes/gitlab/index.tsx

• Section "Builds en cours" : INCHANGEE
• Suppression sections "Pipelines" et "Recent Deploys"
• Nouvelle section unique : table de tous les projets
  • Colonnes desktop : Projet (lien GitLab), Branche, Pipeline (status badge + lien log), Deploy (env + status + date)
  • Mobile : cards compactes
  • Lien icone vers la pipeline GitLab (webUrl) sur chaque ligne

Ce qui ne change PAS

• collectPipelines(), collectDeploys(), collectRunningPipelines() : conservés (utilisés potentiellement ailleurs + pour running)
• Routes existantes : conservées
• Section "Builds en cours" : identique

Nombre d'appels API GitLab

Actuel : ~65 appels (20 projets × 3 pipelines + 15 projets × 2 deploys) Nouveau : ~60 appels (30 projets × 1 pipeline + 30 projets × 1 deploy) → Comparable, avec cache 60s

Fichiers modifiés

1. monitoring/backend/src/collectors/gitlab.ts — ajout collectProjects()
2. monitoring/backend/src/routes/gitlab.ts — ajout route /projects
3. dashboard-33800-frontend/src/lib/types.ts — ajout GitlabProject
4. dashboard-33800-frontend/src/lib/api.ts — ajout gitlabProjects()
5. dashboard-33800-frontend/src/routes/gitlab/index.tsx — refonte affichage