From 30d644c6006becdb26952e8f80817968affea1a9 Mon Sep 17 00:00:00 2001
From: Animation-EdNum <256293561+Animation-EdNum@users.noreply.github.com>
Date: Tue, 5 May 2026 20:55:59 +0000
Subject: [PATCH] fix(reseau_de_tri): resolve infinite race loop and styling of
 validate button
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Fixed an issue where `btnStartRace` was bound twice, leading to multiple `startRace` calls.
- Tracked both `raceInterval` and `raceTimeout` and ensured they are properly cleared when starting a new level.
- Fixed the button design for "Valider l'étape" by ensuring it uses the core `.btn` class alongside `.btn-primary`.

Co-authored-by: google-labs-jules[bot] <161369871+google-labs-jules[bot]@users.noreply.github.com>
---
 alpha/webapps/reseau_de_tri.html | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/alpha/webapps/reseau_de_tri.html b/alpha/webapps/reseau_de_tri.html
index 8bb6c46..b8ac784 100644
--- a/alpha/webapps/reseau_de_tri.html
+++ b/alpha/webapps/reseau_de_tri.html
@@ -552,7 +552,7 @@ <h1>Réseau de tri</h1>
             </div>
 
             <div class="action-row">
-                <button class="btn-primary" id="btn-next-step">
+                <button class="btn btn-primary" id="btn-next-step">
                     Valider l'étape <i data-fa="arrow-right"></i>
                 </button>
                 <button class="btn btn-success" id="btn-start-race" style="display: none;">
@@ -654,6 +654,7 @@ <h1>Réseau de tri</h1>
         let levelInitialValues = [];
 
         let raceInterval = null;
+        let raceTimeout = null;
 
         // UI Elements
         const gridContainer = document.getElementById('network-grid');
@@ -974,6 +975,10 @@ <h1>Réseau de tri</h1>
                 clearInterval(raceInterval);
                 raceInterval = null;
             }
+            if (raceTimeout) {
+                clearTimeout(raceTimeout);
+                raceTimeout = null;
+            }
 
             networkDef = NETWORKS[numWires];
             currentStageIndex = 0;
@@ -1050,7 +1055,6 @@ <h1>Réseau de tri</h1>
 
                     btnNextStep.style.display = 'none';
                     btnStartRace.style.display = 'inline-flex';
-                    btnStartRace.onclick = startRace;
 
                 }, 500); // Wait for the transition to finish
             } else {
@@ -1229,7 +1233,7 @@ <h1>Réseau de tri</h1>
             if (!activityHappened) {
                 clearInterval(raceInterval);
                 raceInterval = null;
-                setTimeout(() => {
+                raceTimeout = setTimeout(() => {
                     startNewLevel();
                 }, 3000);
             }