---
suivi: 1048
date: 2026-07-29
sujet: Carte tâche — numéro #{id} + avatar créateur
chantier: taches_suivi
type: feature
statut: poussé
hash: 4d09a63f
fichiers:
  - resources/js/Components/TachesSuivi/TacheSuiviKanbanCard.vue
  - resources/js/Components/TachesSuivi/TacheSuiviListItem.vue
  - resources/js/Components/TachesSuivi/TacheSuiviPersonnesAvatars.vue
  - resources/js/Components/TachesSuivi/MesTachesOperationalListItem.vue
  - resources/css/mes-taches.css
  - database/data/journal_mises_a_jour_post_2026_06_12.php
  - docs/suivi/SUIVI_1048_carte_tache_numero_et_createur.md
  - public/build/
---

## PROMPT ENVOYÉ

SUIVI #1048 — UX cartes Mes tâches : afficher `#{id}` (id brut taches_suivi) et le
créateur (avatar) à gauche des assignés, distinct. Réutiliser TacheSuiviPersonnesAvatars.
Pas de migration / droits / DnD / Aktor. Commit distinct de #1047. Rebuild + journal.

## SYNTHÈSE

### Objectif A — Numéro
- Format `#123` = `tache.id` déjà présent dans `TacheSuiviPresenter::serializeListItem`
  et `serializeTaskRow` (ops). Aucun back ajouté.
- Affiché discret (`mt-task-num`) sur Kanban + liste suivi + liste opérationnelle.

### Objectif B — Créateur
- Payload déjà : `createur:id,name` via eager `createur:id,name` dans
  `MesTachesController` (et ProgrammeDashboard). **Aucun N+1** : 0 requête ajoutée.
- Composant réutilisé : `TacheSuiviPersonnesAvatars` (+ prop `titleRole`).
- Créateur à gauche, gap 8px, anneau navy ; tooltips `Créateur : …` / `Assigné(e) : …`.
- Créateur = assigné : **les deux avatars** (rôles distincts au survol) — assumé.
- Ops auto : **pas d’avatar créateur** (pas de `createur` fiable dans le payload Task).

### Hors scope préservé
DnD #1042, marqueur Aktor, reorder #1028, filtre programme #1047, Bilan, Aktor consol.

## DÉPLOIEMENT / TEST

1. `git pull origin main`
2. `find app/ -name "*.php" -exec touch {} +` (OPcache)
3. `php artisan optimize:clear` puis `php artisan view:clear`
4. `php artisan journal:sync`
5. Pas de migrate / npm / composer / optimize cache.
6. Vérifier Mes tâches : `#id`, créateur à gauche, Aktor 81/82/…, DnD OK, console vide.

## LEÇON

Avant d’enrichir le back pour un affichage UI, vérifier le presenter + eager déjà
présents : ici `id` et `createur` étaient déjà dans le payload — le lot reste front + CSS.