Design System · v1.2.0
Mapa do Site
Inventário visual de TODAS as 76 telas do portal Razac que vivem no Design System. Espelha 1:1 a estrutura do menu lateral do portal real .
76
Telas totais
72
Prontas
2
WIP
2
Placeholders
RH
2 telas
IDA
10 telas
Pronta#26
IDA 2.0
IDA Chat 2.0 completo — redesign LLM premium com layout de 3 colunas: sidebar de conversas à esquerda, área de chat ao centro com markdown/typewriter/feedback, e painel de Prompts Rápidos fixo à direita (CRUD com 11 categorias, busca, favoritar, variáveis [VAR]). Acessado pelo menu lateral "IDA 2.0".
Pronta#9
IDA Chat
Versão MVP do Chat IDA — réplica fiel do portal real (portal-qa.razac.com.br/ai-services/ida-chat) com upgrades mínimos para entrega rápida. Sidebar com lista de chats, welcome screen com saudação dinâmica, input com botão "Prompts Rápidos" (substitui o livrinho) que abre o modal Biblioteca de Prompts (tabs Favoritos/Recentes/Biblioteca, filtros Meus/Equipe/Todos, navegação por pastas, prompts com ícones de visibilidade público/privado e contador de usos).
Pronta#67
IDA Chat · Biblioteca de Prompts
Modal Biblioteca de Prompts aberto de cara — tabs (Favoritos/Recentes/Biblioteca), filtros (Meus/Equipe/Todos), navegação por pastas, lista de prompts e painel de detalhe à direita com conteúdo + variáveis. Sub-estado do MVP /screens/ida-chat.
Pronta#66
IDA Chat · Conversa
Estado de conversa ativa — abre o chat 'Saudação Inicial' já populado com mensagens reais (user + IDA) para mostrar como ficam as bubbles, timestamps, layout de mensagens e scroll. Sub-estado do MVP /screens/ida-chat.
Pronta#70
IDA Chat · Feedback
Painel de feedback (estilo Hotjar) aberto no canto inferior direito — 3 tipos (Sugestão/Bug/Dúvida) + textarea + tela de confirmação após envio. Persiste no localStorage. Sub-estado do MVP /screens/ida-chat.
Pronta#71
IDA Chat · Loading
Estado de processamento ativo — bubble com step atual ('Lendo documento...', 'Identificando estrutura...', etc.) + barra de progresso animada de 4 segmentos. Input desabilitado durante. Sub-estado do MVP /screens/ida-chat.
Pronta#69
IDA Chat · Novidades
Modal 'O que mudou na IDA' aberto — lista das 5 melhorias do MVP (Biblioteca de Prompts, drag-and-drop, loading transparente, criar prompts pelo chat, botão de feedback) com ícones e descrições. Sub-estado do MVP /screens/ida-chat.
Pronta#68
IDA Chat · Novo Prompt
Formulário 'Novo prompt' aberto dentro do modal da Biblioteca — campos Título, Descrição, card explicativo das variáveis, Conteúdo com auto-detecção, Pasta e Tags. Sub-estado do MVP /screens/ida-chat.
Pronta#65
IDA Chat 2.0
IDA Chat 2.0 — redesign completo em light mode. Layout 3 colunas: sidebar esquerda com busca e histórico, área de chat com welcome screen (cards de favoritos, capacidades, pills de sugestão), painel de prompts fixo com CRUD. Markdown completo, typewriter, seletor de modo, drag-and-drop de arquivos.
Cadastros
13 telas
Pronta#4
Clientes
Lista de clientes cadastrados no Conexos — agrupados por inicial, com pill de status (Ativo/Em Cadastro/Inativo) e filtros por status e validade.
Pronta#61
Documentos Tomados
Listagem de documentos tomados (NFSe) com filtros, busca, toggles PJ/Fornecedor, status pills e ações por linha. Coluna Documentos com ícone de Boleto (PRJ-6195): habilita/desabilita pelos critérios da história (só notas não integradas, boleto com PDF) e abre o PDF em nova aba. Rateio (Alocar Contas-Projeto) pela variação de LINHAS no menu de Ações (três bolinhas).
Pronta#6
Fichas Operacionais
Fichas de Operação (templates de processo) — 257 fichas com tabs Fichas/Pendências, grid de cards com tag tipo (Heavy Project/Taas), cliente, segmento, projeto, data CAC, modal, responsável e filial.
Pronta#45
FOLU — Ficha de Operação
Detalhe de uma Ficha de Operação — produtos, NCMs, fluxo de aprovação tributária.
Pronta#44
FOLU — Fichas Operacionais (Figma Make)
Lista de fichas operacionais (templates de processo) — versão Figma Make com mais detalhes.
Pronta#46
FOLU — Novo Processo
Wizard de criação de novo processo dentro de uma Ficha Operacional.
Pronta#5
Fornecedores
Lista de exportadores internacionais — mesmo padrão visual de Clientes, com filtro adicional por país.
Pronta#11
Lead Time
Gestão de Lead Time — tabela com 11 colunas (Operação, Cliente, Modal, Origem, Destino, Tipo Contêiner, Incoterm, Etapas com 5 marcos em dias, Tempo Total, Atualização, Ações).
Pronta#73
Módulo Gestão Cadastros
Hub central do menu Cadastros — atalhos para Clientes, Fornecedores, Fichas Operacionais, Lead Time, Fabricantes, Produtos.
Pronta#48
Produtos — Cadastro
Wizard de cadastro de produto: cliente, NCM, descrição, unidade de medida.
Importação
14 telas
Pronta#8
Dashboards
Catálogo de dashboards — filtros por categoria (Gestão Operacional 21, Financeiro 23, Análise de Mercado 2, Fechamento, Interno, Análise NCM), badges Padrão/Customizado, favoritos.
Pronta#2
Detalhe Processo
Detalhamento completo de um processo de importação. Master-detail com 8 abas verticais; a aba Arquivos suporta seleção múltipla e download em lote.
Pronta#72
Fechamento · Discovery Board (editável)
Tela editável com a jornada completa de Fechamento (12 etapas · 00→11 · 4 fases), 12 dores priorizadas (severidade, etapa, hipótese ligada, feature, onda do roadmap) e 8 hipóteses a validar (origem, a validar, impacto, dor relacionada). Edição inline em todos os campos. Persistência automática em localStorage. Export JSON e Reset para o seed original.
Pronta#50
Follow-up · Produtos
Aba Produtos do Follow-up — granularidade de produto dentro de cada processo.
Pronta#28
Follow-up (FM alternativo)
Versão alternativa do Follow-up importada do Figma Make — usa FollowUpSidebar + tabela com status e modal road/maritime.
Pronta#1
Follow-up Consulta — Importação
Tela principal de acompanhamento de processos com 7 counters por etapa e tabela paginada (20.582 processos). Botão 'Opções' abre modal de seleção de colunas (80 campos em ordem alfabética ou por categoria, com checkboxes).
Pronta#7
Kanban
Kanban Follow-up com 7 colunas (Pré-Embarque → Fechamento), busca por referência/cliente, navegação ao detalhe do processo e filtro de previsão (Vencidos / Sem previsão / Período específico — PDI-1254).
Pronta#62
Pesquisa · Follow-up
Pesquisa de uso da tela Follow-up. 7 etapas (perfil, sort de colunas, top ranking, ordem de exibição, filtros, preset, gaps) + admin com dashboard, presets, raw data e modo apresentação. Persistido em localStorage; backup com 8 entrevistas reais já feitas. Hospedagem do app que rodava no claude.ai.
Pronta#74
Processos de Importação
Tela de pesquisa e listagem de processos de importação. Filtros por status, data, cliente.
WIP#63
Follow-up · Perfis de Visualização
Protótipo navegável: Follow-up com seletor de perfil/equipe que filtra colunas baseado nas respostas da Pesquisa Follow-up. 7 perfis populados + 3 pendentes (Contabilidade, Desembaraço, Regulatório). Última opção do seletor: 'Sugerir campo faltando' — abre modal pra coletar sugestões (nome do campo + contexto + urgência baixa/média/alta).
Tributário
19 telas
Pronta#75
Análise e Solicitações
Listagem unificada de análises tributárias + solicitações pendentes.
Pronta#30
Análise Tributária — Detalhada
Detalhamento completo da análise tributária por NCM. Múltiplos NCMs com aprovação, regimes, tributos, validade.
Pronta#18
Análise Tributária — Lista
Solicitações de análise tributária com 3 abas (Pendentes, Em Processamento, Concluídas) e visualização cards/lista.
Pronta#29
Análise Tributária — Lista (FM original)
Versão original importada do Figma Make. Usa o componente AnaliseTributaria de imports/.
Pronta#31
Análise Tributária — V2 (alternativa)
Versão alternativa com LinhaRegimeTributario por linha — Importação, Saída, Suspensão.
Pronta#32
Banco de Análises
Repositório central de análises concluídas com filtros, busca por cliente/CNPJ/estado/operação. Permite reuso entre processos.
Pronta#36
Dashboard Tributário
KPIs e gráficos tributários: análises por status, validade próxima, top NCMs.
Pronta#33
Editar Análise Tributária
Formulário de edição de uma análise existente — alterar regimes, alíquotas, fundamentos legais.
Pronta#34
Histórico Análise
Trilha de auditoria de uma análise — versões anteriores, quem alterou e o que mudou.
Pronta#52
Modal — Aprovar Análise
Modal de confirmação para aprovar análise com lista de pendências.
Pronta#54
Modal — Novidades
Modal de what's-new — destaca novas features no módulo tributário.
Pronta#53
Modal — Replicar Análise
Modal de seleção de NCMs alvo para replicar uma análise existente.
Pronta#42
Relatórios — Tributário
Relatórios tributários: tributos por processo, divergências, validades.
Pronta#38
Setup Tributário
Configuração do regime tributário do cliente: incentivos fiscais, drawback, RECOF.
Pronta#35
Solicitar Nova Análise
Solicitação de nova análise no layout do portal real — formato multi-cenários (PDI-1212): tipo de operação, UFs e origens em multi-seleção; cada combinação vira um cenário respondido na Detalhada.
Workspace
8 telas
Pronta#17
Workspace · Fiscal
Listagem de tarefas fiscais por processo. Bloqueadas, atribuídas, prazos.
Pronta#76
Workspace · Gestão
Workspace de tarefas e processos do time de Gestão (TaaS, Heavy Projects).
Pronta#37
Workspace · Tributário
Tarefas tributárias do operador — análises pendentes, em revisão, vencidas.
Financeiro
5 telas
Pronta#81
Boletos
PDI-956 — Boletos prontos pro Contas a Pagar sem pedir ao fornecedor. Foco nos 2 entregáveis da US: Ver boleto (visualizador) + Anexar 1 boleto por documento nas notas não integradas (integradas vêm da Qive).
Pronta#82
Rateio — Alocar Contas-Projeto
PRJ-6239 (QIVE 1.4) — modal "Alocar Contas-Projeto" com múltiplos processos. Rateio de nota de fornecedor por conta-projeto × processo, totalizador por conta, validação do total geral e envio ao Conexos bloqueado por linhas zeradas.
Administrativo
3 telas
Pronta#23
Modelos de Checkpoint — Drawer Edição
Drawer lateral direito de criação/edição de parametrização (PRM-002) com multi-select de Modal × Regime × Remoção.
Pronta#22
Modelos de Checkpoint — Listagem
Tela administrativa de parametrização — lista de modelos com filtros por coluna (ID, Modelo, Modal, Regime, Remoção).
Autenticação
2 telas
Pronta#60
Loader (Login Callback)
Tela de carregamento exibida no /login-callback durante autenticação. Fundo navy + logo RAZAC + 3 dots animados.
Sobre este mapa: espelha o que existe em data/screens.json. Clica em qualquer tela para abrir a versão navegável (/portal/[id]) ou ir pro preview do DS (/screens/[id]) — esse com toda a metadata, histórico de versões e screenshots.
Telas marcadas como Placeholder são as que existem no portal real mas ainda não foram materializadas aqui. Telas como WIP têm versão inicial mas vão ganhar paridade total nas próximas iterações.