feat: Refonte UI Notion-complete — sidebar, topbar, multi-vues, dark mode

- Layout 3 zones (sidebar 240px + topbar 44px + contenu)
- Sidebar: sections hiérarchiques, hover states, menu contextuel
- CSS design system Notion: #191919/#222/#333, Inter, coins 4-6px
- Vues: Kanban (groupes+colonnes), Dashboard Notion-style
- Templates: base.html refondu, card.html partial, board.html v2
- Backend: données sidebar + board Notion (groups/cards)
- Docs: ROADMAP v0.4→v1.0, WORKLOAD.md, README
- Backward compatible: conserve _issue_column pour api.py
- Images de référence + resized (analyse 2026-07-08)

ROADMAP.md

@@ -1,51 +1,73 @@
-# Roadmap FlowDeck
+# 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 ✅ (actuel)
 Dashboard + Board Kanban + Gitea sync + Notes + Docker
 
-## v0.3.0 — Auth & Multi-user
-- [ ] OAuth2 Gitea (login via Gitea)
-- [ ] Token par utilisateur (plus sécurisé)
-- [ ] Permissions basées sur droits Gitea
-- [ ] CSRF protection
-- [ ] Rate limiting API
+## 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 — Webhooks & Temps réel
-- [ ] Webhooks Gitea (issues, comments, PR)
-- [ ] Sync temps réel sans polling
-- [ ] Background tasks (sync périodique)
+## v0.4.0 — 🚧 Refonte UI Notion (EN COURS)
+Architecture Notion-complète avec layout 3 zones (sidebar + topbar + contenu).
 
-## v0.5.0 — Cartes enrichies
-- [ ] Vue détail carte (modal) : description, labels, assignee, milestone, commentaires
-- [ ] Checklists / sous-tâches
-- [ ] Création d'issues depuis FlowDeck
-- [ ] Édition inline (titre, description, labels, assignee)
-- [ ] Commentaires Gitea dans la carte
+- [x] Analyse des 19 images de référence Notion
+- [ ] Layout Notion complet: sidebar gauche + topbar + contenu principal
+- [ ] Sidebar: Home, Recents, Favorites, Library, Private avec hiérarchie
+- [ ] Sidebar: hover states (fond #333, boutons ... et +)
+- [ ] Sidebar: menu contextuel (clic droit: Rename, Duplicate, Delete, Copy link)
+- [ ] Sidebar: tooltips au survol, infobulles
+- [ ] Topbar: workspace info, titre page, statut Private/Shared
+- [ ] Topbar: icônes notifications, historique, recherche, Share, favori, menu
+- [ ] Dark mode par défaut (#191919 fond, #222 sidebar, #333 actif, #FFF texte, #A0A0 text sec.)
+- [ ] Typographie Inter, 12/14/28px, coins arrondis 4-6px
+- [ ] Navigation par onglets: Kanban board | Detailed board | Table view | Status overview | Team Load
 
-## v0.6.0 — Vues additionnelles
-- [ ] Vue Liste (table triable)
-- [ ] Vue Calendrier (échéances, milestones)
-- [ ] Vue Timeline / Roadmap
-- [ ] Vue Sprint / Backlog
+## v0.5.0 — Kanban Notion-Style
+- [ ] Colonnes: To-do (gris), In progress (bleu #3366CC), Complete (vert #00CC66)
+- [ ] Compteurs par colonne et par groupe
+- [ ] Sous-groupes rétractables (Design, Engineering, No Team)
+- [ ] Cartes: icône + titre + avatar assigné + couleur de fond selon statut
+- [ ] Cartes détaillées: titre, icône, assigné (avatar+nom), tag catégorie, date échéance
+- [ ] Drag & drop inter-colonnes + inter-groupes
+- [ ] Bouton + New page dans chaque colonne/groupe
+- [ ] Bouton + New group
 
-## v0.7.0 — Analytics
-- [ ] Dashboard analytics : burndown chart, vélocité
-- [ ] Cartes par statut, en retard
-- [ ] Activité récente
+## 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.8.0 — Multi-instance & Export
-- [ ] Multi-instance Gitea
-- [ ] Export board (JSON/CSV/Markdown)
-- [ ] i18n (EN)
-- [ ] Raccourcis clavier
+## v0.7.0 — Système de Filtres & Tri
+- [ ] Filtres cumulables: logique AND, pastilles cliquables
+- [ ] + Filter / Reset
+- [ ] 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)
+- [ ] + Add sort / Delete sort
+- [ ] Options Ascending/Descending
 
-## v0.9.0 — Infra & Qualité
-- [ ] Migrations BDD (Alembic)
-- [ ] Support PostgreSQL optionnel
-- [ ] Logging structuré (loguru)
-- [ ] Tests ≥ 70% couverture
+## v0.8.0 — Vues Spéciales
+- [ ] Status Overview: Donut chart, 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
-
-## v1.0.0
-- [ ] Production ready
 - [ ] Tag git v1.0.0