# Roadmap FlowDeck — Notion Clone

> **Vision**: Copie conforme de l'UI/UX Notion, intégrée à Gitea.
> **19 images de référence** dans `images/` — analysées le 2026-07-08.

## v0.2.0 ✅
Dashboard + Board Kanban + Gitea sync + Notes + Docker

## v0.3.0 — Auth & Multi-user ✅
- [x] OAuth2 Gitea (login via Gitea)
- [x] Token par utilisateur
- [x] CSRF protection
- [x] Rate limiting API
- [x] Webhooks Gitea

## v0.4.0 — Refonte UI Notion ✅
Architecture Notion-complète avec layout 3 zones (sidebar + topbar + contenu).

- [x] Analyse des 19 images de référence Notion
- [x] Layout Notion complet: sidebar gauche (240px) + topbar (44px) + contenu principal
- [x] Sidebar: Home, Recents, Favorites/Private, Library avec hiérarchie
- [x] Sidebar: hover states (fond #333, boutons `...` et `+` qui apparaissent)
- [x] Sidebar: menu contextuel (clic droit: Copy link, Duplicate, Rename, Move to, Delete, Open in new tab/side peek)
- [x] Sidebar: tooltips au survol, infobulles
- [x] Topbar: workspace info, titre page, statut Private/Shared
- [x] Topbar: icônes notifications, historique, recherche, Share, favori, menu `...`
- [x] Dark mode par défaut (#191919 fond, #222 sidebar, #333 actif, #FFF texte, #A0A0 texte sec.)
- [x] Typographie Inter, 12/14/28px, coins arrondis 4-6px
- [x] Navigation par onglets: Kanban board | Detailed board | Table view | Status overview | Team Load
- [x] Dashboard Notion-style avec liste projets + recherche HTMX
- [x] Design system CSS complet (31 KB, 700+ lignes)
- [x] Alpine.js state management (sidebar, context menu, filters, kanban)
- [x] SortableJS drag & drop initialisé sur colonnes Kanban

## v0.5.0 — Kanban Notion-Style 🚧
- [x] Colonnes: To-do (gris), In progress (bleu #3366CC), Complete (vert #00CC66)
- [x] Compteurs par colonne et par groupe
- [x] Sous-groupes rétractables (Design, Engineering, No Team)
- [x] Cartes: icône + titre + avatar assigné + tag catégorie + couleur fond selon statut
- [x] Drag & drop inter-colonnes + inter-groupes (SortableJS)
- [x] Bouton + New page dans chaque colonne/groupe
- [x] Bouton + New group
- [ ] Cartes détaillées: date échéance affichée
- [ ] Création d'issues depuis FlowDeck (UI + API)
- [ ] Édition inline (titre, description, labels, assignee)
- [ ] Commentaires Gitea dans la carte modale

## v0.6.0 — Vue Tableau
- [ ] Colonnes: Name (icônes), Status (select coloré), Assign, Deadline, Team, AI keywords
- [ ] Tri par colonne (clic en-tête)
- [ ] Lignes groupées par catégorie (Design, Engineering)
- [ ] Filtres intégrés par colonne

## v0.7.0 — Système de Filtres & Tri
- [ ] Filtres cumulables: logique AND, pastilles cliquables (UI faite)
- [ ] + Filter / Reset (UI faite)
- [ ] Filtre par statut: checkboxes multiples avec points colorés
- [ ] Filtre AI keywords: recherche + sélection multiple tags
- [ ] Tri multi-critères hiérarchique (jusqu'à N niveaux) — UI faite
- [ ] + Add sort / Delete sort — UI faite
- [ ] Options Ascending/Descending

## v0.8.0 — Vues Spéciales
- [ ] Status Overview: Donut chart SVG, segments colorés, compteurs, légende, pourcentages
- [ ] Team Load: Barres empilées verticales par personne (avatars), segments To-do/In progress/Complete
- [ ] Detailed Board: cartes avec toutes les propriétés visibles

## v0.9.0 — Backend Notion-Style
- [ ] Propriétés custom par projet (type Select, Multi-select, Date, Person, Text)
- [ ] AI keywords: suggestions automatiques de tags
- [ ] Gestion des groupes/sous-groupes dans les boards
- [ ] Sync complète Gitea ↔ FlowDeck (labels, milestones, assignees, dates)
- [ ] API pour toutes les vues (table, status overview, team load)

## v1.0.0 — Production
- [ ] UI identique à Notion (pixel-perfect)
- [ ] Toutes les vues fonctionnelles
- [ ] Tests ≥ 80% couverture
- [ ] CI/CD Gitea Actions
- [ ] Tag git v1.0.0