{{--
    Registra a página atual em "Vistos recentemente" — 100% client-side,
    sem login, sem banco (mesma filosofia dos Favoritos, chave própria de
    localStorage). Guarda só o mínimo: tipo, id, url pública, título curto
    e um timestamp local. Nunca conteúdo integral, nunca PDF, nunca dado
    pessoal. Limite de 15 itens; ao revisitar algo já visto, move pro topo
    em vez de duplicar.

    Uso: <x-transparencia.rastrear-recente tipo="lei" :id="$lei->id" :url="route('transparencia.leis.show', $lei)" :titulo="$lei->identificacao()" />
--}}
@props(['tipo', 'id', 'url', 'titulo'])

<script>
    (function () {
        var CHAVE = 'leggov_cidadao_recentes';
        var LIMITE = 15;

        try {
            var lista = JSON.parse(localStorage.getItem(CHAVE) || '[]');
            if (!Array.isArray(lista)) lista = [];
        } catch (e) {
            lista = [];
        }

        var tipo = @json($tipo);
        var id = @json($id);

        lista = lista.filter(function (i) { return !(i.tipo === tipo && String(i.id) === String(id)); });
        lista.unshift({ tipo: tipo, id: id, url: @json($url), titulo: @json($titulo), ts: Date.now() });

        if (lista.length > LIMITE) lista = lista.slice(0, LIMITE);

        try {
            localStorage.setItem(CHAVE, JSON.stringify(lista));
        } catch (e) { /* localStorage indisponível (modo privado etc.) — ignora silenciosamente */ }
    })();
</script>