// Animated ASCII logo in the header — receives per-cell color data from
// the 10Hz state push and repaints the <span> grid.

export function updateLogo(logoData) {
    const container = document.getElementById('logo-container');
    if (!container || !logoData) return;

    let html = '';
    for (const row of logoData) {
        html += '<div class="logo-row">';
        for (const cell of row) {
            if (cell.char === ' ') {
                html += ' ';
            } else {
                html += `<span style="color:${cell.color}">${cell.char}</span>`;
            }
        }
        html += '</div>';
    }
    container.innerHTML = html;
}
