Feature #1316
openFeature #1312: [EPIC] Tutoriel guidé GetYourJob — visite interactive "Take a tour" post-setup profil
Tutoriel — Page résultats match-offers (meilleur match, analyse IA, 9 étapes)
0%
Description
Tour @match-offers@ sur @src/app/profile/developer/match-offers/page.tsx@. Se déclenche quand des résultats de matching sont affichés (après le premier matching terminé — enchaîne derrière le tour matching-config). Cible principale = la carte du *meilleur match* (première @MatchedOfferCard@).
h2. Étapes
# *Company insight / fiche entreprise* — spotlight sur @CompanyEnrichmentCard@ de la meilleure carte : ouvrir le dropdown/insight et montrer le lien "Voir la fiche entreprise" (lien /companies/<slug>) : "pour en savoir plus sur l'entreprise, le recruteur…". *Handoff* : si l'utilisateur clique et va sur la fiche entreprise, à son retour sur match-offers il reprend à l'étape 2.
# *Sauvegarder l'offre + lettre de motivation* — spotlight sur @SaveOfferButton@ puis @CoverLetterButton@ de la carte (montrer la sauvegarde, expliquer la génération de lettre de motivation).
# *Générer un plan d'action* — spotlight sur @ActionPlanChecklist@ : expliquer que ça génère un plan d'action pour postuler à cette offre, avec prompts et aide sur chaque tâche.
# *Chip salaire/TJM* — spotlight sur @MarketBandChip@ : salaire/TJM moyen calculé pour l'offre, et mention "en dessous du marché" / "au-dessus du marché".
# *Sauvegarder le plan d'action + "Mes plans d'action"* — montrer la sauvegarde du plan, puis spotlight sur l'entrée sidebar "Mes plans d'action" (@CandidateSidebarLayout@, lien /action-plans).
# *Analyse & recommandation IA* — spotlight sur le teaser "Voir l'analyse IA →" de la carte ; @advanceOn: 'click-target'@ → ouvre @OfferMatchDetail@ (panel plein écran).
# *Comment l'offre est scorée* — dans @OfferMatchDetail@ : spotlight sur @ScoreRing@ + breakdown des sous-scores.
# *Points forts, points d'attention, suggestions d'entretien, conclusion* — spotlight successifs (ou groupé) sur les sections @keyStrengths@, @potentialConcerns@, suggestions d'entretien, conclusion (@overallComment@).
# *Lettre de motivation depuis l'analyse + sauvegarde* — spotlight sur @CoverLetterButton@ dans le panel, puis sur @SaveOfferButton@ (montrer la sauvegarde). Fin du tour.
h2. Implémentation
* @data-tour@ : @match-company-insight@, @match-company-link@, @match-save@, @match-cover-letter@, @match-action-plan@, @match-market-chip@, @sidebar-action-plans@, @match-analysis-teaser@, @detail-score@, @detail-strengths@, @detail-concerns@, @detail-interview@, @detail-conclusion@, @detail-cover-letter@, @detail-save@.
* Les cibles sont dans la PREMIÈRE carte de résultats uniquement (meilleur match) — poser les attributs conditionnellement (prop @isTourTarget@ ou index 0).
* Le tour doit survivre à l'ouverture/fermeture du panel @OfferMatchDetail@ (overlay au-dessus, re-mesure des cibles).
* Copies FR/EN dans @tour.matchOffers.*@.
RA Updated by Redmine Admin 28 days ago
- Status changed from Submitted to QA
Mergé dans dev via PR #420 (151828d5). Tour match-offers 14 étapes smoke-testé OK, y compris continuation dans le panel OfferMatchDetail et pause/reprise (voir #1312).
RA Updated by Redmine Admin 12 days ago
- Status changed from QA to Preprod
Déployé sur preprod via PR #440 (inclut PR #420 tutoriel). Validable sur https://preprod.getyourjob.pro → statut Preprod.