Final version of Debug feature for the rose-game-web-ui repo made by RedHat-Israel (github.com)

[iotamg]

✨ New Debugging Features and Performance Enhancements

Summary

This PR introduces a set of developer-focused features and improvements aimed at debugging, edge case discovery, and performance optimization in the rose-game-web-ui. These include:

🧪 New Debug Panel

• A new debug panel was added to the UI, enabling powerful debugging capabilities during gameplay:

✅ Stop Conditions:

• Developers can now enable stop triggers such as score drops, collision events, or custom-defined logic.

• These triggers halt the game for closer inspection.

🎯 Car Focus Selection:

• Choose whether to apply stop conditions to the left or right car independently.

🔁 Auto-Restart & Looping Gameplay

• To support automated testing for edge cases:

➿ A new "Keep Playing" option was added.

• When enabled, the game automatically restarts and continues playing after finishing.

• Useful for discovering rare issues over many iterations.

⚙️ Frame Rate Controls

• To support faster testing and simulation:

🕒 You can now select between 30 FPS and 60 FPS.

• Allows testing under different performance scenarios or to accelerate the edge-case discovery process.

🛠️ HTML/CSS Optimizations

• Refactored and optimized various parts of the HTML and CSS to:

• Improve layout structure

• Enhance responsiveness

• Support the new debug panel elements cleanly

✅ QA Checklist

• New debug panel renders correctly

• Stop conditions work as intended

• Auto-restart maintains consistent state

• 30/60 FPS toggle updates rendering rate

• No regressions in main gameplay

• Style changes do not break existing layout

🧠 Notes for Reviewers

• Stop condition logic lives inside controller.js and ties into game state updates.

• Debug options are conditionally rendered; default gameplay is unaffected.

• Exporting game logs or states