Leitor de Pré-visualização de Projetos do Portfólio
Apresente visuais aprovados de projetos em formato longo dentro de uma pré-visualização de arquivo existente, sem quebrar o fluxo de navegação ao redor.
Antes da implementação
Inspecione o modelo de estado do arquivo/diálogo, os caminhos existentes do leitor de documentos, o registro de projetos, a ordem dos assets de origem e os estilos mobile. Generalize apenas um comportamento real que se repete; mantenha regras locais de projetos específicos quando nenhuma abstração reutilizável for justificada.
Requisitos
- Preserve a ordem de origem declarada e atribua a cada página ou módulo um rótulo acessível localizado.
- Utilize uma superfície de leitura vertical contida; não expanda a página inesperadamente nem introduza overflow horizontal.
- Preserve os comportamentos de fechar, Escape, restauração de foco, bloqueio de rolagem e teclado já fornecidos pelo diálogo de pré-visualização.
- Roteie para uma página de detalhes somente quando ela for publicável; não exponha um destino quebrado ou semanticamente duplicado.
Validação
Verifique se todos os assets carregam, se os rótulos ordenados estão presentes, se a abertura/fechamento da pré-visualização funciona e se a largura do leitor não apresenta overflow horizontal nos tamanhos desktop e mobile. Execute verificações de tipo, lint e build de produção após as alterações no código.