camilafagundesandCursor
6e23f1533b
O módulo usa a identidade Supabase, isola cada workspace e registra storage, TTL, runner e biblioteca XLSX como decisões ainda abertas. Co-authored-by: Cursor <cursoragent@cursor.com>
57 lines
1.6 KiB
Markdown
57 lines
1.6 KiB
Markdown
# 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.
|