Razac DS · v1.2.0
Fonte da verdade visual e de UX do portal Razac. Espelho 1:1 do portal real + propostas em revisão. Tudo extraído via dev-browser MCP direto do portal logado.
Mapa do Site
73 telas catalogadas, agrupadas em 8 áreas.
AbrirPortal Real
Tokens extraídos via dev-browser do portal real.
AbrirFoundations
Cores, tipografia, espaçamentos, raios, sombras.
AbrirComponentes
Biblioteca versionada — anatomia, props, variants.
AbrirPendentes
17 issues do Jira em aberto.
AbrirRelease Notes
Feed contínuo de tudo que entrou no DS.
AbrirMapeamento UX
Tipos de campo, onde estão, em que telas.
AbrirComentários
Modo revisão estilo Figma.
AbrirÚltimas ações
Feed contínuo das atividades UX neste DS. Ver tudo →
3 componentes novos (P2FieldGroup, P2FactBar, P2LegalSummary) pro problema de campos jogados / texto legal estourando. Aplicados na FUP Tributária e no Detalhe de Invoice; documentados no Storybook.
Painel reorganizado em blocos (Identificação, Classificação, Destinação) com resumo de chips no topo; o texto legal longo (DRAWBACK…) virou chips de benefício + lei, com o texto íntegro num colapsável. Release note com antes→depois.
Substituídos placeholders genéricos por layout decente: breadcrumb 'Relacionamentos Humanos > Razac Academy/SinergyRH', título grande + subtítulo, área central com ícone + descrição + cards de pré-visualização do que vem (Trilha Onboarding/Comex Avançado/Liderança | Holerite+Benefícios/Solicitações).
Componente SimpleTabelaScreen reusável criado pra padrão de listagem do portal: header slate-700, MatField filters, status pills coloridas, paginação 'Exibindo X de Y'. Aplicado em 4 telas. Total mock plausível por tela (Invoices 4287, Entreposto 14, Processos 20744, Análises 847).
Substituídos os legacy Figma Make components (Workspace Fiscal + Workspace Tributário) pelo WorkspaceScreen unificado. Total: 6/6 workspaces (Fiscal, Gestão, Logística, Custos, Desembaraço, Tributário) agora seguem o padrão real do portal — 6 selects MatField + chips quick filter + tabela slate-700 + paginação.
Componente WorkspaceScreen reusável criado replicando 1:1 a estrutura real: 6 selects MatField outlined + chips quick filter (Gestão/Logística) + tabela slate-700 com 8 colunas (Processo, Status Processo, Modal, Tarefa Nome, Responsável, Status, Prazo) + paginação. Total mock por workspace plausível (Gestão 26559, Logística 18432, etc).
Estrutura idêntica ao real: tabs Importação/Exportação/Produtos, filtros Tipo+Pesquise+Limpar+Opções, 7 cards stats por etapa, tabela slate-700 com badges coloridos.
Breadcrumb 'Importação > Dashboards'. Card de filtros com Pesquisar + Tipo do Dashboard (Material outlined) + Limpar filtros. Pills de categoria com checkmark indigo + counter por categoria. Apenas favoritos no canto direito.
Fichas Op com 4 filtros corretos (Todos / Filtrar / Pendente-Aprovada / 2 toggles) + grid 4 colunas + counter à direita. IDA Vibe totalmente reescrita: tabela slate-700 header + 1 row Controle Jurídico + pills Todas/Jurídico.
Refatoradas pra bater visualmente com o portal real: busca larga + selects Material outlined (Status/Validade/País/Operação/Modal) + lista sem círculo numerado + placeholder fiel. Diff side-by-side confirma paridade quase 1:1.