Release Notes

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.

Sanity check automatizado via dev-browser MCP confirmou que todas as 73 telas do registry renderizam sem crash. Modais (Aprovar/Replicar/Novidades/Tarefa) verificados via screenshot — funcionam com overlay + dialog centralizado + Hub button + Modo revisão.

Módulo Cadastros (hub navegável), Processos Importação, Análise e Solicitações, Workspace Gestão/Logística/Custos/Desembaraço. Cada uma com breadcrumb + filtros MatField + tabela mock plausível + notice de construção. Status mudou de wip → done. Sitemap mostra 69 done de 73 totais.

Financeiro (Adiantamentos + Conta corrente), Desembaraço (DI + Documentos), Logística (Embarque + Datas), Contêineres (3 contêineres mock), Itens Invoices (Invoices + 60 produtos), Tributário (mantido existente). Substituiu o fallback genérico.

Componente ReviewMode com botão flutuante no /portal/[id]. Click adiciona pin, persiste em localStorage. Admin /design-system/comentarios consolida por tela/autor/data com filtros e ações.

Removidas as métricas perdidas (tokens/componentes/projetos). Substituídas por 8 cards de navegação + feed contínuo de últimas ações.

Tokens extraídos via dev-browser MCP direto do portal.razac.com.br. Cores das 7 etapas de processo, 3 badges DI, padrão Material outlined.

Página /portal-map espelhando 1:1 a estrutura do menu lateral do portal real. 8 áreas com tema visual próprio.

17 issues abertas do Jira sincronizadas via MCP. Agrupadas por status (Priorizado, EM ANDAMENTO, Solution Design, etc).

Filtro de Previsão movido pra top-bar destacado dos demais filtros. 4 modos (Todos/Vencidos/Sem previsão/Período com date pickers).

Perfis sem pesquisa configurada são ocultos do dropdown. Toast amarelo + redirect silencioso quando perfil ativo é desativado pelo admin.

Barra de pesquisa no histórico reativada. Painel de prompts virou overlay deslizante (libera 100% do espaço útil). Disclaimer no rodapé.

h-10 → h-14 (sidebar aberta) e h-9 → h-10 (colapsada). Proporção mais próxima do portal real.

MatSelect + MatInput + SimpleList — replica fiel do mat-form-field appearance='outline' do portal real. Label flutuante, focus indigo, ellipsis automático.

Coluna w-52, bg-slate-100, borda 1px na cor da etapa, header sem fundo, border-b-2 colorido. Cards com shadow + space-y-1 + divider mat. Badges DI exatos (lime-300/red-200/yellow-200).

CLI sandboxed pra inspecionar páginas Angular via CDP. Permite extrair computed styles, DOM e screenshots do portal logado em real-time. Usado pra montar DS v1.2.0.

Primeira implementação dos 4 modos de previsão. Iteração refinada em 26/05.

Sidebar única à esquerda. Prompts rápidos condensados na sidebar. Biblioteca completa vira side panel deslizante (artifacts-style). WhatsNew também slide-in.

Sidebar de produtos com cores específicas (#d1fae5/#fef9e7). Regimes + alíquotas + redução + fundamento legal. Modais Aprovar/Replicar/Voltar.

Documento estruturado de 23 sections cobrindo o discovery completo do processo de fechamento.