adaptador-planilhas/docs/cursor-prompts/spreadsheet-adapter/06-DESIGN-SYSTEM-APP-SHELL.md

PROMPT 06 — Design System Elo Pro e shell de UX

Use o MASTER CONTEXT e componentes reais do Design System encontrados no repo.

Objetivo

Construir a estrutura visual do Adaptador sem criar um design system paralelo.

Criar

1. Dashboard do módulo.
2. Estrutura da jornada:
   • modelo;
   • fontes;
   • mapeamento;
   • revisão;
   • processamento;
   • resultado.
3. Área de configurações administrativa.
4. Componentes de estado comuns:
   • loading/skeleton;
   • empty state;
   • error recuperável;
   • warning;
   • success;
   • disabled.
5. Navegação/journey indicator usando os componentes Elo Pro adequados. Não force JourneyTrail como stepper se o componente não tiver essa semântica.

Requisitos visuais

• Manrope.
• Cloud White como base predominante.
• Midnight Ink para texto/estrutura.
• Action/Primary Blue para CTAs conforme token oficial.
• Aqua Signal para sucesso/progresso.
• Warning/Error conforme tokens.
• Não usar cor como único sinal.
• Lucide React.
• Responsivo para desktop/tablet; mobile não é foco, mas não deve quebrar.
• Foco visível, navegação por teclado, labels e ARIA adequados.

Componentes

Reutilize Button, Card/OpenFramePanel, Dialog, Toast, Select, Input, Switch, Tooltip, SemanticMarker e demais oficiais. Se algum não existir exatamente, componha a partir dos primitives já adotados no Elo Pro, mantendo tokens.

Não implementar ainda

Parsing real de planilhas ou jobs.

Testes

Inclua testes de estados e acessibilidade básica dos componentes-chave.

Entrega

docs/spreadsheet-adapter/04-ux-shell.md com mapa de páginas e componentes reutilizados.