ladd-screenshot — Comparaison ancien vs nouveau (alpha.12.0)

1 Login page PARITÉ ~95%

Box centered dark, h2 + subtitle FR, 2 inputs avec placeholders FR, bouton "Se connecter" bleu pleine largeur.

.sidebar 260px = .sidebar-header (h1 + ws-status dot + last-updated) + .sidebar-kanban + nav groups + .sidebar-footer (user/logout).

Header : h1 + ws-status dot rouge (disconnected) + timestamp last-updated
.sidebar-kanban button + nav-groups (titres uppercase muted)
.sidebar-footer pinned bottom avec user-info + Déconnexion (Bug 1 fixed ✓)
Nouveau : section PROJECTS first-class (multi-projets supportés, voir D2 ADR-004)
Nouveau : 2 badges par target (captures + remarks counts) vs 1 badge ancien
Labels : ancien FRONT / EN / COMMON vs nouveau COMMON (groups simplifiés)

Click target /en (legacy) ou homepage (alpha) → comparison-headers OLD / NEW, toolbar 6 view modes, zoom controls.

Resolution-bar (1920px / 1440px / 1024px / 768px / 375px) en haut à gauche
Toolbar 6 modes : Side by Side / Slider / Overlay / Diff / History / Last
Zoom-controls (− / % / + / Reset / ↔ / ↕ / Auto)
Annotation : + Remark + eye toggle vert + Sync indicator
comparison-headers OLD (bg rgba(255,107,107,0.15)) | NEW (bg rgba(81,207,102,0.15))
Default mode : ancien Last vs nouveau Side by Side (alignement à décider)

Modal centered avec backdrop dark + 2-pane (image extract avec highlight-rect glow + discussion 420px). Replace le side-rail KO de alpha.10.1.

Backdrop rgba(0,0,0,0.85) z-index 2000
.context-content centered max 90vw/90vh bg #222 radius 12px
.context-header : remark-number rond #ff6b6b + author + date + close ×
.context-body 2-pane : .context-main (image + .highlight-rect glow #ff6b6b box-shadow) | .context-discussion 420px
Discussion : remark-original avec border-left bleu + COMMENTAIRES separator + comment-item bg #2a2a2a
Footer : textarea + Send/Envoyer + status-select bg vert (resolved)
i18n drift fixé : ancien mélange COMMENTS/Send/Delete EN ↔ nouveau cohérent FR COMMENTAIRES/Envoyer
Date format : ancien 1/9/2026 vs nouveau 09 janv. 2026, 15:15 (locale FR explicite)

Click sur close-btn × → popup unmount, retour au compare-view sous-jacent.

.context-overlay retiré du DOM
Retour à l'état précédent (target sélectionné, compare-view ou kanban)
Méthodes de fermeture : × button | ESC | click backdrop (les 3 supportées des 2 côtés)

Click bouton Kanban → vue 4 colonnes À TRAITER / BLOQUÉ / À VALIDER / RÉSOLU avec underline color + count badge per status.

4 colonnes labels FR : À TRAITER / BLOQUÉ / À VALIDER / RÉSOLU
Underline color verbatim : #4dabf7 / #ff6b6b / #ffa94d / #51cf66
Count badge bg = underline color + fg #fff (pending+resolved = fg #000 sur background clair)
Cards : ancien Kanban prod montre 0/0/0/0 (legacy fetch /api/remarks?target=X scoped) ; nouveau montre tous les remarks du projet

Click card Kanban → ouvre exactement le même .context-overlay modal (pas un side-rail séparé). Cohérence cross-views.

Click .sidebar-tab toggle → .sidebar.collapsed icons-only.