From 9157b1603897ef0e35fcc42a14a6fb866b57ea6a Mon Sep 17 00:00:00 2001
From: william <you@example.com>
Date: Sat, 29 Aug 2026 08:08:55 +0200
Subject: [PATCH] =?UTF-8?q?Refonte=20design=20system=20=E2=80=94=20Phase?=
 =?UTF-8?q?=20C=20:=20en-t=C3=AAte=20de=20page=20(accueil,=20tableau=20de?=
 =?UTF-8?q?=20bord)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- index.html ("Mes jeux") : le <h1> nu est remplacé par l'en-tête de page
  compact du §5 (.dashPanelHeader, déjà utilisé ailleurs pour ce
  patron) — titre + badge du nombre de jeux (.forge-badge) sur une seule
  ligne. Pas de second CTA : le formulaire de création reste dans sa
  colonne dédiée, un bouton de plus ferait doublon.
- game_dashboard.html : ajout du même en-tête, absent jusqu'ici (la page
  démarrait directement sur la barre d'onglets) — nom du jeu + chemin du
  dossier, pour savoir sur quel jeu on se trouve sans avoir à regarder
  l'URL.
- styles/forge-custom.scss : .content-objectEdit > h1/.hint/form/
  .warningBanner (règle qui fige la hauteur des enfants directs non
  extensibles dans la mise en page flex de l'accueil) étendue à
  .dashPanelHeader, qui remplace maintenant le <h1> direct.
- profile.html : déjà conforme (rayons de boîte/bouton, danger tokenisé)
  depuis le passage global des tokens en Phase A — aucun changement
  supplémentaire nécessaire.

197 tests toujours verts ; vérification ciblée (fixture jetable, supprimée
ensuite) confirmant l'en-tête et le JS du tableau de bord.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
---
 static/style.css              | 2 +-
 styles/forge-custom.scss      | 2 +-
 templates/game_dashboard.html | 5 +++++
 templates/index.html          | 5 ++++-
 4 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/static/style.css b/static/style.css
index 16285fb8..60620bf1 100644
--- a/static/style.css
+++ b/static/style.css
@@ -12411,7 +12411,7 @@ body.objectEditBody > main.content {
   min-height: 0;
 }
 
-.content-objectEdit > h1, .content-objectEdit > .hint, .content-objectEdit > form, .content-objectEdit > .warningBanner {
+.content-objectEdit > h1, .content-objectEdit > .dashPanelHeader, .content-objectEdit > .hint, .content-objectEdit > form, .content-objectEdit > .warningBanner {
   flex: 0 0 auto;
 }
 
diff --git a/styles/forge-custom.scss b/styles/forge-custom.scss
index 00e4839b..16644ee9 100644
--- a/styles/forge-custom.scss
+++ b/styles/forge-custom.scss
@@ -130,7 +130,7 @@ body.objectEditBody > #pageChrome{ flex:0 0 auto; }
 body.objectEditBody > main.content{ flex:1 1 auto; min-height:0; overflow:hidden; display:flex; flex-direction:column; }
 
 .content-objectEdit{ width:100%; display:flex; flex-direction:column; min-height:0; }
-.content-objectEdit > h1, .content-objectEdit > .hint, .content-objectEdit > form, .content-objectEdit > .warningBanner{ flex:0 0 auto; }
+.content-objectEdit > h1, .content-objectEdit > .dashPanelHeader, .content-objectEdit > .hint, .content-objectEdit > form, .content-objectEdit > .warningBanner{ flex:0 0 auto; }
 
 /* Un <form> qui doit envelopper les DEUX colonnes à la fois (un seul
    formulaire soumis ensemble, ex. object_form.html : nom de l'objet à
diff --git a/templates/game_dashboard.html b/templates/game_dashboard.html
index b4b3842c..545abb84 100644
--- a/templates/game_dashboard.html
+++ b/templates/game_dashboard.html
@@ -3,6 +3,11 @@
 {% block content_class %}content-wide{% endblock %}
 {% block content %}
 
+<div class="dashPanelHeader">
+  <h2 class="title is-4 mb-0">{{ game.name }}</h2>
+  <span class="hint">projects/{{ game.slug }}/</span>
+</div>
+
 <!-- Une seule fenêtre, un onglet par catégorie (même principe que les
      onglets "Écran / Logique / Timeline" de l'éditeur d'écran, voir
      .builderTabs/.builderTabBtn/.builderTabPanel dans style.css) — pour
diff --git a/templates/index.html b/templates/index.html
index 0beacafb..9c22214a 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -3,7 +3,10 @@
 {% block content_class %}content-wide content-objectEdit{% endblock %}
 {% block body_class %}objectEditBody{% endblock %}
 {% block content %}
-<h1 class="title">Mes jeux</h1>
+<div class="dashPanelHeader">
+  <h2 class="title is-4 mb-0">Mes jeux</h2>
+  <span class="forge-badge">{{ games|length }} jeu{{ 's' if games|length != 1 else '' }}</span>
+</div>
 
 <div class="twoCol">
   <div class="colLeft">