debugged the phrase playing js function

app.py

@@ -255,16 +255,24 @@ function playGeneratedPhrase(phrase) {
 
     console.log("🎵 Playing Generated Phrase:", phrase);
 
-    phrase.forEach((noteData, index) => {
-        let delay = noteData.inter_onset; // ✅ Use stored inter-onset time
+let accumulatedDelay = 0;  // ✅ Track total delay from phrase start
+phrase.forEach((noteData, index) => {
+    accumulatedDelay += noteData.inter_onset; // ✅ Accumulate inter-onset time
+
+    setTimeout(() => {
+        let noteOnMessage = [0x90, noteData.note, noteData.velocity];
+        let noteOffMessage = [0x80, noteData.note, 0];
+
+        selectedOutput.send(noteOnMessage);
+        console.log(`🎶 Note ON: ${noteData.note}, Velocity: ${noteData.velocity}, Start Delay: ${accumulatedDelay}ms`);
+
         setTimeout(() => {
-            let noteOnMessage = [0x90, noteData.note, noteData.velocity];
-            let noteOffMessage = [0x80, noteData.note, 0];
+            selectedOutput.send(noteOffMessage);
+            console.log(`🔇 Note OFF: ${noteData.note}`);
+        }, noteData.duration); // ✅ Use stored duration
 
-            selectedOutput.send(noteOnMessage);
-            setTimeout(() => selectedOutput.send(noteOffMessage), noteData.duration); // ✅ Use stored duration
-        }, delay);
-    });
+    }, accumulatedDelay); // ✅ Use accumulated delay for precise timing
+});
 }