fix speed

modules/core/pattern_manager.py

@@ -349,7 +349,8 @@ def get_status():
         "is_paused": state.pause_requested,
         "is_running": bool(state.current_playing_file and not state.stop_requested),
         "progress": None,
-        "playlist": None
+        "playlist": None,
+        "speed": state.speed
     }
     
     # Add playlist information if available

static/css/style.css

@@ -862,7 +862,7 @@ button#debug_button.active {
 
 /* Preview Canvas */
 #patternPreviewCanvas {
-    width: 100%;
+    height: 15vw;
     max-width: 300px;
     aspect-ratio: 1/1;
     border: 1px solid var(--border-primary);

static/js/main.js

@@ -1716,19 +1716,6 @@ function connectStatusWebSocket() {
     statusSocket.onopen = () => {
         console.log('Status WebSocket connected');
         reconnectAttempts = 0; // Reset reconnect attempts on successful connection
-        
-        // Immediately request initial status
-        if (statusSocket.readyState === WebSocket.OPEN) {
-            console.log('Requesting initial status...');
-            statusSocket.send('get_status');
-        }
-        
-        // Set up periodic status updates
-        statusUpdateInterval = setInterval(() => {
-            if (statusSocket && statusSocket.readyState === WebSocket.OPEN) {
-                statusSocket.send('get_status');
-            }
-        }, 1000);
     };
 
     statusSocket.onmessage = (event) => {
@@ -1760,7 +1747,6 @@ function connectStatusWebSocket() {
 
     statusSocket.onerror = (error) => {
         console.error('WebSocket error:', error);
-        statusSocket.close();
     };
 }
 
@@ -1806,6 +1792,7 @@ function updateCurrentlyPlayingUI(status) {
     const progressBar = document.getElementById('play_progress');
     const progressText = document.getElementById('play_progress_text');
     const pausePlayButton = document.getElementById('pausePlayCurrent');
+    const speedDisplay = document.getElementById('current_speed_display'); // Add this line
 
     // Check if all required elements exist
     if (!container || !fileNameElement || !progressBar || !progressText) {
@@ -1847,6 +1834,11 @@ function updateCurrentlyPlayingUI(status) {
         }
     }
 
+    // Update speed display if it exists
+    if (speedDisplay && status.speed) { // Add this block
+        speedDisplay.textContent = `Current Speed: ${status.speed}`;
+    }
+
     // Update pattern preview if it's a new pattern
     if (lastPlayedFile !== status.current_file) {
         lastPlayedFile = status.current_file;