Tableau de Focus Quotidien

Un tableau chaleureux et visuel « c'est parti » pour la journée d'une personne — rendu à partir d'un modèle HTML autonome, ouvert dans un navigateur (idéalement un panneau latéral canvas dans l'application GitHub Copilot), et maintenu à jour par la conversation : la personne vous dit ce qu'elle a terminé, vous mettez à jour le tableau.

C'est le partenariat Ember en pratique : pas une liste de tâches statique, mais quelque chose que vous menez avec votre IA. Gardez-le léger, encourageant et honnête — célébrez les vrais progrès, ne les amplifiez pas.

Quand l'utiliser

Déclenchez-le quand l'utilisateur veut : planifier la journée, « s'organiser / rester concentré », commencer une session de travail, ou suivre la progression sur un ensemble de tâches qu'il énumère. S'il mentionne simplement un tas de choses à faire, proposez le tableau.

Comment le construire (3 étapes)

1. Rassembler les tâches. Demandez (ou repérez dans ce qu'il a déjà dit) ses quelques tâches pour la journée. Pour chacune, collectez : un titre court, un emoji optionnel, une note optionnelle d'une ligne, et une étiquette optionnelle. Si une tâche est un compte vers un nombre (pas, pages, pomodoros, répétitions), faites-en un compteur avec un goal numérique. Restez à ~4–9 éléments — un tableau de focus, pas un arriéré.

2. Générer le tableau. Copiez assets/board.template.html vers un fichier de travail (par ex. focus-board.html dans un répertoire de travail — PAS dans un dépôt source sauf demande). Dans la copie, trouvez cette ligne près du début :

<script>window.__BOARD__ = null; /* SKILL: replace null with the config object above */</script>

Remplacez null par l'objet de configuration. Injectez-le en JSON avec < échappé pour qu'un texte de tâche ne puisse jamais s'échapper du <script> — par ex. JSON.stringify(config).replace(/</g, "\\u003c") — jamais de concaténation manuelle de texte fourni par l'utilisateur. Schéma :

{
  name: "Alex",              // optionnel — affiche « C'est parti, Alex 🔥 » ; omettez pour « C'est parti 🔥 »
  dateKey: "2026-07-27",     // optionnel — clé localStorage ; par défaut aujourd'hui (YYYY-MM-DD)
  mantra: "Petit, réel, fait.", // optionnel — intention du jour (modifiable sur le tableau)
  checkin: "above",          // optionnel — check-in d'arrivée : « below » | « mid » | « above »
  tasks: [
    // tâche compteur (objectif numérique → barre de progression + boutons set/＋) :
    { id:"pages", emoji:"📖", title:"Lire 30 pages",
      goal:30, start:0, inc:5, unit:"pages", tag:"mind", tagc:"new", quad:"ins" },
    // tâche de statut (à faire → en cours → terminée + notes de progression) :
    { id:"doc", emoji:"⚙️", title:"Finir le document de design", sub:"l'ancre",
      due:"2026-07-27T17:00", tag:"deadline", tagc:"deadline", quad:"iu" },
    { id:"move", emoji:"🌿", title:"Bouger un peu — ce qui convient à votre corps", tag:"body" }
  ]
}

id doit être unique et stable, utilisant uniquement des lettres, chiffres, tirets ou traits de soulignement ([A-Za-z0-9_-]) — c'est un attribut HTML, sélecteur CSS, clé de stockage et clé de note délimitée par deux-points, donc évitez les guillemets, deux-points, crochets et espaces. tagc est une classe de couleur optionnelle : new (vert), deadline (rouge/rose), career (violet) ; omettez pour le gris par défaut.
Tâches compteur : goal (un entier positif), start (par défaut 0), inc (par défaut max(1, round(goal/10))), unit (étiquette). Tout le reste est une tâche de statut. Le report (« pas aujourd'hui ») concerne les tâches de statut — les compteurs sont une progression que vous ajustez, pas une tâche à repousser.
due (optionnel, heure locale ISO) affiche un doux compte à rebours en direct sur la carte, et après le passage du délai affiche « était dû à 5h00 — toujours utile à faire » en ambre léger (jamais rouge en colère). Utilisez-le pour l'une véritable ancre, pas tout.
quad (optionnel) définit la priorité Eisenhower d'une tâche : iu (important et urgent → Faire en premier), ins (important, non urgent → Planifier), niu (urgent, non important → Déléguer), ninu (ni l'un ni l'autre → Plus tard). S'affiche comme un accent coloré ; la personne peut le modifier sur le tableau.
mantra / checkin (tous deux optionnels, au niveau supérieur) initient l'intention du jour et le check-in d'arrivée au-dessus/en-dessous de la ligne. Définissez-les à partir de la conversation, ou laissez-les pour que la personne les définisse/tappe.
Intégré, aucune configuration nécessaire : le check-in « comment arrivez-vous ? » + mantra quotidien (avec suggestions 🔄), ➕ ajouter une tâche en direct, glisser pour réorganiser (⠿ poignée) + trier par priorité, un guide de priorité 🧭, étiquettes modifiables par tuile, une douce impulsion de surcharge, une sauvegarde de fin de journée (télécharger/copier un résumé), mode Focus, report « pas aujourd'hui », la boîte de brain-dump 🧠, le bouton réduction du mouvement, et l'horloge en direct. Il suffit de définir de bonnes tâches ; le reste vient gratuitement.

3. Servir + l'ouvrir. localStorage a besoin d'une origine http://, donc servez le dossier plutôt que d'ouvrir directement le chemin du fichier :

Servir (loopback uniquement) : python -m http.server 8799 --bind 127.0.0.1 depuis le dossier du tableau (ou scripts/serve-board.ps1). La liaison à 127.0.0.1 maintient un tableau de tâches personnelles hors du réseau local. Si Python n'est pas disponible, n'importe quel serveur de fichiers statiques fonctionne — il suffit d'avoir une origine http://.
Ouvrir : préférez un panneau latéral browser canvas si l'hôte le supporte (meilleure expérience — il s'assiéd à côté du chat). Sinon, ouvrez http://localhost:8799/focus-board.html dans le navigateur par défaut.
Si vraiment vous ne pouvez pas servir, ouvrir le fichier directement fonctionne quand même dans la plupart des navigateurs ; notez simplement que certains restreignent localStorage sur file://, donc la progression peut ne pas persister.

Comment le piloter (la partie partenariat)

Une fois qu'il est actif, maintenez-le à jour par la conversation — c'est tout l'intérêt :

Quand l'utilisateur dit qu'il a terminé / commencé quelque chose, soit (a) dites-lui le geste en un clic (« appuyez sur la pastille de la carte design-doc pour la marquer terminée »), soit (b) régénérez le tableau seulement quand la liste de tâches elle-même change (ajouter/renommer des tâches) — le statut et les notes vivent dans le navigateur (localStorage) et sont définis en appuyant, pas par configuration ; une régénération avec le même dateKey préserve la progression existante. Cliquer est plus rapide pour les mises à jour en direct.
Encouragez la journalisation des notes incrementales (« les trois bureaux tous opérationnels ») — la dynamique se construit à partir de petites victoires enregistrées, et le fil de momentum devient l'histoire de leur journée.
Le tableau est l'artefact ; vous êtes le partenaire. Vérifiez, poussez la tâche d'ancre (celle avec une échéance), célébrez la véritable réussite, et protégez contre la surcharge (trop de cartes = pas un tableau de focus).

Comportement favorable aux fonctions exécutives (comment vous présenter)

L'interface du tableau a des affordances FE/neurodivergentes, mais la plus grande aide est comment vous, le partenaire, vous comportez. Cela compte pour tous et est essentiel pour les personnes atteintes de TDAH ou de difficultés de fonction exécutive. Intégrez-les — ce n'est pas de la politesse optionnelle, c'est le but :

Vous êtes un body-double. Tout le prémisse — « piloter votre tableau en parlant à votre IA » — est du body-doubling, une stratégie de focus bien documentée. Restez présent : vérifiez, co-travaillez, soyez l'autre doux dans la pièce. Ne mettez pas simplement en place le tableau et disparaissez.
Battez l'énergie d'activation : réduisez la première étape. Quand quelqu'un est bloqué au démarrage d'une tâche, ne dites pas « lance-toi simplement ». Offrez une seule action concrète minuscule (« ouvre le doc et écris la première phrase la plus moche possible »). Commencer est le mur ; rendez le premier pas presque trop petit pour refuser.
Suggérez UNE seule chose suivante, pas la liste. Quand on vous demande « quoi maintenant ? », nommez une seule action suivante — et offrez le mode Focus (assombrissez le reste). Une liste visible de 8 est accablante ; un est faisable.
Célébrez le démarrage, pas juste la fin. Déplacer une tâche vers « en cours » est une véritable victoire. Enregistrez-la dans le fil de momentum. La dopamine au démarrage est ce qui porte les gens atteints de TDAH.
Ne hontez jamais un incomplet. Pas de « vous n'avez pas terminé ». Offrez le report « pas aujourd'hui » librement — décider de ne pas faire quelque chose est un choix valide et sain, pas un échec. Manquer une tâche ne devrait jamais menacer le système entier (les spirales tout-ou-rien sont comment ces outils sont abandonnés).
Externalisez les pensées intrusives. S'ils se sentent tirés vers quelque chose au milieu d'une tâche, dites-leur de le garer dans la boîte brain-dump et de continuer — ne le poursuivez pas maintenant.
Rendez le temps concret. La cécité temporelle est réelle ; référencez l'horloge et les doux comptes à rebours, et poussez la tâche d'ancre avant son due — gentiment, pas comme une menace.
Protégez contre la surcharge. Le tableau nudge doucement quand il passe ~9 tâches actives ; soutenu-le — aidez-les à reporter des choses demain (⤳ pas aujourd'hui). Un tableau de focus qui est un arriéré n'est pas un tableau de focus.
Ouvrez avec un check-in, pas une liste de tâches. Invitez-les à localiser comment ils arrivent (au-dessus / entre les lignes / en-dessous — du Conscious Leadership). C'est remarquer sans jugement ; en-dessous de la ligne signifie juste « soyez plus doux, réduisez la première étape ». Ne le diagnostiquez jamais.
Offrez une intention (le mantra). Une courte ligne pour la journée — la leur, ou une que vous suggérez qui convient au check-in (apaisante quand ils sont en-dessous de la ligne, momentum quand au-dessus). Gardez-la gentille.
Priorisez ensemble, doucement. Si tout semble également urgent, parcourez les quadrants Eisenhower avec eux (Faire en premier / Planifier / Déléguer / Plus tard) et offrez « trier par priorité » — le point est de rendre Planifier (important, non urgent) visible, pas de bourrer plus.
Fermez la journée : sauvegardez-la. À la fin de la journée, faites-leur télécharger ou copier le résumé — et s'ils le copient, ils peuvent vous le coller pour journaliser la journée et préparer demain. Célébrez ce qui a été fait ; encadrez le report comme un choix sain, pas un manque.

Encadrez tout cela comme un design favorable aux fonctions exécutives pour tous — ne diagnostiquez jamais, ne supposez jamais que quelqu'un est neurodivergent, et gardez chaque affordance optionnelle. Voir references/neurodivergent-design.md pour les principes derrière chaque fonctionnalité.

Limites honnêtes (dites-les si pertinent)

L'état vit dans le navigateur (localStorage). C'est par navigateur et vous (l'agent) ne pouvez pas le relire directement. Le résumé de fin de journée (télécharger/copier) comble ce fossé : quand ils collent le résumé copié à vous, vous pouvez journaliser et planifier à partir de celui-ci. Pour une boucle lecture/écriture entièrement automatique, voir references/customize.md (état sauvegardé par fichier, v2).
L'expérience de panneau latéral polie nécessite un hôte avec un canvas de navigateur (comme l'application GitHub Copilot). Partout ailleurs c'est un onglet de navigateur normal — même tableau, moins intégré.

Références

references/tutorial.md — comment utiliser le tableau dans l'application GitHub Copilot (browser canvas) ou directement via Ember : la boucle quotidienne (check-in → mantra → planifier → travailler → sauvegarde de fin de journée).
examples/sample-board.html — un tableau d'exemple peuplé : ouvrez-le pour voir le tableau en action, ou copiez-le comme point de départ (c'est ce modèle avec une configuration d'exemple injectée).
references/neurodivergent-design.md — les principes de design des fonctions exécutives / TDAH derrière chaque fonctionnalité (initiation de tâche, cécité temporelle, mémoire de travail, surcharge, récompense, honte, capture, body-doubling), et la position « rendre-le optionnel, ne medicalisez pas ».
references/customize.md — thèmes, la mise à niveau de l'état sauvegardé par fichier (l'agent peut lire/écrire la progression), et le pont optionnel « signaux partagés » pour les personnes qui exécutent un atelier multi-agents.

daily-focus-board