maximus/Simpl-Resultat
1
0
Fork 0
Code Issues 4 Pull requests Projects Releases 19 Packages Wiki Activity Actions

[#3] Rapport Faits saillants + transformation en hub #71

New issue
Closed
opened 2026-04-13 15:03:18 +00:00 by maximus · 0 comments
maximus commented 2026-04-13 15:03:18 +00:00
Owner
Copy link

Objectif

Implémenter le rapport faits saillants (solde mois courant, solde YTD, top mouvements, top transactions récentes) et transformer /reports en hub avec 4 cartes de navigation vers les sous-rapports.

Spec : spec-refonte-rapports.md
Dépend de #70

Tâches

Service

  • Implémenter reportService.getHighlights(from, to) — SQL strictement paramétré
  • Retourne : { netBalanceCurrent, netBalanceYtd, monthlyBalanceSeries, topMovers: { categoryId, categoryName, categoryColor, deltaAbs, deltaPct }[], topTransactions: Transaction[] }
  • Top movers : ORDER BY ABS(delta) DESC LIMIT N vs mois précédent
  • Top transactions : ORDER BY ABS(amount) DESC LIMIT 10 sur les 30 derniers jours (configurable 30/60/90)

Hook

  • Compléter src/hooks/useHighlights.ts avec reducer + fetch + loading/error

Tuiles du hub (plat dans src/components/reports/, préfixes)

  • HubNetBalanceTile.tsx — grande tuile chiffre + sparkline 12 mois, s'appuie sur Sparkline (créé en #69)
  • HubTopMoversTile.tsx — top 3 movers, bascule $ / %, couleurs de catégorie
  • HubTopTransactionsTile.tsx — liste condensée top 5
  • HubHighlightsPanel.tsx — compose les 3 tuiles, layout responsive
  • HubReportNavCard.tsx — tuile de navigation (icône + titre + description), menant à une sous-page

Refonte /reports en hub

  • Refondre src/pages/ReportsPage.tsx : retirer l'ancienne UI à tabs, afficher PageHeader + sélecteur période global (via useReportsPeriod) + HubHighlightsPanel + grille de 4 HubReportNavCard (Faits saillants, Tendances, Comparables, Analyse par catégorie)

Version détaillée /reports/highlights

  • Remplacer le placeholder de src/pages/ReportsHighlightsPage.tsx par la vue détaillée
  • HighlightsTopMoversTable.tsx — tableau triable (catégorie, précédent, courant, écart $, écart %)
  • HighlightsTopMoversChart.tsx — diverging bar chart horizontal centré sur 0, couleurs + patterns SVG via chartPatterns.tsx
  • HighlightsTopTransactionsList.tsx — liste détaillée 10–30 entrées, selector de fenêtre 30/60/90 jours
  • ViewModeToggle intégré, storage key reports-viewmode-highlights

i18n

  • Clés reports.highlights.* en FR et EN (netBalanceCurrent, netBalanceYtd, topMovers, topTransactions, variationAbs, variationPct, vsLastMonth, windowDays30/60/90, etc.)

Vérifications

  • /reports affiche le hub avec les faits saillants live + 4 cartes
  • /reports/highlights affiche la version détaillée
  • Toggle chart/table fonctionne sur la version détaillée
  • La période sélectionnée dans le hub est reflétée dans /reports/highlights via query string
  • npm run build + cargo check verts

Critères d'acceptation

  • /reports est le hub : panneau faits saillants + 4 cartes de navigation
  • /reports/highlights affiche la version détaillée
  • Les top movers affichent les bonnes variations vs mois précédent
  • Les top transactions sont bien les plus grosses des 30 derniers jours
  • Toggle chart/table persisté en localStorage par section
## Objectif Implémenter le rapport **faits saillants** (solde mois courant, solde YTD, top mouvements, top transactions récentes) **et** transformer `/reports` en **hub** avec 4 cartes de navigation vers les sous-rapports. Spec : `spec-refonte-rapports.md` Dépend de #70 ## Tâches ### Service - [ ] Implémenter `reportService.getHighlights(from, to)` — SQL strictement paramétré - [ ] Retourne : `{ netBalanceCurrent, netBalanceYtd, monthlyBalanceSeries, topMovers: { categoryId, categoryName, categoryColor, deltaAbs, deltaPct }[], topTransactions: Transaction[] }` - [ ] Top movers : `ORDER BY ABS(delta) DESC LIMIT N` vs mois précédent - [ ] Top transactions : `ORDER BY ABS(amount) DESC LIMIT 10` sur les 30 derniers jours (configurable 30/60/90) ### Hook - [ ] Compléter `src/hooks/useHighlights.ts` avec reducer + fetch + loading/error ### Tuiles du hub (plat dans `src/components/reports/`, préfixes) - [ ] `HubNetBalanceTile.tsx` — grande tuile chiffre + sparkline 12 mois, s'appuie sur `Sparkline` (créé en #69) - [ ] `HubTopMoversTile.tsx` — top 3 movers, bascule `$` / `%`, couleurs de catégorie - [ ] `HubTopTransactionsTile.tsx` — liste condensée top 5 - [ ] `HubHighlightsPanel.tsx` — compose les 3 tuiles, layout responsive - [ ] `HubReportNavCard.tsx` — tuile de navigation (icône + titre + description), menant à une sous-page ### Refonte `/reports` en hub - [ ] Refondre `src/pages/ReportsPage.tsx` : retirer l'ancienne UI à tabs, afficher `PageHeader` + sélecteur période global (via `useReportsPeriod`) + `HubHighlightsPanel` + grille de 4 `HubReportNavCard` (Faits saillants, Tendances, Comparables, Analyse par catégorie) ### Version détaillée `/reports/highlights` - [ ] Remplacer le placeholder de `src/pages/ReportsHighlightsPage.tsx` par la vue détaillée - [ ] `HighlightsTopMoversTable.tsx` — tableau triable (catégorie, précédent, courant, écart $, écart %) - [ ] `HighlightsTopMoversChart.tsx` — diverging bar chart horizontal centré sur 0, couleurs + patterns SVG via `chartPatterns.tsx` - [ ] `HighlightsTopTransactionsList.tsx` — liste détaillée 10–30 entrées, selector de fenêtre 30/60/90 jours - [ ] `ViewModeToggle` intégré, storage key `reports-viewmode-highlights` ### i18n - [ ] Clés `reports.highlights.*` en FR et EN (netBalanceCurrent, netBalanceYtd, topMovers, topTransactions, variationAbs, variationPct, vsLastMonth, windowDays30/60/90, etc.) ### Vérifications - [ ] `/reports` affiche le hub avec les faits saillants live + 4 cartes - [ ] `/reports/highlights` affiche la version détaillée - [ ] Toggle chart/table fonctionne sur la version détaillée - [ ] La période sélectionnée dans le hub est reflétée dans `/reports/highlights` via query string - [ ] `npm run build` + `cargo check` verts ## Critères d'acceptation - `/reports` est le hub : panneau faits saillants + 4 cartes de navigation - `/reports/highlights` affiche la version détaillée - Les top movers affichent les bonnes variations vs mois précédent - Les top transactions sont bien les plus grosses des 30 derniers jours - Toggle chart/table persisté en localStorage par section
maximus added this to the spec-refonte-rapports milestone 2026-04-13 15:03:18 +00:00
maximus added the
status:ready
type:feature
source:human
 labels 2026-04-13 15:03:18 +00:00
maximus added
status:approved
 and removed
status:ready
 labels 2026-04-14 18:48:45 +00:00
Sign in to join this conversation.
No Branch/Tag specified
Branches Tags
main
issue-67-feedback-widget
issue-97-cartes-page
issue-96-compare-refactor
issue-51-compte-maximus-oauth
issue-46-license-commands-entitlements
issue-48-gate-auto-updates
issue-47-license-ui-card
fix/simpl-resultat-54-argon2id-pin
fix/simpl-resultat-59-bump-vite
issue-43-update-picomatch
fix/simpl-resultat-41-category-time-report-filter
fix/simpl-resultat-31-dashboard-month-dropdown
fix/simpl-resultat-29-budget-visual-adjustments
fix/simpl-resultat-23-dashboard-category-ordering
fix/simpl-resultat-16-prev-year-budget
fix/simpl-resultat-19-tooltip-transparency
fix/simpl-resultat-17-remove-piechart-title
fix/simpl-resultat-16-budget-previous-year
v0.8.2
v0.8.1
v0.8.0
v0.7.4
v0.7.3
v0.7.2
v0.7.1
v0.7.0
v0.6.7
v0.6.6
v0.6.5
v0.6.4
v0.6.3
v0.6.2
v0.6.1
v0.6.0
v0.5.2
v0.5.0
v0.4.2
v0.4.0
v0.3.11
v0.3.10
v0.3.9
v0.3.8
v0.3.7
v0.3.6
v0.3.5
v0.3.4
v0.3.3
v0.3.2
v0.3.1
v0.3.0
v0.2.12
v0.2.11
v0.2.10
v0.2.9
v0.2.8
v0.2.7
v0.2.6
v0.2.5
v0.2.4
v0.2.3
v0.2.2
v0.2.1
v0.2.0
v0.1.2
v0.1.1
v0.1.0
Labels
Clear labels   
source:analyste

Créée par le Super-Analyste

  
source:defenseur

Créée par l Escouade Défenseur

  
source:human

Créée par un humain

  
source:medic

Créée par le Medic (auto-détection)

  
status:approved

PR approuvée, prête à merger

  
status:blocked

Bloquée (question, dépendance, clarification)

  
status:in-progress

Un agent (Medic/Dev) travaille dessus

  
status:needs-fix

Reviewer demande des corrections

  
status:ready

Analysée et documentée, prête à prendre

  
status:review

PR créée, en attente du Reviewer

  
status:triage

Nouvelle issue, pas encore analysée

  
type:bug

Correction de bug → Medic

  
type:feature

Nouvelle fonctionnalité → Dev

  
type:infra

Config, CI/CD, déploiement → Dev

  
type:refactor

Refactoring / amélioration technique → Dev

  
type:schema

Modèle de données / migrations → Dev

  
type:security

Issue de sécurité → Medic ou Dev

No labels
source:analyste
source:defenseur
source:human
source:medic
status:approved
status:blocked
status:in-progress
status:needs-fix
status:ready
status:review
status:triage
type:bug
type:feature
type:infra
type:refactor
type:schema
type:security
Milestone
Clear milestone
No items
No milestone
spec-refonte-rapports
Projects
Clear projects
No items
No project
Assignees
Clear assignees
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference: maximus/Simpl-Resultat#71
No description provided.
Delete branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?