@section('title', 'Atualização de conteúdos')
@section('head')
    {{-- Versão pela data do arquivo: quando o CSS é trocado, o navegador baixa o novo em vez de usar o do cache --}}
    <link rel="stylesheet" href="/assets/css/pages/manager-contents-panel.css?v={{ @filemtime(public_path('assets/css/pages/manager-contents-panel.css')) }}">
@endsection

@include('admin/includes/header')

<script src="/assets/js/lib/jquery.min.js"></script>

{{-- Sem permissão de atualizar (papel default): a tela é a mesma, sem os botões que mudam alguma coisa (classe cp-so-admin).
     Quem bloqueia de verdade é o controller; aqui é só para não oferecer o que vai dar "sem permissão". --}}
<div class="cp{{ isset($podeAtualizar) && !$podeAtualizar ? ' cp--so-ver' : '' }}">
    <div class="cp__head">
        <div>
            <h1>Atualização de conteúdos</h1>
            <p>Atualize os programas, acompanhe o download ao vivo e confira o que foi ao ar nos últimos dias.</p>
            @if (isset($podeAtualizar) && !$podeAtualizar)
                <p class="cp__muted"><i class="fa-solid fa-eye"></i> Você pode acompanhar o andamento, ver o histórico e verificar os links. Para atualizar, peça a permissão admin.</p>
            @endif
        </div>
        <div class="cp__head-acts">
            <button type="button" class="cp__btn cp__btn--danger cp-so-admin" id="bt-cancelar" hidden>
                <i class="fa-solid fa-circle-stop"></i> <span>Cancelar atualização</span>
            </button>
            <button type="button" class="cp__btn cp__btn--ghost" id="bt-diagnostico">
                <i class="fa-solid fa-stethoscope"></i> Verificar servidor
            </button>
        </div>
    </div>

    {{-- ── Situação da atualização: sempre visível ───────────── --}}
    <div class="cp__kpis">
        <div class="cp__kpi" id="kpi-situacao">
            <span class="cp__kpi-label">Situação</span>
            <b class="cp__kpi-value">...</b>
            <small class="cp__kpi-sub"></small>
        </div>
        <div class="cp__kpi" id="kpi-progresso">
            <span class="cp__kpi-label">Progresso</span>
            <b class="cp__kpi-value">...</b>
            <div class="cp__meter"><div></div></div>
            <small class="cp__kpi-sub"></small>
        </div>
        <div class="cp__kpi" id="kpi-ok">
            <span class="cp__kpi-label">Atualizados</span>
            <b class="cp__kpi-value">...</b>
            <small class="cp__kpi-sub"></small>
        </div>
        <button type="button" class="cp__kpi cp__kpi--link" id="kpi-erro" title="Ver os erros">
            <span class="cp__kpi-label">Com erro</span>
            <b class="cp__kpi-value">...</b>
            <small class="cp__kpi-sub"></small>
        </button>
        <div class="cp__kpi" id="kpi-termino">
            <span class="cp__kpi-label">Término</span>
            <b class="cp__kpi-value">...</b>
            <small class="cp__kpi-sub"></small>
        </div>
        <div class="cp__kpi" id="kpi-duracao">
            <span class="cp__kpi-label">Duração</span>
            <b class="cp__kpi-value">...</b>
            <small class="cp__kpi-sub"></small>
        </div>
    </div>

    <nav class="cp__tabs" role="tablist">
        <button type="button" class="cp__tab is-on" data-tab="atualizar" role="tab">
            <i class="fa-solid fa-cloud-arrow-down"></i> Atualizar
        </button>
        <button type="button" class="cp__tab" data-tab="andamento" role="tab">
            <i class="fa-solid fa-bars-progress"></i> Andamento <span class="cp__dot" id="cp-dot" hidden></span>
        </button>
        <button type="button" class="cp__tab" data-tab="historico" role="tab">
            <i class="fa-solid fa-clock-rotate-left"></i> Histórico
        </button>
        <button type="button" class="cp__tab" data-tab="servidores" role="tab">
            <i class="fa-solid fa-server"></i> Servidores <span class="cp__dot" id="sv-dot" hidden></span>
        </button>
    </nav>

    {{-- ── Atualizar ─────────────────────────────────────────── --}}
    <section class="cp__pane" id="tab-atualizar">
        <div class="cp__toolbar">
            {{-- Campos sem <label> em volta: só o próprio campo abre o calendário/lista ou recebe o foco --}}
            <div class="cp__field">
                <span>Data</span>
                <input type="date" id="at-data" class="cp__input" aria-label="Data">
            </div>
            <div class="cp__field cp__field--grow">
                <span>Buscar</span>
                <span class="cp__search">
                    <i class="fa-solid fa-magnifying-glass"></i>
                    <input type="search" id="at-busca" class="cp__input" placeholder="Nome do programa" autocomplete="off" aria-label="Buscar programa">
                </span>
            </div>
            <div class="cp__toolbar-acts">
                <button type="button" class="cp__btn cp-so-admin" id="at-avoz"><i class="fa-solid fa-radio"></i> A Voz do Brasil</button>
                <button type="button" class="cp__btn cp-so-admin" id="at-todos"><i class="fa-solid fa-layer-group"></i> Atualizar todos</button>
                <button type="button" class="cp__btn cp__btn--primary cp-so-admin" id="at-selecionados" disabled><i class="fa-solid fa-cloud-arrow-down"></i> <span>Atualizar selecionados</span></button>
            </div>
        </div>

        <div class="cp__notice" id="at-aviso" hidden></div>

        <div id="at-lista">
            <div class="cp__wait"><i class="fa-solid fa-circle-notch fa-spin"></i></div>
        </div>
    </section>

    {{-- ── Andamento ─────────────────────────────────────────── --}}
    <section class="cp__pane" id="tab-andamento" hidden>
        {{-- O que está sendo baixado agora, sempre no topo --}}
        <div class="cp__now" id="an-agora" hidden></div>

        {{-- Cópia para os servidores de distribuição: a atualização só termina quando todos copiaram --}}
        <div class="cp__panel" id="an-servidores" hidden>
            <div class="cp__panel-head">
                <b class="cp__panel-title"><i class="fa-solid fa-server"></i> Servidores de distribuição</b>
                <span class="cp__muted" id="an-sv-resumo"></span>
            </div>
            <div class="cp__scroll">
                <table class="cp__table cp__table--cards cp__servs">
                    <thead>
                        <tr>
                            <th>Servidor</th>
                            <th>Situação</th>
                            <th>Detalhe</th>
                            <th>Último download</th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody id="an-sv-itens"></tbody>
                </table>
            </div>
        </div>

        <div class="cp__panel">
            <div class="cp__panel-head">
                <div class="cp__chips" id="an-filtros">
                    <button type="button" class="cp__chip is-on" data-filtro="">Todos <b id="an-n-todos">0</b></button>
                    <button type="button" class="cp__chip st-ok" data-filtro="ok">Concluídos <b id="an-n-ok">0</b></button>
                    <button type="button" class="cp__chip st-erro" data-filtro="erro">Com erro <b id="an-n-erro">0</b></button>
                    <button type="button" class="cp__chip st-sem" data-filtro="fila">Na fila <b id="an-n-fila">0</b></button>
                    <button type="button" class="cp__chip st-cancelado" data-filtro="cancelado" hidden>Cancelados <b id="an-n-cancelado">0</b></button>
                </div>
                <span class="cp__search cp__search--sm">
                    <i class="fa-solid fa-magnifying-glass"></i>
                    <input type="search" id="an-busca" class="cp__input cp__input--sm" placeholder="Buscar programa" autocomplete="off">
                </span>
            </div>

            <div class="cp__empty" id="an-vazio">
                <i class="fa-regular fa-clock"></i>
                <p>Nenhuma atualização registrada ainda.</p>
                <button type="button" class="cp__btn cp__btn--ghost bt-diag">Verificar servidor</button>
            </div>

            <div class="cp__scroll">
                <table class="cp__table cp__table--cards cp__andamento" id="an-tabela" hidden>
                    <thead>
                        <tr>
                            <th class="cp__col-pos" title="Posição na fila">Nº</th>
                            <th>Programa</th>
                            <th>Pasta</th>
                            <th>Situação</th>
                            <th>Detalhe</th>
                            <th>Hora</th>
                        </tr>
                    </thead>
                    <tbody id="an-itens"></tbody>
                </table>
            </div>

            <details class="cp__log" id="an-log-box" hidden>
                <summary>Registro da execução</summary>
                <pre id="an-log"></pre>
            </details>
        </div>
    </section>

    {{-- ── Histórico ─────────────────────────────────────────── --}}
    <section class="cp__pane" id="tab-historico" hidden>
        {{-- Dias guardados numa faixa só, que rola para o lado, seja quantos dias forem --}}
        <div class="cp__days">
            <button type="button" class="cp__round cp__days-seta" id="hi-mais-novos" title="Dias mais novos" hidden><i class="fa-solid fa-chevron-left"></i></button>
            <div class="cp__days-lista" id="hi-dias"></div>
            <button type="button" class="cp__round cp__days-seta" id="hi-mais-antigos" title="Dias mais antigos" hidden><i class="fa-solid fa-chevron-right"></i></button>
        </div>

        <div class="cp__toolbar">
            <div class="cp__field cp__field--grow">
                <span>Buscar</span>
                <span class="cp__search">
                    <i class="fa-solid fa-magnifying-glass"></i>
                    <input type="search" id="hi-busca" class="cp__input" placeholder="Nome do programa" autocomplete="off" aria-label="Buscar programa">
                </span>
            </div>
            <div class="cp__field">
                <span>Dia</span>
                <input type="date" id="hi-data" class="cp__input" aria-label="Ir para o dia">
            </div>
            <div class="cp__field">
                <span>Pasta</span>
                <select id="hi-pasta" class="cp__input" aria-label="Pasta">
                    <option value="">Todas</option>
                    <option value="programetes">Programetes</option>
                    <option value="programas">Programas</option>
                    <option value="programas-fim-de-semana">Fim de semana</option>
                </select>
            </div>
            <div class="cp__toolbar-acts">
                <button type="button" class="cp__btn cp__btn--icon" id="hi-recarregar" title="Recarregar"><i class="fa-solid fa-rotate"></i></button>
            </div>
        </div>

        <div class="cp__chips cp__chips--status" id="hi-status"></div>

        <div class="cp__panel cp__panel--flush">
            <div class="cp__scroll">
                <table class="cp__table cp__table--cards cp__hist">
                    <thead>
                        <tr>
                            <th>Programa</th>
                            <th>Situação</th>
                            <th>Hora</th>
                            <th>Arquivos</th>
                            <th>Detalhe</th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody id="hi-corpo">
                        <tr><td colspan="6"><div class="cp__wait"><i class="fa-solid fa-circle-notch fa-spin"></i></div></td></tr>
                    </tbody>
                </table>
            </div>
        </div>
    </section>

    {{-- ── Servidores de distribuição ───────────────────────── --}}
    <section class="cp__pane" id="tab-servidores" hidden>
        <div class="cp__notice" id="sv-aviso" hidden></div>
        <div class="cp__notice cp__notice--warn" id="sv-desconhecidos" hidden></div>

        <div class="cp__panel">
            <div class="cp__panel-head">
                <div class="cp__chips" id="sv-filtros"></div>
                <div class="cp__panel-acts">
                    <span class="cp__search cp__search--sm">
                        <i class="fa-solid fa-magnifying-glass"></i>
                        <input type="search" id="sv-busca" class="cp__input cp__input--sm" placeholder="Buscar servidor" autocomplete="off">
                    </span>
                    <button type="button" class="cp__btn cp__btn--sm cp-so-admin" id="sv-conectar-todos" hidden><i class="fa-solid fa-plug"></i> <span>Conectar</span></button>
                    <button type="button" class="cp__btn cp__btn--primary cp__btn--sm cp-so-admin" id="sv-todos"><i class="fa-solid fa-cloud-arrow-down"></i> Baixar em todos</button>
                </div>
            </div>
            <div class="cp__scroll">
                <table class="cp__table cp__table--cards cp__servs">
                    <thead>
                        <tr>
                            <th>Servidor</th>
                            <th>Situação</th>
                            <th>Detalhe</th>
                            <th>Último download</th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody id="sv-itens">
                        <tr><td colspan="5"><div class="cp__wait"><i class="fa-solid fa-circle-notch fa-spin"></i></div></td></tr>
                    </tbody>
                </table>
            </div>
        </div>
    </section>

    {{-- ── Player do histórico (fica preso embaixo da tela) ──── --}}
    <div class="cp__player" id="player" hidden>
        <div class="cp__player-info">
            <b id="pl-titulo"></b>
            <small id="pl-sub"></small>
        </div>
        <div class="cp__player-ctrl">
            <button type="button" class="cp__round" id="pl-anterior" title="Arquivo anterior"><i class="fa-solid fa-backward-step"></i></button>
            <button type="button" class="cp__round" id="pl-voltar" title="Voltar 15 segundos (seta para a esquerda)"><i class="fa-solid fa-rotate-left"></i><span>15</span></button>
            <button type="button" class="cp__round cp__round--main" id="pl-play" title="Tocar / pausar (espaço)"><i class="fa-solid fa-play"></i></button>
            <button type="button" class="cp__round" id="pl-avancar" title="Avançar 15 segundos (seta para a direita)"><i class="fa-solid fa-rotate-right"></i><span>15</span></button>
            <button type="button" class="cp__round" id="pl-proximo" title="Próximo arquivo"><i class="fa-solid fa-forward-step"></i></button>
        </div>
        <div class="cp__player-seek">
            <span id="pl-atual">0:00</span>
            <input type="range" id="pl-seek" min="0" max="0" step="0.1" value="0" aria-label="Posição">
            <span id="pl-total">0:00</span>
        </div>
        <div class="cp__player-extra">
            <button type="button" class="cp__btn cp__btn--sm" id="pl-trocar" hidden><i class="fa-solid fa-right-left"></i> <span></span></button>
            <select id="pl-velocidade" class="cp__input cp__input--sm" title="Velocidade">
                <option value="1">1x</option>
                <option value="1.25">1.25x</option>
                <option value="1.5">1.5x</option>
                <option value="2">2x</option>
                <option value="3">3x</option>
            </select>
            <a class="cp__round" id="pl-baixar" href="#" title="Baixar este arquivo"><i class="fa-solid fa-download"></i></a>
            <button type="button" class="cp__round" id="pl-fechar" title="Fechar o player"><i class="fa-solid fa-xmark"></i></button>
        </div>
        <audio id="pl-audio" preload="metadata"></audio>
    </div>

    {{-- ── Janela de confirmação / aviso / verificação ───────── --}}
    <div class="cp__modal" id="cpModal" hidden>
        <div class="cp__modal-card" role="dialog" aria-modal="true">
            <header class="cp__modal-head">
                <h2 id="md-titulo"></h2>
                <button class="cp__round" type="button" data-md="0" aria-label="Fechar"><i class="fa-solid fa-xmark"></i></button>
            </header>
            <div class="cp__modal-body" id="md-corpo"></div>
            <footer class="cp__modal-foot">
                <button type="button" class="cp__btn" data-md="0" id="md-cancelar">Cancelar</button>
                <button type="button" class="cp__btn cp__btn--primary" data-md="1" id="md-ok">Confirmar</button>
            </footer>
        </div>
    </div>

    <div class="cp__toast" id="toast" hidden></div>
</div>
</main>

@include('admin/includes/footer')

<script>
    var URL_AJAX = "{{ route('admin.contentsPanel.ajax') }}";
    var PODE_ATUALIZAR = {{ isset($podeAtualizar) && !$podeAtualizar ? 'false' : 'true' }};   // papel admin ou super (MainAdminOnly); sem a variável (controller antigo), tudo liberado como antes
    $.ajaxSetup({ headers: { 'X-CSRF-TOKEN': '{{ csrf_token() }}' } });

    var PASTAS = { 'programetes': 'Programetes', 'programas': 'Programas', 'programas-fim-de-semana': 'Fim de semana' };
    var DIAS = { seg: 'segunda-feira', ter: 'terça-feira', qua: 'quarta-feira', qui: 'quinta-feira', sex: 'sexta-feira', sab: 'sábado', dom: 'domingo' };
    var SEMANA = ['Domingo', 'Segunda', 'Terça', 'Quarta', 'Quinta', 'Sexta', 'Sábado'];
    var FASES = {
        fila: ['Na fila', 'is-none'], baixando: ['Baixando', 'is-run'], extraindo: ['Extraindo', 'is-run'],
        publicando: ['Publicando', 'is-run'], ok: ['Atualizado', 'is-ok'], erro: ['Erro', 'is-err'], cancelado: ['Cancelado', 'is-cancel']
    };
    var SITUACOES = {
        ok: ['Atualizado', 'is-ok'], igual: ['Igual ao dia anterior', 'is-same'], incompleto: ['Incompleto', 'is-warn'],
        erro: ['Erro', 'is-err'], cancelado: ['Cancelado', 'is-cancel'], sem: ['Sem atualização', 'is-none']
    };
    var ETAPAS = {
        preparando: 'Preparando', baixando: 'Baixando os programas', adicionais: 'Copiando os adicionais',
        finalizando: 'Finalizando', concluida: 'Concluída', cancelada: 'Cancelada', interrompida: 'Interrompida'
    };

    /* ── Utilitários ──────────────────────────────────────────── */
    function esc (s) {
        return String(s == null ? '' : s).replace(/[&<>"']/g, function (c) {
            return { '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;', "'": '&#39;' }[c];
        });
    }
    function bytes (n) {
        n = Number(n) || 0;
        if (n >= 1073741824) return (n / 1073741824).toFixed(1) + ' GB';
        if (n >= 1048576) return (n / 1048576).toFixed(1) + ' MB';
        if (n >= 1024) return Math.round(n / 1024) + ' KB';
        return n + ' B';
    }
    function isoLocal (d) {
        return d.getFullYear() + '-' + String(d.getMonth() + 1).padStart(2, '0') + '-' + String(d.getDate()).padStart(2, '0');
    }
    function hojeISO () { return isoLocal(new Date()); }
    function dataBR (iso) {
        if (!iso) return '';
        var p = iso.substr(0, 10).split('-');
        return p[2] + '/' + p[1] + '/' + p[0] + (iso.length > 10 ? ' ' + iso.substr(11, 5) : '');
    }
    function nomeDia (iso) {
        var ontem = new Date(); ontem.setDate(ontem.getDate() - 1);
        if (iso === hojeISO()) return 'Hoje';
        if (iso === isoLocal(ontem)) return 'Ontem';
        return SEMANA[new Date(iso + 'T12:00:00').getDay()];
    }
    function tempo (seg) {
        seg = Math.max(0, Math.floor(seg || 0));
        var h = Math.floor(seg / 3600), m = Math.floor(seg % 3600 / 60), s = seg % 60;
        return (h ? h + ':' + String(m).padStart(2, '0') : m) + ':' + String(s).padStart(2, '0');
    }
    function selo (lista, chave) {
        var s = lista[chave] || [chave, 'is-none'];
        return '<span class="cp__st ' + s[1] + '">' + esc(s[0]) + '</span>';
    }
    function mensagemErro (xhr, padrao) {
        return (xhr && xhr.responseJSON && xhr.responseJSON.message) || padrao;
    }
    function carregando () { return '<div class="cp__wait"><i class="fa-solid fa-circle-notch fa-spin"></i></div>'; }
    // Busca sem diferença de maiúsculas e acentos ("saude" acha "Saúde").
    function norm (s) { return String(s == null ? '' : s).toLowerCase().normalize('NFD').replace(/[\u0300-\u036f]/g, '').trim(); }
    function hhmm (d) { return String(d.getHours()).padStart(2, '0') + ':' + String(d.getMinutes()).padStart(2, '0'); }
    // Quem fez: o cron, o terminal ou o nome de quem estava no painel.
    function quemFez (u) { return !u ? '' : u === 'cron' ? 'pelo cron' : u === 'terminal' ? 'pelo terminal' : u === 'painel' ? 'pelo painel' : 'por ' + u; }

    /* Janela da própria tela: confirmação (com Cancelar) ou aviso (só OK) */
    function janela (titulo, html, opcoes) {
        opcoes = opcoes || {};
        return new Promise(function (resolve) {
            $('#md-titulo').text(titulo);
            $('#md-corpo').html(html);
            $('#md-ok').text(opcoes.ok || 'Confirmar').prop('hidden', !!opcoes.semOk);
            $('#md-cancelar').text(opcoes.cancelar || 'Cancelar').prop('hidden', !!opcoes.semCancelar);
            $('#md-ok').toggleClass('cp__btn--primary', !opcoes.perigo).toggleClass('cp__btn--danger', !!opcoes.perigo);
            $('#cpModal .cp__modal-card').toggleClass('cp__modal-card--wide', !!opcoes.largo);
            $('#cpModal').prop('hidden', false);
            $(opcoes.semOk ? '#md-cancelar' : '#md-ok').trigger('focus');
            $('#cpModal [data-md]').off('click.md').on('click.md', function () {
                $('#cpModal').prop('hidden', true);
                resolve($(this).data('md') === 1);
            });
        });
    }
    var timerToast = null;
    function avisar (texto, tipo) {
        clearTimeout(timerToast);
        $('#toast').attr('class', 'cp__toast ' + (tipo === 'erro' ? 'is-err' : 'is-ok')).text(texto).prop('hidden', false);
        timerToast = setTimeout(function () { $('#toast').prop('hidden', true); }, tipo === 'erro' ? 7000 : 3500);
    }

    /* ── Verificar servidor de conteúdos ──────────────────────── */
    function diagnostico () {
        janela('Servidor de conteúdos', carregando(), { ok: 'Fechar', semCancelar: true });
        $.getJSON(URL_AJAX, { acao: 'diagnostico' }).done(function (r) {
            var html = '<p class="cp__muted">Usuário do servidor web: <b>' + esc(r.usuario) + '</b> &middot; PHP ' + esc(r.php)
                + ' &middot; SELinux: ' + esc(r.selinux) + (r.espaco_livre ? ' &middot; livre: ' + bytes(r.espaco_livre) : '') + '</p><ul class="cp__checks">';
            r.verificacoes.forEach(function (c) {
                html += '<li class="' + (c.ok ? 'is-ok' : 'is-err') + '"><i class="fa-solid ' + (c.ok ? 'fa-circle-check' : 'fa-circle-xmark') + '"></i>'
                    + '<div><b>' + esc(c.item) + '</b>' + (c.detalhe ? '<span>' + esc(c.detalhe) + '</span>' : '') + '</div></li>';
            });
            $('#md-corpo').html(html + '</ul>');
        }).fail(function (xhr) {
            $('#md-corpo').html('<p class="cp__err">' + esc(mensagemErro(xhr, 'O servidor de conteúdos não respondeu. Confira CONTENTS_PANEL_URL e CONTENTS_PANEL_TOKEN no .env.')) + '</p>');
        });
    }
    $(document).on('click', '#bt-diagnostico, .bt-diag', diagnostico);

    /* ── Tabs ─────────────────────────────────────────────────── */
    var abaAtual = null;

    function abrirAba (nome) {
        if (!$('#tab-' + nome).length) nome = 'atualizar';
        abaAtual = nome;
        $('.cp__tab').removeClass('is-on').filter('[data-tab="' + nome + '"]').addClass('is-on');
        $('.cp__pane').prop('hidden', true);
        $('#tab-' + nome).prop('hidden', false);
        history.replaceState(null, '', '#' + nome);
        if (nome !== 'historico') fecharPlayer();

        if (nome === 'atualizar' && !programasCarregados) carregarProgramas();
        if (nome === 'andamento') desenharAndamento(ultimoProgresso || {});
        if (nome === 'historico') historico ? mostrarDiaEscolhido() : carregarHistorico();
        if (nome === 'servidores') carregarServidores();
    }

    $('.cp__tab').on('click', function () { abrirAba($(this).data('tab')); });

    /* ── Situação da atualização (KPIs, sempre atualizados) ────── */
    var ultimoProgresso = null;
    var rodandoAgora = false;     // download no servidor de conteúdos
    var emAndamento = false;      // download no servidor de conteúdos ou cópia nos servidores de distribuição
    var timerProgresso = null;

    function carregarProgresso () {
        clearTimeout(timerProgresso);
        $.getJSON(URL_AJAX, { acao: 'progresso' }).done(function (r) {
            var estavaRodando = rodandoAgora;
            var estavaEmAndamento = emAndamento;
            r.dist = resumoDistribuicao(r);
            ultimoProgresso = r;
            rodandoAgora = !!r.rodando;
            emAndamento = rodandoAgora || r.dist.ativos.length > 0;
            $('#cp-dot').prop('hidden', !emAndamento);
            desenharBotaoCancelar(r);
            desenharKpis(r);
            if (abaAtual === 'andamento') desenharAndamento(r);
            atualizarBotoes();

            // Quando o servidor de conteúdos termina, recarrega o que mudou com ela; a cópia para os servidores escolhidos começa.
            if (estavaRodando && !rodandoAgora) {
                var etapa = r.status ? r.status.etapa : '';
                var parou = etapa === 'cancelada' ? 'Atualização cancelada.' : etapa === 'interrompida' ? 'A atualização parou no meio.' : '';
                var vao = r.dist.total - r.dist.n.cancelado;   // os cancelados no painel não copiam
                avisar(!vao ? (parou || 'Atualização concluída.')
                    : (parou ? parou + ' Ela não vai para os servidores escolhidos.' : 'Download concluído. Copiando para ' + plural(vao, 'servidor', 'servidores') + '.'), parou && etapa === 'interrompida' ? 'erro' : 'ok');
                programasCarregados = false;
                if (abaAtual === 'atualizar') carregarProgramas();
                historico = null;
                if (abaAtual === 'historico') carregarHistorico();
            } else if (estavaEmAndamento && !emAndamento && r.dist.total) {
                var d = r.dist;
                avisar(d.n.erro ? 'Cópia terminou com erro em ' + d.n.erro + ' servidor(es).'
                    : d.n.cancelado ? 'Cópia cancelada em ' + d.n.cancelado + ' servidor(es).'
                    : 'Atualização concluída nos ' + d.total + ' servidor(es).', d.n.erro ? 'erro' : 'ok');
            }
            // Em andamento: a cada 3 s. Parada: a cada 30 s, para pegar também as atualizações do cron.
            timerProgresso = setTimeout(carregarProgresso, emAndamento ? 3000 : 30000);
        }).fail(function (xhr) {
            kpi('situacao', 'Sem conexão', esc(mensagemErro(xhr, 'servidor de conteúdos não respondeu')), 'is-err');
            timerProgresso = setTimeout(carregarProgresso, 15000);
        });
    }

    function contar (itens) {
        var c = { total: itens.length, ok: 0, erro: 0, fila: 0, cancelado: 0, andamento: 0, aviso: 0, atual: null };
        itens.forEach(function (i) {
            if (i.fase === 'ok') { c.ok++; if (i.aviso) c.aviso++; }
            else if (i.fase === 'erro') c.erro++;
            else if (i.fase === 'fila') c.fila++;
            else if (i.fase === 'cancelado') c.cancelado++;
            else { c.andamento++; c.atual = i; }
        });
        return c;
    }

    function kpi (id, valor, sub, classe) {
        var el = $('#kpi-' + id);
        el.attr('data-estado', classe || '');
        el.find('.cp__kpi-value').html(valor).attr('title', $('<div>').html(valor).text());
        el.find('.cp__kpi-sub').html(sub || '').attr('title', $('<div>').html(sub || '').text());
    }

    function desenharKpis (r) {
        var st = r.status;
        if (!st) {
            kpi('situacao', 'Nenhuma', 'ainda não rodou pelo painel');
            kpi('progresso', '&mdash;', '');
            $('#kpi-progresso .cp__meter div').css('width', 0);
            kpi('ok', '0'); kpi('erro', '0', 'nenhum'); kpi('termino', '&mdash;'); kpi('duracao', '&mdash;');
            return;
        }
        var c = contar(st.itens || []);
        var d = r.dist;
        var feitos = c.ok + c.erro;
        var quais = st.ids && st.ids.length ? st.ids.length + ' selecionado(s)' : 'todos os programas';
        if (st.data_ref && st.data_ref !== (st.inicio || '').substr(0, 10)) quais += ' · data ' + dataBR(st.data_ref).substr(0, 5);
        // Depois do servidor de conteúdos, cada servidor de distribuição copia. A atualização só termina quando todos copiaram.
        var copiando = !r.rodando && d.ativos.length > 0;
        var faltamSv = d.total - d.n.ok - d.n.erro - d.n.cancelado;

        if (r.rodando && r.cancelando) kpi('situacao', 'Cancelando', 'parando com segurança', 'is-warn');
        else if (r.rodando) kpi('situacao', 'Rodando', esc(ETAPAS[st.etapa] || st.etapa), 'is-run');
        else if (copiando) kpi('situacao', 'Copiando', d.n.ok + ' de ' + d.total + ' servidores prontos', 'is-run');
        else if (d.n.erro) kpi('situacao', 'Com erro', 'em ' + d.n.erro + ' de ' + d.total + ' servidores', 'is-err');
        else if (d.n.offline) kpi('situacao', 'Incompleta', plural(d.n.offline, 'servidor sem resposta', 'servidores sem resposta'), 'is-err');
        else if (d.n.cancelado) kpi('situacao', 'Cancelada', 'em ' + d.n.cancelado + ' de ' + d.total + ' servidores', 'is-warn');
        else if (d.n.desatualizado) kpi('situacao', 'Incompleta', plural(d.n.desatualizado, 'servidor não copiou', 'servidores não copiaram'), 'is-warn');
        else if (st.etapa === 'cancelada') kpi('situacao', 'Cancelada', c.cancelado + ' não atualizado(s)', 'is-warn');
        else if (st.etapa === 'interrompida') kpi('situacao', 'Interrompida', esc(quais), 'is-err');
        else kpi('situacao', 'Concluída', d.total ? (d.total === 1 ? 'copiada no servidor' : 'copiada nos ' + d.total + ' servidores') : esc(quais), c.erro ? 'is-warn' : 'is-ok');

        if (copiando) {
            var agoraSv = d.lista.filter(function (x) { return x.k === 'baixando'; })[0];
            kpi('progresso', d.n.ok + ' <small>de ' + d.total + ' servidores</small>',
                agoraSv ? 'Agora: ' + esc(agoraSv.s.nome) + (agoraSv.s.agente.atual && agoraSv.s.agente.atual.pasta ? ' (' + esc(agoraSv.s.agente.atual.pasta) + ')' : '') : 'começando...', 'is-run');
            $('#kpi-progresso .cp__meter div').css('width', Math.round(d.fracao * 100) + '%');
        } else {
            kpi('progresso', feitos + ' <small>de ' + c.total + '</small>',
                c.atual ? 'Agora: ' + esc(c.atual.nome)
                    : (c.cancelado ? c.cancelado + ' cancelado(s)' : (c.total ? (r.rodando ? '' : 'todos processados') : 'só adicionais e A Voz do Brasil')),
                r.rodando ? 'is-run' : '');
            $('#kpi-progresso .cp__meter div').css('width', (c.total ? Math.round(feitos * 100 / c.total) : (r.rodando ? 0 : 100)) + '%');
        }

        kpi('ok', c.ok, c.aviso ? c.aviso + ' incompleto(s)' : (st.fora_do_limite ? st.fora_do_limite + ' fora do limite' : 'nesta execução'), c.ok ? 'is-ok' : '');
        kpi('erro', c.erro, c.erro ? 'clique para ver' : 'nenhum', c.erro ? 'is-err' : '');
        var inicio = new Date(st.inicio.replace(' ', 'T'));
        var agora = new Date(r.agora.replace(' ', 'T'));
        // Fim: o do servidor de conteúdos ou, depois dele, o do último servidor que copiou.
        var fimConteudo = st.fim ? new Date(st.fim.replace(' ', 'T')) : null;
        var fimSv = d.fim ? new Date(d.fim * 1000 + d.ajuste) : null;
        var fim = fimSv && fimConteudo && fimSv > fimConteudo ? fimSv : fimConteudo;
        if (r.rodando) {
            // Previsão pelo tempo médio de cada programa já processado nesta execução.
            var faltam = c.total - feitos - c.cancelado;
            if (feitos > 0 && faltam > 0) {
                kpi('termino', '~' + hhmm(new Date(agora.getTime() + (agora - inicio) / feitos * faltam)), 'faltam ' + faltam + ' programa(s)', 'is-run');
            } else {
                kpi('termino', 'calculando', faltam > 0 ? 'faltam ' + faltam + ' programa(s)' : esc(ETAPAS[st.etapa] || st.etapa), 'is-run');
            }
        } else if (copiando) {
            kpi('termino', 'copiando', 'falta(m) ' + faltamSv + ' servidor(es)', 'is-run');
        } else {
            kpi('termino', fim ? hhmm(fim) : '&mdash;', fim && fim === fimSv ? esc(dataBR(isoLocal(fim)).substr(0, 5)) + ' &middot; nos servidores' : esc(dataBR(isoLocal(fim || inicio))));
        }

        // Cópia que começou bem depois do fim do servidor de conteúdos (Baixar agora, ou um servidor conectado depois):
        // a duração é a dessa cópia, e não desde o início da atualização (senão o Baixar agora das 9h mostraria 7 horas).
        var depois = !r.rodando && fimConteudo ? d.copias.filter(function (x) {
            return x.inicio * 1000 + d.ajuste > fimConteudo.getTime() + 5 * 60000;
        }) : [];
        if (depois.length) {
            var inicioCopia = new Date(Math.min.apply(null, depois.map(function (x) { return x.inicio; })) * 1000 + d.ajuste);
            var fimCopia = new Date(Math.max.apply(null, depois.map(function (x) { return x.fim; })) * 1000 + d.ajuste);
            var pedidos = [];
            depois.forEach(function (x) { if (x.origem && x.origem.length) { var t = origemDownload(x); if (pedidos.indexOf(t) === -1) pedidos.push(t); } });
            kpi('duracao', tempo(Math.max(0, Math.round(((copiando ? agora : fimCopia) - inicioCopia) / 1000))),
                'cópia iniciada às ' + hhmm(inicioCopia) + (isoLocal(inicioCopia).substr(0, 10) !== (st.inicio || '').substr(0, 10) ? ' de ' + esc(dataBR(isoLocal(inicioCopia)).substr(0, 5)) : '')
                + (pedidos.length ? ' &middot; ' + esc(pedidos.join(', ')) : ''));
        } else {
            var seg = Math.max(0, Math.round(((copiando || r.rodando || !fim ? agora : fim) - inicio) / 1000));
            kpi('duracao', tempo(seg), 'início às ' + esc((st.inicio || '').substr(11, 5)) + (st.usuario ? ' ' + esc(quemFez(st.usuario)) : ''));
        }
    }

    /* ── Cópia nos servidores de distribuição (para o Andamento e os KPIs) ── */
    // Só os servidores escolhidos para esta atualização (na confirmação ou depois, pelo Baixar agora) entram na conta.
    function resumoDistribuicao (r) {
        var d = r.distribuicao || {};
        var ctx = { agora: d.agora, versao: d.versao, rodando: !!r.rodando, destinos: d.destinos };
        var res = { total: 0, n: {}, lista: [], ativos: [], fim: 0, fracao: 0, ajuste: 0, copias: [], destinos: destinosAtuais(ctx), ctx: ctx };
        // Os horários do andamento vêm no fuso do servidor de conteúdos e os dos servidores em segundos (timestamp):
        // o ajuste põe os dois no mesmo relógio, mesmo com o navegador em outro fuso.
        if (r.agora && d.agora) res.ajuste = Math.round((new Date(r.agora.replace(' ', 'T')).getTime() - d.agora * 1000) / 900000) * 900000;
        (d.servidores || []).forEach(function (s) {
            if (!res.destinos || res.destinos.ids.indexOf(s.id) === -1) return;
            var k = situacaoServidor(s, res.ctx);
            if (k === 'sem') return;   // sem agente: não tem como copiar
            res.total++;
            res.n[k] = (res.n[k] || 0) + 1;
            res.lista.push({ s: s, k: k });
            if (k === 'baixando' || k === 'fila') res.ativos.push(s);
            var u = s.agente.ultimo;
            if (k === 'ok' && u && u.versao === d.versao && u.fim > res.fim) res.fim = u.fim;
            // Quando cada servidor começou a copiar esta versão (segundos), para a Duração.
            if (k === 'baixando' && s.agente.atual) res.copias.push({ inicio: s.agente.atual.inicio, fim: 0, origem: s.agente.atual.origem });
            else if (k === 'ok' && u && u.versao === d.versao && u.inicio) res.copias.push({ inicio: u.inicio, fim: u.fim, origem: u.origem });
            res.fracao += k === 'ok' ? 1 : (k === 'baixando' ? fracaoServidor(s.agente.atual) : 0);
        });
        ['ok', 'erro', 'cancelado', 'offline', 'desatualizado', 'nao_enviado', 'aguardando'].forEach(function (k) { res.n[k] = res.n[k] || 0; });
        res.fracao = res.total ? res.fracao / res.total : 0;
        return res;
    }

    // Quanto do download o servidor já fez: pastas terminadas mais a porcentagem da atual.
    function fracaoServidor (at) {
        if (!at || !at.de) return 0;
        return Math.max(0, Math.min(1, ((at.n || 1) - 1 + (at.pct || 0) / 100) / at.de));
    }

    function desenharBotaoCancelar (r) {
        var ativos = r.dist.ativos;
        var cancelando = r.rodando ? !!r.cancelando : ativos.length > 0 && ativos.every(function (s) { return s.agente && s.agente.cancelar; });
        $('#bt-cancelar').prop('hidden', !r.rodando && !ativos.length).prop('disabled', cancelando)
            .find('span').text(cancelando ? 'Cancelando...' : 'Cancelar atualização');
    }

    $('#bt-cancelar').on('click', function () {
        var r = ultimoProgresso || { dist: { ativos: [] } };
        if (!r.rodando) {
            // O servidor de conteúdos já terminou: cancela a cópia nos servidores que ainda estão copiando.
            var nomes = r.dist.ativos.map(function (s) { return '<b>' + esc(s.nome) + '</b>'; }).join(', ');
            cancelarServidores(r.dist.ativos.map(function (s) { return s.id; }), 'Cancelar a cópia para os servidores?',
                'O servidor de conteúdos já terminou. Param de copiar: ' + nomes + '.');
            return;
        }
        janela('Cancelar a atualização?',
            '<p>A atualização para no próximo ponto seguro. <b>Nada é desfeito:</b></p>'
            + '<ul class="cp__list"><li>o que já foi atualizado fica como está;</li>'
            + '<li>o programa que está baixando agora é interrompido e continua com o conteúdo anterior (se já estiver publicando, ele termina antes de parar);</li>'
            + '<li>os que estão na fila não são atualizados e ficam marcados como cancelados;</li>'
            + '<li>os servidores de distribuição escolhidos não recebem esta atualização. Para mandar o que já foi atualizado, use <b>Baixar agora</b> na tab Servidores.</li></ul>',
            { ok: 'Cancelar atualização', cancelar: 'Voltar', perigo: true })
            .then(function (ok) {
                if (!ok) return;
                $('#bt-cancelar').prop('disabled', true).find('span').text('Cancelando...');
                $.post(URL_AJAX, { acao: 'cancelar' }, null, 'json').done(function (r) {
                    avisar(r.message || 'Cancelamento pedido.', 'ok');
                    carregarProgresso();
                }).fail(function (xhr) {
                    avisar(mensagemErro(xhr, 'Não foi possível cancelar.'), 'erro');
                    carregarProgresso();
                });
            });
    });

    // semCopia: o servidor ainda não está copiando (só sai da fila ou da atualização).
    function cancelarServidores (ids, titulo, descricao, semCopia) {
        if (!ids.length) return;
        janela(titulo, '<p>' + descricao + '</p>' + (semCopia
            ? '<p class="cp__muted">Para mandar depois, use <b>Baixar agora</b> na tab Servidores.</p>'
            : '<ul class="cp__list">'
            + '<li>a pasta que o servidor está copiando agora para na hora e fica como estava (os arquivos novos só entram quando a pasta termina);</li>'
            + '<li>as pastas que já terminaram ficam atualizadas;</li>'
            + '<li>para copiar depois, use <b>Baixar agora</b> na tab Servidores.</li></ul>'),
            { ok: 'Cancelar', cancelar: 'Voltar', perigo: true })
            .then(function (ok) {
                if (!ok) return;
                $.post(URL_AJAX, { acao: 'cancelar_servidores', ids: ids.join(',') }, null, 'json').done(function (r) {
                    avisar(r.message || 'Cancelamento enviado.', 'ok');
                }).fail(function (xhr) {
                    avisar(mensagemErro(xhr, 'Não foi possível cancelar.'), 'erro');
                }).always(function () {
                    carregarProgresso();
                    if (abaAtual === 'servidores') carregarServidores();
                });
            });
    }
    $(document).on('click', '.sv-cancelar', function () {
        var nome = '<b>' + esc($(this).data('nome')) + '</b>';
        var k = $(this).data('k');
        if (k === 'aguardando') cancelarServidores([$(this).data('id')], 'Tirar da atualização?', 'O servidor ' + nome + ' não vai copiar esta atualização quando ela terminar.', true);
        else if (k === 'fila') cancelarServidores([$(this).data('id')], 'Cancelar o pedido?', 'O servidor ' + nome + ' não começa a copiar.', true);
        else cancelarServidores([$(this).data('id')], 'Cancelar o download?', 'O servidor ' + nome + ' para de copiar a atualização.');
    });

    $('#kpi-erro').on('click', function () {
        filtroAndamento = 'erro';
        $('#an-filtros .cp__chip').removeClass('is-on').filter('[data-filtro="erro"]').addClass('is-on');
        abrirAba('andamento');
    });

    /* ── Andamento ────────────────────────────────────────────── */
    var filtroAndamento = '';

    function pctBaixado (i) { return i.tamanho > 0 ? Math.min(100, Math.round(i.baixado * 100 / i.tamanho)) : null; }
    function textoBaixado (i) {
        return bytes(i.baixado) + (i.tamanho > 0 ? ' de ' + bytes(i.tamanho) + ' (' + pctBaixado(i) + '%)' : '');
    }

    function desenharAndamento (r) {
        if (!r.dist) r.dist = resumoDistribuicao(r);
        var st = r.status;
        var itens = (st && st.itens) || [];
        var c = contar(itens);
        $('#an-n-todos').text(c.total); $('#an-n-ok').text(c.ok); $('#an-n-erro').text(c.erro); $('#an-n-fila').text(c.fila);
        $('#an-n-cancelado').text(c.cancelado).parent().prop('hidden', !c.cancelado && filtroAndamento !== 'cancelado');
        desenharAgora(r, itens, c);
        desenharServidoresAndamento(r);
        $('#an-vazio').prop('hidden', itens.length > 0)
            .find('p').text(st ? 'Nenhum programa para baixar nesta execução (só adicionais e A Voz do Brasil).' : 'Nenhuma atualização registrada ainda.');
        $('#an-vazio .bt-diag').prop('hidden', !!st);
        $('#an-tabela').prop('hidden', itens.length === 0);

        // Ordem fixa: o que está rodando no topo, depois os já processados (o mais recente primeiro) e a fila
        // (ou os cancelados) no fim.
        var agora = [], feitos = [], fila = [];
        itens.forEach(function (i, n) {
            i.pos = n + 1;
            if (i.fase === 'fila' || i.fase === 'cancelado') fila.push(i);
            else if (i.fase === 'ok' || i.fase === 'erro') feitos.unshift(i);
            else agora.push(i);
        });

        var termo = norm($('#an-busca').val());
        var html = '';
        agora.concat(feitos, fila).forEach(function (i) {
            if (filtroAndamento && i.fase !== filtroAndamento) return;
            if (termo && norm(i.nome).indexOf(termo) === -1) return;
            var detalhe = i.fase === 'erro' ? '<span class="cp__err">' + esc(i.erro) + '</span>'
                : i.fase === 'cancelado' ? '<span class="cp__muted">conteúdo anterior mantido</span>'
                : i.fase === 'ok' ? esc(i.arquivos + ' arquivo(s)') + (i.aviso ? ' <span class="cp__warn">' + esc(i.aviso) + '</span>' : '')
                : i.fase === 'baixando' ? '<span class="cp__muted">' + textoBaixado(i) + '</span>'
                : '';
            if (i.fase === 'erro' || (i.fase === 'ok' && i.aviso)) {
                detalhe += '<div class="cp__row-acts">' + botaoLink(i.id, i.nome, st.data_ref, st.data_ref === hojeISO()) + '</div>';
            }
            html += '<tr class="' + (FASES[i.fase] && FASES[i.fase][1] === 'is-run' ? 'is-current' : '') + '">'
                + '<td class="cp__col-pos">' + i.pos + '</td>'
                + '<td><b>' + esc(i.nome) + '</b> <span class="cp__muted">#' + i.id + '</span></td>'
                + '<td class="cp__muted">' + esc(PASTAS[i.pasta] || i.pasta) + '</td>'
                + '<td>' + selo(FASES, i.fase) + '</td>'
                + '<td>' + detalhe + '</td>'
                + '<td class="cp__muted">' + esc(i.fim || i.inicio || '') + '</td></tr>';
        });
        $('#an-itens').html(html || '<tr><td colspan="6" class="cp__muted cp__center">Nada nesse filtro.</td></tr>');

        var linhas = (st && st.log) || [];
        $('#an-log-box').prop('hidden', !linhas.length);
        var log = $('#an-log')[0];
        var noFim = log.scrollTop + log.clientHeight >= log.scrollHeight - 5;
        $('#an-log').text(linhas.join('\n'));
        if (noFim) log.scrollTop = log.scrollHeight;
    }

    // Cartão do topo: o programa que está sendo baixado agora, a posição dele na fila e o progresso.
    function desenharAgora (r, itens, c) {
        var st = r.status;
        if (!r.rodando && r.dist.ativos.length) { desenharAgoraServidores(r.dist); return; }
        if (!r.rodando || !st) { $('#an-agora').prop('hidden', true); return; }
        var i = c.atual;
        var html;
        $('#an-agora').toggleClass('is-cancel', !!r.cancelando);
        if (i) {
            var pct = i.fase === 'baixando' ? pctBaixado(i) : null;
            var rotulo = !r.cancelando ? esc((FASES[i.fase] || [i.fase])[0]) + ' agora'
                : i.fase === 'publicando' ? 'Cancelando: termina de publicar este e para'
                : i.fase === 'extraindo' ? 'Cancelando: parando a extração' : 'Cancelando: parando este download';
            html = '<div class="cp__now-info"><span class="cp__now-label"><span class="cp__dot"></span>' + rotulo + '</span>'
                + '<b class="cp__now-nome">' + esc(i.nome) + '</b>'
                + '<span class="cp__now-sub">' + esc(PASTAS[i.pasta] || i.pasta) + ' &middot; #' + i.id + (i.inicio ? ' &middot; começou às ' + esc(i.inicio) : '') + '</span></div>'
                + '<div class="cp__now-pos"><b>' + (itens.indexOf(i) + 1) + '</b><small>de ' + c.total + '</small></div>'
                + '<div class="cp__meter"><div' + (pct === null ? ' class="is-indef" style="width:100%"' : ' style="width:' + pct + '%"') + '></div></div>'
                + '<small class="cp__now-bytes">' + (i.fase === 'baixando' ? textoBaixado(i) : esc(FASES[i.fase][0]) + '...') + '</small>';
        } else {
            html = '<div class="cp__now-info"><span class="cp__now-label"><span class="cp__dot"></span>' + (r.cancelando ? 'Cancelando' : 'Agora') + '</span>'
                + '<b class="cp__now-nome">' + esc(ETAPAS[st.etapa] || st.etapa) + '</b>'
                + '<span class="cp__now-sub">' + (c.total ? (c.ok + c.erro) + ' de ' + c.total + ' programas processados' : 'só adicionais e A Voz do Brasil') + '</span></div>'
                + '<div class="cp__meter"><div class="is-indef" style="width:100%"></div></div>';
        }
        $('#an-agora').html(html).prop('hidden', false);
    }

    // Cartão do topo depois do servidor de conteúdos: os servidores de distribuição copiando.
    function desenharAgoraServidores (d) {
        var copiando = d.lista.filter(function (x) { return x.k === 'baixando'; });
        var cancelando = d.ativos.every(function (s) { return s.agente && s.agente.cancelar; });
        var sub = copiando.length === 1 && copiando[0].s.agente.atual
            ? textoAndamentoServidor(copiando[0].s.agente.atual)
            : (d.total - d.n.ok - copiando.length) + ' na fila';
        $('#an-agora').toggleClass('is-cancel', cancelando).html(
            '<div class="cp__now-info"><span class="cp__now-label"><span class="cp__dot"></span>' + (cancelando ? 'Cancelando a cópia' : 'Copiando para os servidores') + '</span>'
            + '<b class="cp__now-nome">' + (copiando.length ? copiando.map(function (x) { return esc(x.s.nome); }).join(', ') : 'Começando...') + '</b>'
            + '<span class="cp__now-sub">' + sub + '</span></div>'
            + '<div class="cp__now-pos"><b>' + d.n.ok + '</b><small>de ' + d.total + ' prontos</small></div>'
            + '<div class="cp__meter"><div style="width:' + Math.round(d.fracao * 100) + '%"></div></div>'
            + '<small class="cp__now-bytes">A atualização termina quando todos os servidores copiarem.</small>'
        ).prop('hidden', false);
    }

    function desenharServidoresAndamento (r) {
        var d = r.dist;
        $('#an-servidores').prop('hidden', !d.destinos);
        if (!d.destinos) return;   // atualização que não foi pelo painel (terminal)
        guardarRegistrosAbertos();
        var resumo;
        if (!d.total) resumo = 'Nenhum servidor escolhido nesta atualização. Para mandar, use Baixar agora na tab Servidores.';
        else if (r.rodando) resumo = plural(d.total, 'servidor escolhido', 'servidores escolhidos') + ' · ' + (d.total === 1 ? 'copia' : 'copiam') + ' quando o servidor de conteúdos terminar';
        else if (d.destinos.situacao === 'nao_liberado') resumo = 'Não enviada aos servidores: ' + (MOTIVOS_NAO_ENVIADA[d.destinos.motivo] || 'a atualização não terminou') + '.';
        else resumo = d.n.ok + ' de ' + d.total + ' com esta atualização';
        $('#an-sv-resumo').text(resumo);
        $('#an-servidores .cp__scroll').prop('hidden', !d.total);
        $('#an-sv-itens').html(d.lista.map(function (x) { return linhaServidor(x.s, x.k, d.ctx); }).join(''));
    }

    $('#an-filtros').on('click', '.cp__chip', function () {
        filtroAndamento = $(this).data('filtro') || '';
        $('#an-filtros .cp__chip').removeClass('is-on');
        $(this).addClass('is-on');
        desenharAndamento(ultimoProgresso || {});
    });
    $('#an-busca').on('input', function () { desenharAndamento(ultimoProgresso || {}); });

    /* ── Atualizar ────────────────────────────────────────────── */
    var programasCarregados = false;

    function carregarProgramas () {
        programasCarregados = true;
        $('#at-lista').html(carregando());
        $('#at-aviso').prop('hidden', true);

        $.getJSON(URL_AJAX, { acao: 'programas', data: $('#at-data').val() }).done(function (r) {
            var total = 0;
            var html = '';

            $.each(PASTAS, function (pasta, titulo) {
                var itens = (r.pastas && r.pastas[pasta]) || [];
                if (!itens.length) return;
                total += itens.length;

                html += '<div class="cp__panel cp__panel--flush cp__group" data-pasta="' + pasta + '">'
                    + '<div class="cp__group-head"><label class="cp__check"><input type="checkbox" class="at-grupo"> '
                    + '<b>' + esc(titulo) + '</b></label><span class="cp__muted">' + itens.length + ' programa(s)</span></div>'
                    + '<div class="cp__scroll"><table class="cp__table cp__table--cards cp__progs"><thead><tr><th class="cp__col-chk"></th><th>Programa</th><th>Partes</th><th>Neste dia</th><th></th></tr></thead><tbody>';

                itens.forEach(function (p) {
                    var ultimo = p.ultimo
                        ? selo(SITUACOES, p.ultimo.status) + ' <span class="cp__muted">às ' + esc(p.ultimo.hora || '') + (p.ultimo.usuario ? ' ' + esc(quemFez(p.ultimo.usuario)) : '') + '</span>'
                          + (p.ultimo.erro ? '<div class="' + (p.ultimo.status === 'erro' ? 'cp__err' : 'cp__warn') + '">' + esc(p.ultimo.erro) + '</div>' : '')
                        : '<span class="cp__muted">ainda não atualizado</span>';
                    html += '<tr data-busca="' + esc(norm(p.nome)) + '">'
                        + '<td class="cp__col-chk"><input type="checkbox" class="at-item" value="' + p.id + '"></td>'
                        + '<td><b>' + esc(p.nome) + '</b> <span class="cp__muted">#' + p.id + '</span></td>'
                        + '<td class="cp__muted">' + (p.partes || '') + '</td>'
                        + '<td>' + ultimo + '</td>'
                        + '<td class="cp__right">' + botaoLink(p.id, p.nome, r.data, true, true)
                        + '<button type="button" class="cp__btn cp__btn--sm cp-so-admin at-um" data-id="' + p.id + '" data-nome="' + esc(p.nome) + '">'
                        + '<i class="fa-solid fa-cloud-arrow-down"></i> Atualizar</button></td></tr>';
                });
                html += '</tbody></table></div></div>';
            });

            var avisos = [];
            if (r.dia) avisos.push('Data de ' + esc(DIAS[r.dia] || r.dia) + '.');
            if (r.dia === 'dom') avisos.push('No domingo não há programas para baixar: a atualização só copia os adicionais e A Voz do Brasil.');
            else if (r.dia === 'sab') avisos.push('No sábado entram os programas de fim de semana e os que têm link de sábado.');
            if (r.aviso) avisos.push('<span class="cp__err">Servidor de conteúdos: ' + esc(r.aviso) + '</span>');
            $('#at-aviso').html('<i class="fa-solid fa-circle-info"></i> ' + avisos.join(' ')).prop('hidden', false);

            $('#at-lista').html(total ? html : '<div class="cp__panel"><div class="cp__empty"><p>Nenhum programa com link para esta data.</p></div></div>');
            filtrarProgramas();
            atualizarBotoes();
        }).fail(function (xhr) {
            programasCarregados = false;
            $('#at-lista').html('<div class="cp__panel"><div class="cp__empty"><p class="cp__err">' + esc(mensagemErro(xhr, 'Não foi possível carregar os programas.')) + '</p></div></div>');
        });
    }

    function filtrarProgramas () {
        var termo = norm($('#at-busca').val());
        $('#at-lista tr[data-busca]').each(function () {
            $(this).toggle(!termo || this.getAttribute('data-busca').indexOf(termo) !== -1);
        });
    }

    function atualizarBotoes () {
        var n = $('.at-item:checked').length;
        $('#at-selecionados').prop('disabled', n === 0 || rodandoAgora)
            .find('span').text(n ? 'Atualizar selecionados (' + n + ')' : 'Atualizar selecionados');
        $('#at-todos, .at-um').prop('disabled', rodandoAgora);
        $('.at-item').each(function () { $(this).closest('tr').toggleClass('is-sel', this.checked); });
        $('.at-grupo').each(function () {
            var grupo = $(this).closest('.cp__group');
            var todos = grupo.find('.at-item').length;
            var marcados = grupo.find('.at-item:checked').length;
            this.checked = todos > 0 && todos === marcados;
            this.indeterminate = marcados > 0 && marcados < todos;
        });
    }

    $('#at-data').val(hojeISO()).on('change', carregarProgramas);
    $('#at-busca').on('input', filtrarProgramas);
    $(document).on('change', '.at-item', atualizarBotoes);
    $(document).on('change', '.at-grupo', function () {
        $(this).closest('.cp__group').find('.at-item').filter(':visible').prop('checked', this.checked);
        atualizarBotoes();
    });

    // Na confirmação escolhem-se os servidores de distribuição que copiam quando o servidor de conteúdos terminar.
    function dispararAtualizacao (ids, descricao, data) {
        if (rodandoAgora) {
            avisar('Já tem uma atualização rodando. Espere terminar.', 'erro');
            return;
        }
        data = data || $('#at-data').val();
        janela('Iniciar a atualização?', '<p>' + descricao + '</p><p class="cp__muted">Data de referência: <b>' + esc(dataBR(data)) + '</b></p>'
            + '<div class="cp__dest"><div class="cp__dest-head"><b>Enviar para os servidores de distribuição</b>'
            + '<span class="cp__dest-acts"><button type="button" class="cp__link" data-dst="1">Todos</button><button type="button" class="cp__link" data-dst="0">Nenhum</button></span></div>'
            + '<p class="cp__muted">Os marcados copiam quando o servidor de conteúdos terminar. Os outros continuam com o conteúdo que já têm.</p>'
            + '<div class="cp__dest-lista" id="dst-lista">' + carregando() + '</div></div>', { ok: 'Atualizar' })
            .then(function (ok) {
                if (!ok) return;
                var destinos = $('#dst-lista .dst-item:checked').map(function () { return this.value; }).get();
                $('#at-todos, #at-selecionados, .at-um').prop('disabled', true);
                avisar('Iniciando a atualização...', 'ok');
                $.post(URL_AJAX, { acao: 'atualizar', data: data, ids: ids.join(','), servidores: destinos.join(',') }, null, 'json').done(function (r) {
                    avisar(r.message || 'Atualização iniciada.', 'ok');
                    $('.at-item').prop('checked', false);
                    rodandoAgora = true;
                    abrirAba('andamento');
                    carregarProgresso();
                }).fail(function (xhr) {
                    $('#toast').prop('hidden', true);
                    atualizarBotoes();
                    janela('A atualização não iniciou', '<p class="cp__err">' + esc(mensagemErro(xhr, 'Erro ao falar com o servidor de conteúdos.')) + '</p>'
                        + '<p class="cp__muted">Use "Verificar servidor" para ver o que falta no servidor de conteúdos.</p>', { ok: 'Verificar servidor' })
                        .then(function (verificar) { if (verificar) diagnostico(); });
                });
            });
        carregarDestinos();
    }

    // Lista de servidores da confirmação. Vêm marcados os escolhidos na atualização anterior.
    function carregarDestinos () {
        $.getJSON(URL_AJAX, { acao: 'servidores' }).done(function (r) {
            var antes = r.destinos ? r.destinos.ids : [];
            var html = r.servidores.map(function (s) {
                var k = situacaoServidor(s, r);
                var sem = semAgente(s);
                var sub = [s.apelido || s.cdn, s.ip].filter(Boolean).map(esc).join(' &middot; ');
                return '<label class="cp__dest-item' + (sem ? ' is-off' : '') + '"' + (sem ? ' title="Conecte este servidor na tab Servidores primeiro"' : '') + '>'
                    + '<input type="checkbox" class="dst-item" value="' + s.id + '"' + (sem ? ' disabled' : (antes.indexOf(s.id) !== -1 ? ' checked' : '')) + '>'
                    + '<span class="cp__dest-nome"><b>' + esc(s.nome) + '</b> <span class="cp__muted">#' + s.id + '</span>'
                    + (sub ? '<small class="cp__muted cp__block">' + sub + '</small>' : '') + '</span>' + selo(SITUACOES_SV, k) + '</label>';
            }).join('');
            $('#dst-lista').html(html || '<p class="cp__muted cp__dest-vazio">Nenhum servidor ativo na tabela servers.</p>');
            contarDestinos();
        }).fail(function (xhr) {
            $('#dst-lista').html('<p class="cp__err cp__dest-vazio">' + esc(mensagemErro(xhr, 'Não foi possível carregar os servidores.'))
                + ' A atualização roda só no servidor de conteúdos; depois use Baixar agora na tab Servidores.</p>');
        });
    }
    function contarDestinos () {
        var n = $('#dst-lista .dst-item:checked').length;
        $('#md-ok').text(n ? 'Atualizar e enviar para ' + plural(n, 'servidor', 'servidores') : 'Atualizar sem enviar');
    }
    $(document).on('change', '#dst-lista .dst-item', contarDestinos);
    $(document).on('click', '[data-dst]', function () {
        $('#dst-lista .dst-item:not(:disabled)').prop('checked', $(this).data('dst') === 1);
        contarDestinos();
    });

    $('#at-selecionados').on('click', function () {
        var ids = $('.at-item:checked').map(function () { return this.value; }).get();
        if (ids.length) dispararAtualizacao(ids, 'Serão baixados <b>' + ids.length + '</b> programa(s) selecionado(s).');
    });
    $(document).on('click', '.at-um', function () {
        dispararAtualizacao([$(this).data('id')], 'Será baixado só <b>' + esc($(this).data('nome')) + '</b>.');
    });
    $('#at-todos').on('click', function () {
        dispararAtualizacao([], 'Serão baixados <b>todos</b> os programas do dia, respeitando o limite por pasta configurado no download.php.');
    });

    /* ── A Voz do Brasil ──────────────────────────────────────── */
    // Roda no servidor de conteúdos o download-gov.php do cron das 20h15, com a data do campo Data.
    // Depois os servidores de distribuição copiam só a pasta dela.
    function botaoAvoz (baixando) {
        $('#at-avoz').prop('disabled', baixando).find('i').attr('class', baixando ? 'fa-solid fa-circle-notch fa-spin' : 'fa-solid fa-radio');
    }
    $('#at-avoz').on('click', function () {
        var data = $('#at-data').val() || hojeISO();
        var dia = new Date(data + 'T12:00:00').getDay();
        if (dia === 0 || dia === 6) return avisar('A Voz do Brasil só sai de segunda a sexta. Escolha outra data.', 'erro');
        if (data > hojeISO()) return avisar('A Voz do Brasil de ' + dataBR(data) + ' ainda não saiu.', 'erro');
        janela('Baixar A Voz do Brasil?', '<p>Baixa A Voz do Brasil de <b>' + esc(dataBR(data)) + '</b> e põe no lugar da que está no servidor de conteúdos.</p>'
            + '<p class="cp__muted">Depois os servidores de distribuição conectados copiam só a pasta dela (quem já tem a mesma não baixa nada).'
            + (data === hojeISO() ? ' A de hoje só sai depois das 20h.' : '') + '</p>', { ok: 'Baixar' })
            .then(function (ok) {
                if (!ok) return;
                botaoAvoz(true);
                $.post(URL_AJAX, { acao: 'avoz', data: data }, null, 'json').done(function (r) {
                    avisar(r.message || 'Baixando A Voz do Brasil.', 'ok');
                    acompanharAvoz(data, 0);
                }).fail(function (xhr) {
                    botaoAvoz(false);
                    janela('A Voz do Brasil não baixou', '<p class="cp__err">' + esc(mensagemErro(xhr, 'Erro ao falar com o servidor de conteúdos.')) + '</p>',
                        { ok: 'Fechar', semCancelar: true });
                });
            });
    });
    // Quando o download-gov.php termina, mostra o que ele escreveu (o mesmo que vai para o logs/avoz.log).
    function acompanharAvoz (data, falhas) {
        setTimeout(function () {
            $.getJSON(URL_AJAX, { acao: 'avoz_status' }).done(function (r) {
                if (r.rodando) return acompanharAvoz(data, 0);
                botaoAvoz(false);
                var texto = (r.saida || []).join('\n');
                var chamou = /\(#\d/.test(texto);   // "Pedido enviado para 3 servidores. (#1, #2, #3; só programas/A voz do brasil)"
                var baixou = /Download realizado com sucesso/.test(texto);
                janela('A Voz do Brasil de ' + dataBR(data), '<pre class="cp__saida">' + esc(texto || 'O download-gov.php não escreveu nada.') + '</pre>'
                    + (chamou ? '<p class="cp__muted">A cópia de cada servidor aparece na tab Servidores.</p>' : '')
                    + (baixou ? '<p><button type="button" class="cp__btn cp__btn--sm av-ouvir" data-dia="' + esc(data) + '"><i class="fa-solid fa-headphones"></i> Ouvir e comparar no Histórico</button></p>' : ''),
                    chamou ? { ok: 'Ver servidores', cancelar: 'Fechar', largo: true } : { ok: 'Fechar', semCancelar: true, largo: true })
                    .then(function (ver) { if (chamou && ver) abrirAba('servidores'); });
            }).fail(function (xhr) {
                if (falhas < 5) return acompanharAvoz(data, falhas + 1);
                botaoAvoz(false);
                avisar(mensagemErro(xhr, 'Não consegui acompanhar A Voz do Brasil.') + ' O resultado fica no logs/avoz.log do servidor de conteúdos.', 'erro');
            });
        }, 2000);
    }

    $(document).on('click', '.av-ouvir', function () {
        var dia = this.getAttribute('data-dia');
        $('#cpModal [data-md="0"]').first().trigger('click');
        ouvirNoHistorico('programas', 'A voz do brasil', dia);
    });

    /* ── Histórico ────────────────────────────────────────────── */
    // O servidor manda todos os dias guardados com o resumo de cada um, e os programas só do dia escolhido.
    var historico = null;
    var diaHistorico = null;
    var statusHistorico = '';
    var pedidoHistorico = 0;      // vale só a resposta do último pedido
    var depoisHistorico = null;   // o que fazer quando o dia carregar (Ouvir da A Voz do Brasil)

    function carregarHistorico (dia) {
        var vez = ++pedidoHistorico;
        if (dia) diaHistorico = dia;
        $('#hi-corpo').html('<tr><td colspan="6">' + carregando() + '</td></tr>');
        $.getJSON(URL_AJAX, { acao: 'historico', data: diaHistorico || '' }).done(function (r) {
            if (vez !== pedidoHistorico) return;
            historico = r;
            diaHistorico = r.dia;
            desenharDias();
            desenharHistorico();
            if (depoisHistorico) { var f = depoisHistorico; depoisHistorico = null; f(); }
        }).fail(function (xhr) {
            if (vez !== pedidoHistorico) return;
            $('#hi-corpo').html('<tr><td colspan="6" class="cp__err cp__center">' + esc(mensagemErro(xhr, 'Não foi possível carregar o histórico.')) + '</td></tr>');
        });
    }

    // Dias, do mais novo para o mais velho, com o resumo de cada um
    function desenharDias () {
        var html = '';
        historico.datas.forEach(function (d) {
            var n = historico.resumo[d] || { ok: 0, erro: 0, alerta: 0 };
            html += '<button type="button" class="cp__day' + (d === diaHistorico ? ' is-on' : '') + '" data-dia="' + d + '">'
                + '<span class="cp__day-top"><b>' + esc(nomeDia(d)) + '</b><span>' + esc(dataBR(d).substr(0, 5)) + '</span></span>'
                + '<span class="cp__day-nums"><i class="' + (n.ok ? 'is-ok' : 'is-zero') + '">' + n.ok + ' ok</i>'
                + '<i class="' + (n.erro ? 'is-err' : 'is-zero') + '">' + n.erro + ' erro</i>'
                + '<i class="' + (n.alerta ? 'is-warn' : 'is-zero') + '">' + n.alerta + ' alerta</i></span></button>';
        });
        var lista = document.getElementById('hi-dias');
        var rolagem = lista.scrollLeft;
        lista.innerHTML = html;
        lista.scrollLeft = rolagem;
        mostrarDiaEscolhido();
        $('#hi-data').attr({ min: historico.datas[historico.datas.length - 1], max: historico.datas[0] }).val(diaHistorico);
    }

    // Rola a faixa só o necessário para o dia escolhido aparecer, e mostra as setas quando os dias não cabem.
    function mostrarDiaEscolhido () {
        var lista = document.getElementById('hi-dias');
        var dia = lista.querySelector('.cp__day.is-on');
        if (dia) {
            if (dia.offsetLeft < lista.scrollLeft) lista.scrollLeft = dia.offsetLeft;
            else if (dia.offsetLeft + dia.offsetWidth > lista.scrollLeft + lista.clientWidth) lista.scrollLeft = dia.offsetLeft + dia.offsetWidth - lista.clientWidth;
        }
        atualizarSetas();
    }
    function atualizarSetas () {
        var lista = document.getElementById('hi-dias');
        var sobra = lista.scrollWidth - lista.clientWidth;
        $('#hi-mais-novos, #hi-mais-antigos').prop('hidden', sobra <= 2);
        $('#hi-mais-novos').prop('disabled', lista.scrollLeft <= 2);
        $('#hi-mais-antigos').prop('disabled', lista.scrollLeft >= sobra - 2);
    }
    $('#hi-dias').on('scroll', atualizarSetas);
    $(window).on('resize', function () { if (abaAtual === 'historico') atualizarSetas(); });
    $('#hi-mais-novos, #hi-mais-antigos').on('click', function () {
        var lista = document.getElementById('hi-dias');
        lista.scrollBy({ left: (this.id === 'hi-mais-antigos' ? 1 : -1) * lista.clientWidth * 0.8, behavior: 'smooth' });
    });

    function desenharHistorico () {
        if (!historico) return;
        var pasta = $('#hi-pasta').val();
        var termo = norm($('#hi-busca').val());

        // Programas do dia escolhido, com a contagem por situação
        var linhas = [];
        var cont = { '': 0, ok: 0, igual: 0, incompleto: 0, erro: 0, cancelado: 0, sem: 0 };
        historico.programas.forEach(function (p) {
            if (pasta && p.pasta !== pasta) return;
            if (termo && norm(p.nome).indexOf(termo) === -1) return;
            var dia = p.dias[diaHistorico] || { status: 'sem' };
            cont['']++; cont[dia.status] = (cont[dia.status] || 0) + 1;
            if (!statusHistorico || dia.status === statusHistorico) linhas.push([p, dia]);
        });

        var chips = '';
        [['', 'Todos'], ['ok', 'Atualizado'], ['igual', 'Igual'], ['incompleto', 'Incompleto'], ['erro', 'Erro'], ['cancelado', 'Cancelado'], ['sem', 'Sem atualização']].forEach(function (s) {
            if (s[0] === 'cancelado' && !cont.cancelado && statusHistorico !== 'cancelado') return;
            chips += '<button type="button" class="cp__chip' + (statusHistorico === s[0] ? ' is-on' : '') + (s[0] ? ' st-' + s[0] : '') + '" data-status="' + s[0] + '">'
                + esc(s[1]) + ' <b>' + (cont[s[0]] || 0) + '</b></button>';
        });
        $('#hi-status').html(chips);

        var html = '';
        var domingo = new Date(diaHistorico + 'T12:00:00').getDay() === 0;
        linhas.forEach(function (l) {
            var p = l[0], dia = l[1];
            html += '<tr>'
                + '<td><b>' + esc(p.nome) + '</b><small class="cp__muted cp__block">' + esc(PASTAS[p.pasta] || p.pasta) + '</small></td>'
                + '<td>' + selo(SITUACOES, dia.status) + '</td>'
                + '<td class="cp__muted">' + esc(dia.hora || '') + (dia.usuario && dia.hora ? '<small class="cp__block">' + esc(quemFez(dia.usuario)) + '</small>' : '') + '</td>'
                + '<td class="cp__muted">' + (dia.arquivos || '') + '</td>'
                + '<td>' + (dia.erro ? '<span class="' + (dia.status === 'erro' ? 'cp__err' : 'cp__warn') + '">' + esc(dia.erro) + '</span>' : '') + '</td>'
                + '<td class="cp__right">' + (p.id && !domingo ? botaoLink(p.id, p.nome, diaHistorico, diaHistorico === hojeISO(), true) : '')
                + (dia.tem_arquivos
                    ? '<button type="button" class="cp__btn cp__btn--sm hi-abrir" data-pasta="' + esc(p.pasta) + '" data-nome="' + esc(p.pasta_nome) + '" data-titulo="' + esc(p.nome) + '">'
                      + '<i class="fa-solid fa-headphones"></i> Ouvir</button>'
                    : '') + '</td></tr>';
        });
        $('#hi-corpo').html(html || '<tr><td colspan="6" class="cp__muted cp__center">Nada encontrado para este dia.</td></tr>');
    }

    $('#hi-dias').on('click', '.cp__day', function () {
        var dia = this.getAttribute('data-dia');
        if (dia === diaHistorico) return;
        $('#hi-dias .cp__day').removeClass('is-on');
        $(this).addClass('is-on');
        carregarHistorico(dia);
    });
    // Ir para um dia: sem nada guardado nele, vai para o dia guardado mais perto antes dele.
    $('#hi-data').on('change', function () {
        if (!this.value || !historico) return;
        var d = this.value;
        var datas = historico.datas;
        var dia = datas.filter(function (x) { return x <= d; })[0] || datas[datas.length - 1];
        if (dia !== d) avisar('Nada guardado em ' + dataBR(d) + '. Mostrando ' + dataBR(dia) + '.', 'ok');
        if (dia !== diaHistorico) carregarHistorico(dia); else this.value = dia;
    });
    $('#hi-status').on('click', '.cp__chip', function () { statusHistorico = String($(this).data('status') || ''); desenharHistorico(); });
    $('#hi-pasta').on('change', desenharHistorico);
    $('#hi-busca').on('input', desenharHistorico);
    $('#hi-recarregar').on('click', function () { carregarHistorico(); });

    // "Ouvir" abre a lista de arquivos logo abaixo do programa. Com "Comparar com" outro dia, cada arquivo fica
    // ao lado do mesmo arquivo do outro dia, e o player troca de um para o outro no mesmo ponto.
    $(document).on('click', '.hi-abrir', function () {
        var botao = $(this);
        var linha = botao.closest('tr');
        if (linha.next().hasClass('hi-arquivos')) { linha.next().remove(); linha.removeClass('is-open'); return; }
        $('.hi-arquivos').remove();
        $('#hi-corpo tr').removeClass('is-open');
        linha.addClass('is-open');

        var ctx = { pasta: String(botao.data('pasta')), nome: String(botao.data('nome')), titulo: String(botao.data('titulo')), a: null, b: null, vez: 0 };
        var abre = $('<tr class="hi-arquivos"><td colspan="6">' + carregando() + '</td></tr>').insertAfter(linha).data('ctx', ctx);
        $.getJSON(URL_AJAX, { acao: 'arquivos', pasta: ctx.pasta, nome: ctx.nome, data: diaHistorico }).done(function (r) {
            ctx.a = r;
            desenharArquivos(abre);
        }).fail(function (xhr) {
            abre.find('td').html('<span class="cp__err">' + esc(mensagemErro(xhr, 'Não foi possível carregar os arquivos.')) + '</span>');
        });
    });

    function filaArquivos (ctx, r) {
        return r.arquivos.map(function (a, i) {
            var url = URL_AJAX + '?' + $.param({ acao: 'ouvir', pasta: ctx.pasta, nome: ctx.nome, data: r.data, arquivo: a.nome });
            return { i: i, titulo: ctx.titulo, data: r.data, nome: a.nome, tamanho: a.tamanho, md5: a.md5, url: url, baixar: url + '&baixar=1', par: null };
        });
    }

    // Junta cada arquivo com o do outro dia: primeiro pelo nome; os que sobram, pela ordem.
    function parear (fa, fb) {
        var livres = fb.map(function (y) { return y.i; });
        fa.forEach(function (x) {
            var y = fb.filter(function (y) { return y.nome === x.nome; })[0];
            if (y) { x.par = y.i; y.par = x.i; livres.splice(livres.indexOf(y.i), 1); }
        });
        fa.forEach(function (x) {
            if (x.par === null && livres.length) { x.par = livres.shift(); fb[x.par].par = x.i; }
        });
        fa.outra = fb;
        fb.outra = fa;
    }

    function etiquetaDia (d) { return '<span class="cp__file-dia">' + esc(dataBR(d).substr(0, 5)) + '</span>'; }

    function htmlArquivo (f, lado, extra) {
        if (!f) return '<div class="cp__file cp__file--vazio">Não tem neste dia</div>';
        return '<div class="cp__file" data-url="' + esc(f.url) + '">'
            + '<button type="button" class="cp__round hi-tocar" data-lado="' + lado + '" data-i="' + f.i + '" title="Ouvir"><i class="fa-solid fa-play"></i></button>'
            + '<span class="cp__file-nome" title="' + esc(f.nome) + '">' + esc(f.nome) + '</span>' + (extra || '')
            + '<span class="cp__muted">' + bytes(f.tamanho) + '</span>'
            + '<a class="cp__round" href="' + esc(f.baixar) + '" download="' + esc(f.nome) + '" title="Baixar"><i class="fa-solid fa-download"></i></a></div>';
    }

    function desenharArquivos (abre) {
        var ctx = abre.data('ctx');
        var r = ctx.a;
        var fa = filaArquivos(ctx, r);
        var fb = ctx.b ? filaArquivos(ctx, ctx.b) : null;
        if (fb) parear(fa, fb);
        abre.data('fila', fa).data('filaB', fb);

        var html = '<div class="cp__files">';
        var outros = (r.datas || []).filter(function (d) { return d !== r.data; });
        if (outros.length) {
            html += '<div class="cp__cmp-bar"><span>Comparar com</span>'
                + '<select class="cp__input cp__input--sm hi-comparar" aria-label="Comparar com outro dia"><option value="">nenhum dia</option>'
                + outros.map(function (d) {
                    return '<option value="' + d + '"' + (ctx.b && ctx.b.data === d ? ' selected' : '') + '>' + esc(nomeDia(d) + ', ' + dataBR(d)) + '</option>';
                }).join('') + '</select></div>';
        }
        if (!fb) {
            if (r.dia_anterior) html += '<p class="cp__muted">Comparado com o dia ' + esc(dataBR(r.dia_anterior)) + '.</p>';
            fa.forEach(function (f) {
                html += htmlArquivo(f, 'a', r.arquivos[f.i].igual_anterior ? '<span class="cp__st is-same">igual ao dia anterior</span>' : '');
            });
            if (!fa.length) html += '<p class="cp__muted">Nenhum arquivo guardado neste dia.</p>';
        } else {
            html += '<div class="cp__cmp-row cp__cmp-head"><span>' + esc(nomeDia(r.data) + ', ' + dataBR(r.data)) + '</span><span></span>'
                + '<span>' + esc(nomeDia(ctx.b.data) + ', ' + dataBR(ctx.b.data)) + '</span></div>';
            var pares = fa.map(function (x) { return [x, x.par === null ? null : fb[x.par]]; })
                .concat(fb.filter(function (y) { return y.par === null; }).map(function (y) { return [null, y]; }));
            pares.forEach(function (p) {
                var selo = p[0] && p[1] ? (p[0].md5 && p[0].md5 === p[1].md5
                    ? '<span class="cp__st is-same" title="Os dois arquivos têm o mesmo conteúdo">idênticos</span>'
                    : '<span class="cp__st is-none" title="O conteúdo dos dois arquivos é diferente">diferentes</span>') : '';
                html += '<div class="cp__cmp-row">' + htmlArquivo(p[0], 'a', etiquetaDia(r.data)) + '<div class="cp__cmp-selo">' + selo + '</div>'
                    + htmlArquivo(p[1], 'b', etiquetaDia(ctx.b.data)) + '</div>';
            });
            html += '<p class="cp__muted">Toque um arquivo e use <b>Ouvir ' + esc(dataBR(ctx.b.data).substr(0, 5)) + '</b> no player (ou a tecla C) para ouvir o mesmo trecho no outro dia, e voltar.</p>';
        }
        abre.find('td').html(html + '</div>');

        // Se o player já está num destes arquivos, ele passa a usar esta lista: o botão de trocar de dia aparece na hora.
        var atual = !$('#player').prop('hidden') && filaPlayer[posPlayer];
        if (atual) {
            [fa, fb].forEach(function (fila) {
                (fila || []).forEach(function (f) { if (f.url === atual.url) { filaPlayer = fila; posPlayer = f.i; } });
            });
            infoPlayer();
        }
        marcarTocando();
    }

    $(document).on('change', '.hi-comparar', function () {
        var abre = $(this).closest('.hi-arquivos');
        var ctx = abre.data('ctx');
        var vez = ++ctx.vez;
        if (!this.value) { ctx.b = null; return desenharArquivos(abre); }
        $(this).after('<i class="fa-solid fa-circle-notch fa-spin cp__muted"></i>');
        $.getJSON(URL_AJAX, { acao: 'arquivos', pasta: ctx.pasta, nome: ctx.nome, data: this.value }).done(function (r) {
            if (vez !== ctx.vez) return;
            ctx.b = r;
            desenharArquivos(abre);
        }).fail(function (xhr) {
            if (vez !== ctx.vez) return;
            desenharArquivos(abre);
            avisar(mensagemErro(xhr, 'Não foi possível carregar o outro dia.'), 'erro');
        });
    });

    $(document).on('click', '.hi-tocar', function () {
        var abre = $(this).closest('.hi-arquivos');
        tocar(abre.data($(this).data('lado') === 'b' ? 'filaB' : 'fila'), Number($(this).data('i')));
    });

    // Abre o Histórico no dia, só com esse programa, e a lista de arquivos dele aberta.
    function ouvirNoHistorico (pasta, nome, dia) {
        $('#hi-busca').val(nome);
        $('#hi-pasta').val('');
        statusHistorico = '';
        depoisHistorico = function () {
            $('#hi-corpo .hi-abrir').filter(function () { return this.getAttribute('data-pasta') === pasta && this.getAttribute('data-nome') === nome; }).first().trigger('click');
        };
        historico = null;
        diaHistorico = dia;
        abrirAba('historico');
    }

    /* ── Verificar link ───────────────────────────────────────── */
    // O servidor de conteúdos baixa a pasta do link como a atualização faria, sem publicar nada, e
    // mostra o que tem nela, o que seria usado como cada parte e o que já está no ar.
    var NIVEIS = {
        erro: ['is-err', 'fa-circle-xmark'], aviso: ['is-warn', 'fa-triangle-exclamation'],
        ok: ['is-ok', 'fa-circle-check'], info: ['is-info', 'fa-circle-info']
    };
    var verificacaoAtual = 0;   // muda a cada janela aberta; respostas de uma janela já fechada são ignoradas

    function botaoLink (id, nome, data, podeAtualizar, curto) {
        return '<button type="button" class="cp__btn cp__btn--sm cp__btn--ghost bt-link" data-id="' + id + '" data-nome="' + esc(nome) + '" data-data="' + esc(data) + '"'
            + (podeAtualizar && PODE_ATUALIZAR ? ' data-atualizar="1"' : '') + ' title="Verificar link: baixa a pasta do link e mostra o que tem nela">'
            + '<i class="fa-solid fa-link"></i><span' + (curto ? ' class="cp__lbl-md"' : '') + '>Verificar link</span></button>';
    }

    $(document).on('click', '.bt-link', function () {
        var b = $(this);
        verificarLink(b.data('id'), String(b.data('nome')), String(b.data('data')), !!b.data('atualizar'));
    });

    function verificarLink (id, nome, data, podeAtualizar) {
        var vez = ++verificacaoAtual;
        var inicio = Date.now();
        janela('Verificar link',
            '<div class="cp__vl-head"><div class="cp__vl-prog"><b>' + esc(nome) + '</b><small id="vl-sub">' + esc(dataBR(data)) + '</small></div></div>'
            + '<div id="vl-corpo">' + carregando() + '</div>',
            { ok: 'Atualizar só este', cancelar: 'Fechar', largo: true, semOk: true })
            .then(function (ok) {
                if (vez === verificacaoAtual) verificacaoAtual++;   // para de acompanhar
                if (ok) dispararAtualizacao([id], 'Será baixado só <b>' + esc(nome) + '</b>.', data);
            });

        $.post(URL_AJAX, { acao: 'verificar', id: id, data: data }, null, 'json').done(function (r) {
            if (vez !== verificacaoAtual) return;
            $('#vl-sub').html(esc(PASTAS[r.pasta] || r.pasta) + ' &middot; link de ' + esc(r.dia) + ' &middot; ' + esc(dataBR(data)));
            if (/^https?:\/\//i.test(r.link)) {
                $('.cp__vl-head').append('<a class="cp__btn cp__btn--sm" href="' + esc(r.link) + '" target="_blank" rel="noopener noreferrer" title="Abre a pasta no navegador">'
                    + '<i class="fa-solid fa-arrow-up-right-from-square"></i> Abrir a pasta</a>')
                    .after('<div class="cp__vl-link">' + esc(r.link) + '</div>');
            }
            $('#vl-corpo').html('<div class="cp__vl-wait"><p>Baixando a pasta do link, do mesmo jeito que a atualização faz. Nada é publicado.</p>'
                + '<div class="cp__meter"><div class="is-indef" id="vl-barra" style="width:100%"></div></div>'
                + '<small class="cp__muted" id="vl-baixado">conectando ao link...</small></div>');
            acompanharVerificacao(vez, r.id, inicio, podeAtualizar, 0);
        }).fail(function (xhr) {
            if (vez !== verificacaoAtual) return;
            $('#vl-corpo').html('<p class="cp__err cp__vl-msg">' + esc(mensagemErro(xhr, 'Não foi possível começar a verificação.')) + '</p>');
        });
    }

    function acompanharVerificacao (vez, id, inicio, podeAtualizar, falhas) {
        $.getJSON(URL_AJAX, { acao: 'verificacao', id: id }).done(function (j) {
            if (vez !== verificacaoAtual) return;
            if (j.estado === 'pronto' && j.resultado) {
                $('#vl-corpo').html(htmlVerificacao(j.resultado, j));
                $('#md-ok').prop('hidden', !podeAtualizar || rodandoAgora);
                return;
            }
            var pct = j.tamanho > 0 ? Math.min(100, Math.round(j.baixado * 100 / j.tamanho)) : null;
            $('#vl-barra').toggleClass('is-indef', pct === null).css('width', (pct === null ? 100 : pct) + '%');
            $('#vl-baixado').text((j.baixado > 0 || pct !== null ? bytes(j.baixado) + (pct !== null ? ' de ' + bytes(j.tamanho) + ' (' + pct + '%)' : ' baixados') : 'conectando ao link...')
                + ' · ' + tempo((Date.now() - inicio) / 1000));
            setTimeout(function () { acompanharVerificacao(vez, id, inicio, podeAtualizar, 0); }, 1000);
        }).fail(function (xhr) {
            if (vez !== verificacaoAtual) return;
            // Sem resposta por um instante: tenta de novo antes de desistir.
            if ((xhr.status === 0 || xhr.status === 502) && falhas < 5) {
                setTimeout(function () { acompanharVerificacao(vez, id, inicio, podeAtualizar, falhas + 1); }, 2000);
                return;
            }
            $('#vl-corpo').html('<p class="cp__err cp__vl-msg">' + esc(mensagemErro(xhr, 'A verificação parou sem resposta do servidor de conteúdos.')) + '</p>');
        });
    }

    function htmlVerificacao (r, j) {
        var niveis = r.verificacoes.map(function (v) { return v.nivel; });
        var pior = niveis.indexOf('erro') !== -1 ? 'erro' : (niveis.indexOf('aviso') !== -1 ? 'aviso' : 'ok');
        var vd = {
            erro: ['is-err', 'fa-circle-xmark', 'O link tem problema'],
            aviso: ['is-warn', 'fa-triangle-exclamation', 'O link funciona, mas tem avisos'],
            ok: ['is-ok', 'fa-circle-check', 'O link está OK']
        }[pior];
        var html = '<div class="cp__verdict ' + vd[0] + '"><i class="fa-solid ' + vd[1] + '"></i><div><b>' + vd[2] + '</b>'
            + '<span>Conferido às ' + esc((j.fim || '').substr(11, 5)) + '</span></div></div>';

        html += '<ul class="cp__checks cp__checks--tight">';
        r.verificacoes.forEach(function (v) {
            var n = NIVEIS[v.nivel] || NIVEIS.info;
            html += '<li class="' + n[0] + '"><i class="fa-solid ' + n[1] + '"></i><div>' + esc(v.texto) + '</div></li>';
        });
        html += '</ul>';

        if (r.formato === 'pagina') {
            html += '<h3 class="cp__vl-h"><span>O link abriu esta página</span></h3><div class="cp__vl-page">'
                + (r.titulo_pagina ? '<b>' + esc(r.titulo_pagina) + '</b>' : '')
                + (r.trecho ? '<p>' + esc(r.trecho) + '</p>' : '<p class="cp__muted">Página sem texto.</p>') + '</div>';
        }

        if (r.formato === 'zip') {
            var soma = r.arquivos.reduce(function (t, a) { return t + a.tamanho; }, 0);
            html += '<h3 class="cp__vl-h"><span>Na pasta do link</span><small>' + r.arquivos.length + ' arquivo(s)' + (soma ? ' &middot; ' + bytes(soma) : '') + '</small></h3>';
            if (!r.arquivos.length) {
                html += '<div class="cp__vl-files"><p class="cp__vl-vazio"><i class="fa-regular fa-folder-open"></i> A pasta está vazia.</p></div>';
            } else {
                html += '<div class="cp__vl-files">';
                r.arquivos.forEach(function (a) {
                    html += '<div class="cp__vl-file' + (a.uso ? '' : ' is-out') + '">'
                        + '<span class="cp__vl-nome">' + esc(a.nome) + '</span>'
                        + '<span class="cp__vl-meta">' + bytes(a.tamanho) + ' &middot; ' + esc(dataBR(a.data)) + '</span>'
                        + '<span class="cp__vl-uso">' + (a.uso
                            ? '<i class="fa-solid fa-arrow-right"></i> ' + esc(a.uso) + (a.igual_ao_ar ? ' <span class="cp__st is-same">igual ao que está no ar</span>' : '')
                            : '<span class="cp__warn">fica de fora: ' + esc(a.motivo) + '</span>') + '</span></div>';
                });
                html += '</div>';
            }
        }

        // O que está no ar agora (vem mesmo quando o link falha)
        var noAr = r.no_ar || [];
        var maisNovo = noAr.reduce(function (m, a) { return a.data > m ? a.data : m; }, '');
        html += '<details class="cp__fold"><summary>No ar agora <span class="cp__muted">&middot; '
            + (noAr.length ? noAr.length + ' arquivo(s), o mais novo de ' + esc(dataBR(maisNovo)) : 'nenhum arquivo') + '</span></summary><div class="cp__fold-body">';
        noAr.forEach(function (a) {
            html += '<div class="cp__vl-file cp__vl-file--ar"><span class="cp__vl-nome">' + esc(a.nome) + '</span>'
                + '<span class="cp__vl-meta">' + bytes(a.tamanho) + ' &middot; ' + esc(dataBR(a.data)) + '</span></div>';
        });
        if (!noAr.length) html += '<p class="cp__vl-vazio">Nada no ar para este programa em ' + esc('contents/' + (r.pasta_no_ar || '')) + '.</p>';
        html += '</div></details>';

        html += '<details class="cp__fold"><summary>Detalhes técnicos</summary><dl class="cp__kv">'
            + '<dt>Endereço baixado</dt><dd>' + esc(r.url) + '</dd>'
            + (r.url_final && r.url_final !== r.url ? '<dt>Foi parar em</dt><dd>' + esc(r.url_final) + '</dd>' : '')
            + '<dt>Resposta</dt><dd>' + (r.http ? 'HTTP ' + r.http : 'sem resposta') + (r.tipo_conteudo ? ' &middot; ' + esc(r.tipo_conteudo) : '') + '</dd>'
            + '<dt>Recebido</dt><dd>' + bytes(r.tamanho) + ' em ' + (r.tempo < 1 ? 'menos de 1 s' : String(r.tempo).replace('.', ',') + ' s') + '</dd>'
            + (r.pasta_no_ar ? '<dt>Pasta no ar</dt><dd>contents/' + esc(r.pasta_no_ar) + '</dd>' : '')
            + '</dl></details>';
        return html;
    }

    /* ── Servidores de distribuição ───────────────────────────── */
    // Cada servidor roda o conteudos-agente.sh, que baixa do servidor de conteúdos e conta o andamento.
    var servidores = null;
    var filtroServidores = '';
    var timerServidores = null;
    var registrosAbertos = {};   // registros de erro abertos continuam abertos quando a lista atualiza
    var LOCAIS = { br: 'Brasil', us: 'EUA', eu: 'Europa' };
    var SITUACOES_SV = {
        ok: ['Em dia', 'is-ok'], baixando: ['Baixando', 'is-run'], fila: ['Na fila', 'is-run'], aguardando: ['Aguardando', 'is-none'],
        desatualizado: ['Desatualizado', 'is-warn'], cancelado: ['Cancelado', 'is-cancel'], nao_enviado: ['Não enviada', 'is-cancel'],
        erro: ['Erro', 'is-err'], offline: ['Sem resposta', 'is-err'], sem: ['Sem agente', 'is-none']
    };
    var MOTIVOS = { automatico: 'automático', pedido: 'chamado pelo servidor de conteúdos', manual: 'rodado no terminal' };
    var ORIGENS = { atualizacao: 'atualização', baixar: 'Baixar agora', avoz: 'A Voz do Brasil' };
    // Por que o servidor baixou: quem pediu (atualização, A Voz ou Baixar agora, pelo cron ou com o nome de quem
    // estava no painel). Downloads de antes de o servidor de conteúdos guardar isso mostram só o motivo do agente.
    function origemDownload (x) {
        if (x && x.origem && x.origem.length) {
            return x.origem.map(function (o) { var q = quemFez(o.quem); return (ORIGENS[o.como] || 'pedido') + (q ? ' ' + q : ''); }).join(' e ');
        }
        return MOTIVOS[x && x.motivo] || (x && x.motivo) || 'download';
    }

    function hora (ts) { return ts ? hhmm(new Date(ts * 1000)) : ''; }
    function diaHora (ts) {
        if (!ts) return '';
        var d = new Date(ts * 1000);
        return (isoLocal(d) === hojeISO() ? '' : String(d.getDate()).padStart(2, '0') + '/' + String(d.getMonth() + 1).padStart(2, '0') + ' ') + hhmm(d);
    }
    // A versão é a execução do download.php (AAAAMMDDHHMMSS de quando começou).
    function nomeVersao (v) { return v && v.length >= 12 ? v.substr(6, 2) + '/' + v.substr(4, 2) + ' ' + v.substr(8, 2) + ':' + v.substr(10, 2) : ''; }
    function duracao (seg) { return seg < 60 ? seg + ' s' : tempo(seg); }
    function plural (n, um, varios) { return n + ' ' + (n === 1 ? um : varios); }

    // "3 trocados · 1 novo · 40 iguais · 2 apagados" (só o que não é zero)
    function contagem (o, vazio) {
        var p = [];
        if (o.trocados) p.push(plural(o.trocados, 'trocado', 'trocados'));
        if (o.novos) p.push(plural(o.novos, 'novo', 'novos'));
        if (o.iguais) p.push(plural(o.iguais, 'igual', 'iguais'));
        if (o.apagados) p.push(plural(o.apagados, 'apagado', 'apagados'));
        return p.length ? p.join(' &middot; ') : (vazio || '');
    }
    function textoAndamentoServidor (at) {
        return (at.pasta ? esc(at.pasta) + ' (' + at.n + ' de ' + at.de + ')' : 'começando')
            + (at.pct !== null && at.pct !== undefined ? ' &middot; ' + at.pct + '%' : '');
    }

    // Servidores escolhidos para a atualização atual (destinos do daily.php), ou null se ela não foi pelo painel.
    function destinosAtuais (ctx) { return ctx && ctx.destinos && ctx.destinos.atual ? ctx.destinos : null; }
    function escolhido (dst, id) { return !!dst && dst.ids.indexOf(id) !== -1; }
    var MOTIVOS_NAO_ENVIADA = { cancelada: 'a atualização foi cancelada', interrompida: 'a atualização parou no meio', substituida: 'outra atualização rodou depois' };

    // O agente deste servidor ainda não falou com o painel (nunca, ou não desde a troca do servidor de conteúdos).
    function semAgente (s) { return !s.agente || !s.agente.visto; }

    // ctx: { agora, versao, rodando, destinos, chamar_hts } do servidor de conteúdos.
    function situacaoServidor (s, ctx) {
        ctx = ctx || servidores;
        var a = s.agente;
        if (semAgente(s)) return a && a.chamada_erro ? 'erro' : 'sem';
        // Chamado pelo painel, o agente só fala com ele quando tem cópia: sem resposta só no meio de um download.
        if (ctx.agora - a.visto > 150 && (!a.chamado || a.estado === 'baixando')) return 'offline';
        if (a.estado === 'baixando') return 'baixando';
        if (a.pedido && a.chamada_erro) return 'erro';
        var dst = destinosAtuais(ctx);
        // Escolhido (ou com Baixar agora) enquanto o servidor de conteúdos baixa: copia quando ele terminar.
        if (ctx.rodando && (escolhido(dst, s.id) || a.pedido)) return 'aguardando';
        if (a.pedido) return 'fila';
        var u = a.ultimo;
        if (u && u.resultado === 'erro') return 'erro';
        if (!ctx.versao || a.versao_local === ctx.versao) return 'ok';
        if (a.cancelar || (u && u.resultado === 'cancelado' && u.versao === ctx.versao) || a.versao_cancelada === ctx.versao) return 'cancelado';
        // Enquanto a atualização roda, quem não foi escolhido continua em dia com o conteúdo de antes dela.
        if (ctx.rodando && dst && a.versao_local === dst.execucao_antes) return 'ok';
        if (escolhido(dst, s.id) && dst.situacao === 'nao_liberado') return 'nao_enviado';
        return 'desatualizado';
    }

    function guardarRegistrosAbertos () {
        $('.cp details[data-registro]').each(function () { registrosAbertos[this.getAttribute('data-registro')] = this.open; });
    }

    // Uma linha de servidor (tab Servidores e Andamento).
    function linhaServidor (s, k, ctx) {
        var a = s.agente || {};
        var u = a.ultimo;
        var detalhe = '';
        if (k === 'baixando') {
            var at = a.atual || {};
            var pct = at.pct === null || at.pct === undefined ? null : at.pct;
            detalhe = '<div class="cp__sv-prog"><span>' + (a.cancelar ? '<span class="cp__warn">Cancelando...</span> ' : '')
                + (at.pasta ? esc(at.pasta) + ' <span class="cp__muted">(' + at.n + ' de ' + at.de + ')</span>' : 'Começando...') + '</span>'
                + '<span class="cp__muted">' + (pct !== null ? pct + '%' : '') + (at.bytes ? ' &middot; ' + bytes(at.bytes) : '') + (at.velocidade ? ' &middot; ' + esc(at.velocidade) : '') + '</span></div>'
                + '<div class="cp__meter"><div' + (pct === null ? ' class="is-indef" style="width:100%"' : ' style="width:' + pct + '%"') + '></div></div>'
                + '<small class="cp__muted cp__block">' + (at.programa ? esc(at.programa) + ' &middot; ' : '') + contagem(at, a.comparar === false ? 'listando arquivos...' : 'comparando arquivos...') + '</small>'
                + '<small class="cp__muted cp__block">' + esc(origemDownload(at)) + (at.inicio ? ', começou às ' + hora(at.inicio) : '') + '</small>';
        } else if (k === 'fila') {
            detalhe = a.chamado ? 'Chamando o servidor. Começa em instantes.' : 'Pedido enviado. Começa em instantes.';
        } else if (k === 'aguardando') {
            detalhe = 'Copia quando a atualização do servidor de conteúdos terminar.';
        } else if (k === 'desatualizado') {
            detalhe = (a.versao_local ? 'Com a atualização de ' + esc(nomeVersao(a.versao_local)) + '. ' : 'Ainda não copiou nenhuma atualização. ')
                + '<span class="cp__muted">Não recebeu a de ' + esc(nomeVersao(ctx.versao)) + '; para mandar, use Baixar agora.</span>';
        } else if (k === 'nao_enviado') {
            detalhe = 'Não recebeu: ' + esc(MOTIVOS_NAO_ENVIADA[(ctx.destinos || {}).motivo] || 'a atualização não terminou') + ' no servidor de conteúdos.'
                + ' <span class="cp__muted">Para mandar o que já foi atualizado, use Baixar agora.</span>';
        } else if (k === 'cancelado') {
            detalhe = 'Cópia da atualização de ' + esc(nomeVersao(ctx.versao)) + ' cancelada no painel'
                + (u && u.resultado === 'cancelado' && u.versao === ctx.versao && u.resumo && u.resumo.programas ? '; as pastas que já tinham terminado ficaram atualizadas' : '')
                + '. <span class="cp__muted">Para copiar, use Baixar agora.</span>';
        } else if (k === 'erro') {
            detalhe = '<span class="cp__err">' + esc(a.chamada_erro || (u && u.erro) || 'erro no download') + '</span>'
                + (a.chamada_erro ? ' <span class="cp__muted">Para tentar de novo, use ' + (semAgente(s) ? 'Conectar' : 'Baixar agora') + '.</span>' : '');
        } else if (k === 'offline') {
            detalhe = a.chamado
                ? '<span class="cp__err">O agente parou de responder no meio do download, desde ' + esc(diaHora(a.visto)) + '.</span> <span class="cp__muted">Servidor fora do ar ou agente interrompido; use Baixar agora para recomeçar.</span>'
                : '<span class="cp__err">O agente não responde desde ' + esc(diaHora(a.visto)) + '.</span> <span class="cp__muted">Servidor fora do ar ou cron parado.</span>';
        } else if (k === 'sem') {
            detalhe = a.conectando ? 'Conectando... <span class="cp__muted">O agente se apresenta ao painel em instantes.</span>'
                : ctx.chamar_hts ? '<span class="cp__muted">O agente deste servidor ainda não falou com o painel. Com o daily-hts.php e o agente instalados (veja o LEIAME), use Conectar.</span>'
                : '<span class="cp__muted">Instale o conteudos-agente neste servidor (veja o LEIAME).</span>';
        } else {
            detalhe = a.versao_local ? 'Com a atualização de ' + esc(nomeVersao(a.versao_local)) : 'Em dia';
        }
        // O normal é copiar só quando o painel manda; AUTOMATICO=1 no .conf copia toda atualização sozinho.
        if (a.automatico && k !== 'sem') detalhe += ' <span class="cp__warn cp__block">Copia toda atualização sozinho (AUTOMATICO=1 no .conf).</span>';
        if (u && u.log && !a.chamada_erro && (k === 'erro' || k === 'offline')) {
            detalhe += '<details class="cp__fold cp__fold--sm" data-registro="' + s.id + '"' + (registrosAbertos[s.id] ? ' open' : '') + '><summary>Registro</summary><pre>' + esc(u.log) + '</pre></details>';
        }

        var ultimo = '<span class="cp__muted">&mdash;</span>';
        if (u && u.fim) {
            var resumo = u.resumo ? contagem(u.resumo, 'nada mudou') : plural(u.arquivos || 0, 'arquivo copiado', 'arquivos copiados') + (u.apagados ? ', ' + u.apagados + ' apagado(s)' : '');
            ultimo = '<span class="' + (u.resultado === 'ok' ? '' : u.resultado === 'cancelado' ? 'cp__warn' : 'cp__err') + '">' + esc(diaHora(u.fim))
                + (u.resultado === 'cancelado' ? ' &middot; cancelado' : u.resultado === 'erro' ? ' &middot; erro' : '') + '</span>'
                + '<small class="cp__muted cp__block">' + esc(origemDownload(u)) + '</small>'
                + '<small class="cp__muted cp__block">' + duracao(Math.max(0, u.fim - (u.inicio || u.fim))) + ' &middot; ' + resumo + '</small>'
                + (u.detalhe ? '<button type="button" class="cp__link sv-detalhe" data-id="' + s.id + '" data-nome="' + esc(s.nome) + '"><i class="fa-solid fa-list-check"></i> O que mudou</button>' : '');
        }
        // Sem agente: Conectar chama o agente sem copiar nada, só para ele se apresentar ao painel.
        var acao = semAgente(s)
            ? '<button type="button" class="cp__btn cp__btn--sm cp-so-admin sv-conectar" data-id="' + s.id + '"'
              + (a.conectando || !ctx.chamar_hts ? ' disabled' : '') + ' title="' + (ctx.chamar_hts ? 'Chama o agente sem copiar nada' : 'CHAMAR_HTS está false no daily.php') + '">'
              + '<i class="fa-solid fa-plug"></i> ' + (a.conectando ? 'Conectando...' : 'Conectar') + '</button>'
            : k === 'baixando' || k === 'fila' || k === 'aguardando'
            ? '<button type="button" class="cp__btn cp__btn--sm cp__btn--danger cp-so-admin sv-cancelar" data-id="' + s.id + '" data-nome="' + esc(s.nome) + '" data-k="' + k + '"' + (a.cancelar ? ' disabled' : '') + '>'
              + '<i class="fa-solid fa-circle-stop"></i> ' + (a.cancelar ? 'Cancelando...' : 'Cancelar') + '</button>'
            : '<button type="button" class="cp__btn cp__btn--sm cp-so-admin sv-baixar" data-id="' + s.id + '" data-nome="' + esc(s.nome) + '" title="Baixa só o que mudou">'
              + '<i class="fa-solid fa-cloud-arrow-down"></i> Baixar agora</button>';

        var sub = [s.apelido || s.cdn, s.ip, LOCAIS[s.local] || s.local].filter(Boolean).map(esc).join(' &middot; ');
        var info = a.hostname ? 'Agente v' + a.agente + ' em ' + a.hostname + ' (rsync ' + a.rsync + ')'
            + (a.ip ? ', ' + (a.por_ip ? 'achado pelo IP ' + a.ip : 'IP ' + a.ip + ', SERVIDOR preenchido no .conf') : '') : '';
        return '<tr' + (k === 'baixando' ? ' class="is-current"' : '') + '>'
            + '<td title="' + esc(info) + '"><b>' + esc(s.nome) + '</b> <span class="cp__muted">#' + s.id + '</span>' + (sub ? '<small class="cp__muted cp__block">' + sub + '</small>' : '') + '</td>'
            + '<td>' + selo(SITUACOES_SV, k) + '</td>'
            + '<td class="cp__sv-det">' + detalhe + '</td>'
            + '<td>' + ultimo + '</td>'
            + '<td class="cp__right">' + acao + '</td></tr>';
    }

    function carregarServidores () {
        clearTimeout(timerServidores);
        $.getJSON(URL_AJAX, { acao: 'servidores' }).done(function (r) {
            servidores = r;
            desenharServidores();
            var ativo = r.servidores.some(function (s) { var k = situacaoServidor(s); return k === 'baixando' || k === 'fila' || (s.agente && s.agente.conectando); });
            $('#sv-dot').prop('hidden', !ativo);
            if (abaAtual === 'servidores') timerServidores = setTimeout(carregarServidores, ativo ? 3000 : 10000);
        }).fail(function (xhr) {
            if (!servidores) $('#sv-itens').html('<tr><td colspan="5" class="cp__err cp__center">' + esc(mensagemErro(xhr, 'Não foi possível carregar os servidores.')) + '</td></tr>');
            if (abaAtual === 'servidores') timerServidores = setTimeout(carregarServidores, 15000);
        });
    }

    function desenharServidores () {
        var r = servidores;
        var c = r.conteudo;
        var aviso = c && c.fim ? 'Servidor de conteúdos: última atualização terminou em ' + esc(dataBR(c.fim)) + '.' : '';
        if (r.rodando) aviso = 'Servidor de conteúdos: atualização rodando agora. Os servidores escolhidos para ela copiam quando terminar.';
        else aviso += ' Os servidores só copiam quando são escolhidos numa atualização ou pelo Baixar agora.';
        if (r.aviso) aviso = '<span class="cp__err">Servidor de conteúdos: ' + esc(r.aviso) + '</span>';
        $('#sv-aviso').html('<i class="fa-solid fa-circle-info"></i> ' + aviso).prop('hidden', false);
        avisoDesconhecidos(r.desconhecidos || []);

        guardarRegistrosAbertos();
        var termo = norm($('#sv-busca').val());
        var cont = { '': 0 };
        var html = '';
        r.servidores.forEach(function (s) {
            var k = situacaoServidor(s, r);
            cont[''] ++; cont[k] = (cont[k] || 0) + 1;
            if (filtroServidores && k !== filtroServidores) return;
            if (termo && norm([s.nome, s.cdn, s.apelido, s.ip].join(' ')).indexOf(termo) === -1) return;
            html += linhaServidor(s, k, r);
        });
        $('#sv-itens').html(html || '<tr><td colspan="5" class="cp__muted cp__center">' + (r.servidores.length ? 'Nada nesse filtro.' : 'Nenhum servidor ativo na tabela servers.') + '</td></tr>');

        var chips = '';
        [['', 'Todos'], ['ok', 'Em dia'], ['baixando', 'Baixando'], ['fila', 'Na fila'], ['aguardando', 'Aguardando'], ['desatualizado', 'Desatualizados'],
         ['cancelado', 'Cancelados'], ['nao_enviado', 'Não enviada'], ['erro', 'Com erro'], ['offline', 'Sem resposta'], ['sem', 'Sem agente']].forEach(function (f) {
            if (f[0] && !cont[f[0]] && filtroServidores !== f[0]) return;
            chips += '<button type="button" class="cp__chip' + (filtroServidores === f[0] ? ' is-on' : '') + (f[0] ? ' sv-' + f[0] : '') + '" data-filtro="' + f[0] + '">'
                + esc(f[1]) + ' <b>' + (cont[f[0]] || 0) + '</b></button>';
        });
        $('#sv-filtros').html(chips);

        var conectar = r.chamar_hts ? semConectar().length : 0;
        $('#sv-conectar-todos').prop('hidden', !conectar).find('span').text(conectar === 1 ? 'Conectar 1 servidor' : 'Conectar ' + conectar + ' servidores');
    }
    // Os que ainda não falaram com o painel e não estão sendo chamados agora.
    function semConectar () {
        return servidores ? servidores.servidores.filter(function (s) { return semAgente(s) && !(s.agente && s.agente.conectando); }) : [];
    }

    // Agentes que falam com o painel, mas o daily.php não achou o servidor deles na tabela pelo IP: não copiam até resolver.
    function avisoDesconhecidos (lista) {
        var itens = lista.map(function (d) {
            return '<li><b>IP ' + esc(d.ip) + '</b>' + (d.hostname ? ' (' + esc(d.hostname) + ')' : '') + ': '
                + (d.ids.length
                    ? 'mais de um servidor tem esse IP (#' + d.ids.join(', #') + '). Preencha o SERVIDOR no conteudos-agente.conf dele com o id certo.'
                    : 'nenhum servidor ativo tem esse IP. Confira o IP no cadastro do servidor, ou preencha o SERVIDOR no conteudos-agente.conf dele.')
                + '</li>';
        }).join('');
        $('#sv-desconhecidos').html(itens ? '<i class="fa-solid fa-triangle-exclamation"></i> '
            + (lista.length === 1 ? 'Um agente está chamando o painel' : lista.length + ' agentes estão chamando o painel')
            + ' de um IP que não está na tabela servers, e não copia nada até isso ser resolvido.<ul>' + itens + '</ul>' : '').prop('hidden', !itens);
    }

    $('#sv-filtros').on('click', '.cp__chip', function () { filtroServidores = String($(this).data('filtro') || ''); desenharServidores(); });
    $('#sv-busca').on('input', function () { if (servidores) desenharServidores(); });

    function pedirDownload (ids, descricao) {
        var rodando = (ultimoProgresso && ultimoProgresso.rodando) || (servidores && servidores.rodando)
            ? '<p class="cp__warn">A atualização do servidor de conteúdos está rodando: o download começa quando ela terminar.</p>' : '';
        janela('Baixar agora?', '<p>' + descricao + '</p><p class="cp__muted">Cada servidor baixa só o que mudou, sem esvaziar as pastas.</p>' + rodando, { ok: 'Baixar agora' })
            .then(function (ok) {
                if (!ok) return;
                $.post(URL_AJAX, { acao: 'sincronizar', ids: ids.join(',') }, null, 'json').done(function (r) {
                    avisar(r.message || 'Pedido enviado.', 'ok');
                }).fail(function (xhr) {
                    avisar(mensagemErro(xhr, 'Não foi possível enviar o pedido.'), 'erro');
                }).always(function () {
                    carregarProgresso();
                    if (abaAtual === 'servidores') carregarServidores();
                });
            });
    }
    $(document).on('click', '.sv-baixar', function () {
        pedirDownload([$(this).data('id')], 'O servidor <b>' + esc($(this).data('nome')) + '</b> vai baixar os conteúdos agora.');
    });
    function conectar (ids) {
        $.post(URL_AJAX, { acao: 'conectar', ids: ids.join(',') }, null, 'json').done(function (r) {
            avisar(r.message || 'Chamando.', 'ok');
        }).fail(function (xhr) {
            avisar(mensagemErro(xhr, 'Não foi possível chamar.'), 'erro');
        }).always(carregarServidores);
    }
    $(document).on('click', '.sv-conectar', function () {
        $(this).prop('disabled', true);
        conectar([$(this).data('id')]);
    });
    $('#sv-conectar-todos').on('click', function () {
        var lista = semConectar();
        if (!lista.length) return;
        janela('Conectar?', '<p>O painel chama ' + (lista.length === 1 ? 'o servidor <b>' + esc(lista[0].nome) + '</b>, que ainda não falou com ele' : 'os <b>' + lista.length + '</b> servidores que ainda não falaram com ele')
            + '. O agente de cada um se apresenta ao painel e para, sem copiar nada.</p>', { ok: 'Conectar' })
            .then(function (ok) { if (ok) conectar(lista.map(function (s) { return s.id; })); });
    });
    $('#sv-todos').on('click', function () {
        var n = servidores ? servidores.servidores.filter(function (s) { return !semAgente(s); }).length : 0;
        pedirDownload([], 'Todos os servidores com agente' + (n ? ' (' + n + ')' : '') + ' vão baixar os conteúdos agora.');
    });

    /* ── O que mudou em cada programa num download de um servidor ── */
    var SIT_PROG = { atualizado: ['Atualizado', 'is-ok'], novo: ['Novo', 'is-new'], removido: ['Removido', 'is-cancel'], igual: ['Igual', 'is-same'] };
    var SIT_ARQ = { trocado: ['Trocado', 'is-ok'], novo: ['Novo', 'is-new'], apagado: ['Apagado', 'is-cancel'], igual: ['Igual', 'is-same'] };
    var RESULTADOS_SV = { ok: 'Copiado', erro: 'Terminou com erro', cancelado: 'Cancelado' };
    var detalheSv = null;

    function abrirDetalheServidor (id, nome, quando) {
        janela('O que mudou: ' + nome, carregando(), { cancelar: 'Fechar', semOk: true, largo: true });
        $.getJSON(URL_AJAX, { acao: 'detalhe_servidor', id: id, quando: quando || '' }).done(function (r) {
            if (!r.detalhe) {
                $('#md-corpo').html('<p class="cp__muted">Este servidor ainda não mandou o detalhe de nenhum download. O detalhe chega a partir da versão 2 do conteudos-agente.</p>');
                return;
            }
            detalheSv = { id: id, nome: nome, r: r, filtro: (detalheSv && detalheSv.id === id && quando) ? detalheSv.filtro : '' };
            $('#md-corpo').html(htmlDetalheServidor(r));
            desenharProgramasDetalhe();
        }).fail(function (xhr) {
            $('#md-corpo').html('<p class="cp__err">' + esc(mensagemErro(xhr, 'Não foi possível carregar o detalhe.')) + '</p>');
        });
    }
    $(document).on('click', '.sv-detalhe', function () { abrirDetalheServidor($(this).data('id'), $(this).data('nome')); });
    $(document).on('change', '#dt-download', function () { abrirDetalheServidor(detalheSv.id, detalheSv.nome, this.value); });

    function htmlDetalheServidor (r) {
        var d = r.detalhe;
        var rs = d.resumo || {};
        var opcoes = r.downloads.map(function (x) {
            return '<option value="' + x.quando + '"' + (x.quando === d.quando ? ' selected' : '') + '>'
                + esc(diaHora(x.fim) + ' · ' + origemDownload(x) + ' · ' + (RESULTADOS_SV[x.resultado] || x.resultado)) + '</option>';
        }).join('');
        var classe = d.resultado === 'ok' ? 'is-ok' : d.resultado === 'cancelado' ? 'is-warn' : 'is-err';
        var icone = d.resultado === 'ok' ? 'fa-circle-check' : d.resultado === 'cancelado' ? 'fa-circle-stop' : 'fa-circle-xmark';
        var titulo = d.resultado === 'ok' ? (rs.programas_atualizados ? plural(rs.programas_atualizados, 'programa atualizado', 'programas atualizados') : 'Nada mudou: já estava tudo igual')
            : d.resultado === 'cancelado' ? 'Cancelado no meio' : 'Terminou com erro';
        var linha = 'Atualização de ' + esc(nomeVersao(d.versao)) + ' &middot; ' + esc(origemDownload(d))
            + ' &middot; levou ' + duracao(Math.max(0, d.fim - d.inicio)) + (d.erro ? '<br>' + esc(d.erro) : '');
        return '<div class="cp__dt-top"><div class="cp__field"><span>Download</span>'
            + '<select id="dt-download" class="cp__input cp__input--sm" aria-label="Download"' + (r.downloads.length < 2 ? ' disabled' : '') + '>' + opcoes + '</select></div></div>'
            + '<div class="cp__verdict ' + classe + '"><i class="fa-solid ' + icone + '"></i><div><b>' + titulo + '</b><span>' + linha + '</span></div></div>'
            + '<div class="cp__dt-nums">'
            + '<span><b>' + (rs.trocados || 0) + '</b> trocado(s)</span><span><b>' + (rs.novos || 0) + '</b> novo(s)</span>'
            + '<span><b>' + (rs.iguais || 0) + '</b> igual(is), não regravado(s)</span><span><b>' + (rs.apagados || 0) + '</b> apagado(s)</span></div>'
            + '<p class="cp__muted cp__dt-nota">' + (d.comparar
                ? '<b>Igual</b>: o arquivo já estava idêntico neste servidor (conteúdo comparado) e não foi regravado, mesmo que o servidor de conteúdos tenha baixado de novo.'
                : '<b>Igual</b>: mesmo tamanho e data do servidor de conteúdos. Este servidor compara só tamanho e data (COMPARAR_CONTEUDO=0): arquivo baixado de novo no servidor de conteúdos aparece como trocado, mesmo idêntico.') + '</p>'
            + '<div class="cp__dt-bar"><div class="cp__chips" id="dt-filtros"></div>'
            + '<span class="cp__search cp__search--sm"><i class="fa-solid fa-magnifying-glass"></i>'
            + '<input type="search" id="dt-busca" class="cp__input cp__input--sm" placeholder="Programa ou arquivo" autocomplete="off"></span></div>'
            + '<div id="dt-lista"></div>';
    }

    function desenharProgramasDetalhe () {
        var d = detalheSv.r.detalhe;
        var f = detalheSv.filtro;
        var termo = norm($('#dt-busca').val());
        var cont = { '': 0, mudou: 0, igual: 0 };
        var html = '';
        d.pastas.forEach(function (pa) {
            var linhas = '';
            var mudou = 0;
            pa.programas.forEach(function (p) {
                var grupo = p.situacao === 'igual' ? 'igual' : 'mudou';
                cont['']++; cont[grupo]++;
                if (grupo === 'mudou') mudou++;
                if (f && f !== grupo) return;
                if (termo && norm(p.nome + ' ' + p.arquivos.map(function (a) { return a.nome; }).join(' ')).indexOf(termo) === -1) return;
                linhas += '<details class="cp__dt-prog"><summary><span class="cp__dt-nome">' + esc(p.nome || '(arquivos soltos na pasta)') + '</span>'
                    + '<span class="cp__dt-sum">' + contagem(p) + selo(SIT_PROG, p.situacao) + '</span></summary>'
                    + p.arquivos.map(function (a) {
                        return '<div class="cp__dt-file"><span>' + esc(a.nome) + '</span>' + selo(SIT_ARQ, a.tipo) + '</div>';
                    }).join('') + '</details>';
            });
            var aviso = pa.situacao === 'nao_aplicado' ? 'Parou antes de terminar esta pasta' + (d.resultado === 'cancelado' ? ' (cancelado)' : ' (erro ' + pa.rc + ')') + ': nada mudou nela, ficou como estava.'
                : pa.situacao === 'vazia' ? 'Vazia no servidor de conteúdos: não foi mexida aqui.' : '';
            if (!linhas && !aviso && (f || termo)) return;
            html += '<div class="cp__dt-pasta"><div class="cp__dt-pasta-head"><span>' + esc(pa.destino || pa.pasta) + '</span>'
                + '<span>' + (pa.programas.length ? plural(pa.programas.length, 'programa', 'programas') + (mudou ? ', ' + mudou + ' com mudança' : ', nenhum mudou') : '') + '</span></div>'
                + (aviso ? '<div class="cp__dt-aviso"><i class="fa-solid fa-circle-info"></i> ' + aviso + '</div>' : '')
                + (linhas ? '<div class="cp__dt-progs">' + linhas + '</div>' : (pa.programas.length ? '' : (aviso ? '' : '<div class="cp__dt-aviso">Nenhum programa nesta pasta.</div>')))
                + '</div>';
        });
        $('#dt-lista').html(html || '<p class="cp__muted cp__center">Nada nesse filtro.</p>');
        $('#dt-filtros').html([['', 'Todos'], ['mudou', 'Com mudança'], ['igual', 'Iguais']].map(function (x) {
            return '<button type="button" class="cp__chip' + (f === x[0] ? ' is-on' : '') + (x[0] === 'igual' ? ' st-igual' : x[0] ? ' st-ok' : '') + '" data-filtro="' + x[0] + '">'
                + x[1] + ' <b>' + cont[x[0]] + '</b></button>';
        }).join(''));
    }
    $(document).on('click', '#dt-filtros .cp__chip', function () { detalheSv.filtro = String($(this).data('filtro') || ''); desenharProgramasDetalhe(); });
    $(document).on('input', '#dt-busca', function () { desenharProgramasDetalhe(); });

    /* ── Player ───────────────────────────────────────────────── */
    var audio = document.getElementById('pl-audio');
    var filaPlayer = [];
    var posPlayer = 0;
    var arrastando = false;
    var buscarEm = 0;   // ao trocar de dia, continua do mesmo ponto

    function tocar (fila, i, inicio, pausado) {
        if (!fila || !fila[i]) return;
        filaPlayer = fila;
        posPlayer = i;
        var f = fila[i];
        $('#player').prop('hidden', false);
        document.body.classList.add('cp-tocando');
        infoPlayer();
        $('#pl-seek').attr('max', 0).val(0);
        $('#pl-atual, #pl-total').text('0:00');
        buscarEm = inicio || 0;
        audio.src = f.url;
        audio.playbackRate = Number($('#pl-velocidade').val());
        if (!pausado) audio.play();
        marcarTocando();
    }

    function infoPlayer () {
        var f = filaPlayer[posPlayer];
        var outro = filaPlayer.outra && f.par != null ? filaPlayer.outra[f.par] : null;   // o mesmo arquivo no dia comparado
        $('#pl-titulo').text(f.titulo);
        $('#pl-sub').text(f.nome + ' · ' + dataBR(f.data) + ' · ' + (posPlayer + 1) + ' de ' + filaPlayer.length + (outro ? ' · comparando com ' + dataBR(outro.data) : ''));
        $('#pl-trocar').prop('hidden', !outro).attr('title', outro ? 'Ouvir o mesmo trecho em ' + dataBR(outro.data) + ' (tecla C)' : '')
            .find('span').text(outro ? 'Ouvir ' + dataBR(outro.data).substr(0, 5) : '');
        $('#pl-baixar').attr({ href: f.baixar, download: f.nome });
        $('#pl-anterior').prop('disabled', posPlayer === 0);
        $('#pl-proximo').prop('disabled', posPlayer >= filaPlayer.length - 1);
    }

    function marcarTocando () {
        var f = !$('#player').prop('hidden') && filaPlayer[posPlayer];
        $('.cp__file').removeClass('is-playing');
        if (f) $('.cp__file').filter(function () { return this.getAttribute('data-url') === f.url; }).addClass('is-playing');
    }

    // Comparando dois dias: vai para o mesmo arquivo do outro dia, no mesmo ponto.
    function trocarDia () {
        var f = filaPlayer[posPlayer];
        if (!f || f.par == null || !filaPlayer.outra) return;
        tocar(filaPlayer.outra, f.par, audio.currentTime, audio.paused);
    }
    $('#pl-trocar').on('click', trocarDia);

    $('#pl-play').on('click', function () { audio.paused ? audio.play() : audio.pause(); });
    $('#pl-voltar').on('click', function () { audio.currentTime = Math.max(0, audio.currentTime - 15); });
    $('#pl-avancar').on('click', function () { audio.currentTime = Math.min(audio.duration || 0, audio.currentTime + 15); });
    $('#pl-anterior').on('click', function () { tocar(filaPlayer, posPlayer - 1); });
    $('#pl-proximo').on('click', function () { tocar(filaPlayer, posPlayer + 1); });
    $('#pl-velocidade').on('change', function () { audio.playbackRate = Number(this.value); });
    function fecharPlayer () {
        if ($('#player').prop('hidden')) return;
        audio.pause();
        audio.removeAttribute('src');
        $('#player').prop('hidden', true);
        document.body.classList.remove('cp-tocando');
        $('.cp__file').removeClass('is-playing');
    }
    $('#pl-fechar').on('click', fecharPlayer);

    $('#pl-seek').on('input', function () { arrastando = true; $('#pl-atual').text(tempo(this.value)); })
        .on('change', function () { audio.currentTime = Number(this.value); arrastando = false; });

    audio.addEventListener('loadedmetadata', function () {
        $('#pl-seek').attr('max', audio.duration || 0);
        $('#pl-total').text(tempo(audio.duration));
        if (buscarEm) { audio.currentTime = Math.min(buscarEm, Math.max(0, (audio.duration || 0) - 1)); buscarEm = 0; }
    });
    audio.addEventListener('timeupdate', function () {
        if (arrastando) return;
        $('#pl-seek').val(audio.currentTime);
        $('#pl-atual').text(tempo(audio.currentTime));
        var pct = audio.duration ? audio.currentTime * 100 / audio.duration : 0;
        document.getElementById('pl-seek').style.setProperty('--pct', pct + '%');
    });
    audio.addEventListener('play', function () { $('#pl-play i').attr('class', 'fa-solid fa-pause'); });
    audio.addEventListener('pause', function () { $('#pl-play i').attr('class', 'fa-solid fa-play'); });
    audio.addEventListener('ended', function () { if (posPlayer < filaPlayer.length - 1) tocar(filaPlayer, posPlayer + 1); });
    audio.addEventListener('error', function () { if (audio.getAttribute('src')) avisar('Não foi possível tocar este arquivo.', 'erro'); });

    // Atalhos com o player aberto: espaço toca/pausa, setas voltam/avançam 15 s, C troca de dia na comparação.
    document.addEventListener('keydown', function (e) {
        if (e.key === 'Escape' && !$('#cpModal').prop('hidden')) { $('#cpModal [data-md="0"]').first().trigger('click'); return; }
        if ($('#player').prop('hidden') || /INPUT|SELECT|TEXTAREA/.test(e.target.tagName)) return;
        // C vale mesmo com um botão em foco (o de tocar, logo depois de clicar nele); Ctrl+C continua copiando.
        if ((e.key === 'c' || e.key === 'C') && !e.ctrlKey && !e.metaKey && !e.altKey) { trocarDia(); return; }
        if (e.target.tagName === 'BUTTON') return;
        if (e.key === ' ') { e.preventDefault(); $('#pl-play').trigger('click'); }
        if (e.key === 'ArrowLeft') $('#pl-voltar').trigger('click');
        if (e.key === 'ArrowRight') $('#pl-avancar').trigger('click');
    });

    /* ── Início ───────────────────────────────────────────────── */
    carregarProgresso();
    abrirAba((location.hash || '#atualizar').substr(1));
</script>