scripts/ui.js

// scripts/ui.js

export function initUI() {
    alert("Step 3: initUI() is running..."); // <-- DEBUG ALERT

    const productionButton = document.getElementById('production-button');
    const productionPanel = document.getElementById('production-panel');

    if (productionButton && productionPanel) {
        alert("Step 4: Found video button and panel. Adding click listener..."); // <-- DEBUG ALERT
        productionButton.addEventListener('click', () => {
            alert("Step 5: Video button CLICKED!"); // <-- DEBUG ALERT
            productionPanel.classList.toggle('open');
        });
    } else {
        alert("ERROR: Could NOT find the video button or panel in the HTML!"); // <-- DEBUG ALERT
    }
}