Project

General

Profile

Actions

Feature #1265

open
RA

Feature #1262: Onboarding premier utilisateur : wizard d'amorçage + profilage progressif + visite guidée

Frontend — Widget GettingStartedChecklist « Premiers pas » (deep-links, auto-complétion par événements métier, réordonnancement par rôle)

Feature #1265: Frontend — Widget GettingStartedChecklist « Premiers pas » (deep-links, auto-complétion par événements métier, réordonnancement par rôle)

Added by Redmine Admin about 1 month ago. Updated about 1 month ago.

Status:
Preprod
Priority:
Normal
Assignee:
-
Start date:
06/30/2026
Due date:
% Done:

0%

Estimated time:
spec_ref:
build_status:
build_number:
ci_run_url:
scan_status:
scan_report_url:
deploy_status:
preprod_url:
deployed_at:
branch:
pr_url:
security_key:
severity:
paused:

Description

Widget de tableau de bord persistant, réductible, masquable, JAMAIS bloquant. Barre X/7. Chaque item est un deep-link et expose un hook pour déclencher le tutoriel de la page cible (tutoriels de page hors périmètre). Ordre adaptable selon le rôle (étape 1 du wizard, lu depuis `onboardingState.role`). État via GET/PATCH /onboarding/:workspaceId (champ `checklist`).

Composant (§7) : GettingStartedChecklist.

COPY FR DÉFINITIVE (§3) :
— En-tête. Titre : « Premiers pas sur Scobby ». Sous-titre : « Quelques actions pour prendre Scobby en main. Faites-les à votre rythme. ».
— Items (deep-links) : 1 « Compléter le profil de votre structure » (profil structure) ; 2 « Créer votre première salle et sa jauge » (/Settings › Salles) ; 3 « Créer votre premier événement » (/Events) ; 4 « Ajouter un artiste » (/Artists) ; 5 « Configurer un modèle de deal » (/Settings › Modèles de deals) ; 6 « Importer une première facture » (/GestionFactures) ; 7 « Inviter un collaborateur » (/Settings › Utilisateurs).

Comportement clé (§8) : la checklist se met à jour AUSSI par événements métier — créer un événement coche l'item 3, ajouter un artiste coche l'item 4, etc. Brancher sur les mutations/listes existantes (TanStack Query) ou un calcul dérivé de l'état métier de l'espace, puis PATCH du champ `checklist`. Le widget disparaît une fois 7/7 OU via « Ne plus afficher ». Deep-links via `createPageUrl`.

Dépend de : Backend OnboardingState (#1).

## Critères d'acceptation
- Affiche la copy FR exacte (en-tête + 7 items) et une barre X/7.
- Chaque item est un deep-link fonctionnel (`createPageUrl`) vers la page indiquée + expose un hook pour le tutoriel de page (déclenchement effectif hors périmètre).
- Items cochés par action utilisateur ET automatiquement par événement métier (item 3 à la création d'un événement, item 4 à l'ajout d'un artiste, etc.) ; persistance via PATCH `checklist`.
- Ordre réordonné selon `onboardingState.role`.
- Réductible et masquable, jamais bloquant ; disparaît à 7/7 ou via « Ne plus afficher » (persisté serveur).
- Design cohérent (rounded-xl, accent orange) ; a11y de base (items focusables/annoncés).
- lint + typecheck + tests frontend verts.

RA Updated by Redmine Admin about 1 month ago Actions #1

  • Status changed from Submitted to Preprod
Actions

Also available in: PDF Atom