PRJ-1254

Kanban · Filtros de previsão (Vencidos, Sem previsão, Período específico)

O Kanban Follow-up é a principal tela de visualização macro dos processos de importação. Hoje só permite filtrar por referência/cliente/responsável — não há corte por previsão, então o time gasta tempo identificando visualmente os processos vencidos ou sem previsão entre dezenas de cards por coluna.

ImportaçãoEntregueMédia22 de mai. de 2026 → 22 de mai. de 2026
Em resumo
VD
Victor Dias
Design Lead
Área
Importação
Squad
Razac Team · Importação
Telas afetadas
1
DonePrioridade médiaÁrea · ImportaçãoSquad · Razac Team

Filtro de previsão no Kanban Follow-up com 3 estados úteis: Vencidos, Sem previsão e Período específico (com date picker de/até). Reduz o tempo de triagem visual e habilita corte por janela de tempo.

🔗 Links

Contexto

O Kanban Follow-up é a principal tela de visualização macro dos processos de importação. Tem 7 colunas (Pré-Embarque → Fechamento) e até centenas de cards em cada uma. Hoje o filtro permite recortar por referência, cliente e responsável — mas não há corte por previsão.

Problema

Sem filtro de previsão:

  • Gerentes precisam scrollar cada coluna procurando cards com indicador vermelho (vencidos) ou laranja (sem previsão)
  • Não há como recortar o board para "apenas processos com previsão na próxima semana", dificultando planejamento de capacidade
  • A dor é maior nas colunas grandes (PRÉ-EMBARQUE com 427 processos, FECHAMENTO com 489)

Hipótese

Um filtro de previsão com 3 modos resolve as 3 perguntas mais frequentes do time:

  1. "Quais processos estão vencidos?" → Filtro Vencidos
  2. "O que ainda não tem previsão?" → Filtro Sem previsão
  3. "O que tem previsão na próxima semana / mês?" → Filtro Período específico com date picker

Solução

Novo dropdown Previsão na barra de filtros do Kanban, ao lado do select Responsável:

4 estados

| Estado | Comportamento | Ícone | |---|---|---| | Todas as previsões (default) | Mostra tudo | 📅 cinza | | Vencidos | previsao.state === 'atrasada' | ⚠️ vermelho | | Sem previsão | previsao.state === 'sem-previsao' | 🕐 laranja | | Período específico | previsao.state === 'futura' E label DD/MM/YYYY dentro do intervalo | 📆 indigo |

Período específico

Quando selecionado, abre dois inputs type="date" (De / Até) no próprio dropdown:

  • Vazio + Vazio → todos os futuros passam
  • Só De → todos a partir de De
  • Só Até → todos até Até
  • De + Até → janela fechada
  • Botão "Limpar datas" + "Aplicar"

Feedback visual

  • Botão do dropdown muda para bg-indigo-50 border-indigo-500 quando filtro ativo
  • Badge Filtro ativo aparece numa faixa indigo no topo do board (logo abaixo da barra de filtros), com:
    • Nome do filtro + label (ex: Período 22/05/2026 → 30/05/2026)
    • X para remover o filtro
    • Contagem total: "N processos correspondentes"
  • Contador das colunas troca: quando há filtro de previsão, mostra N (filtrado) em vez do total absoluto
  • Footer da coluna atualiza: "Exibindo N filtrado" em vez de "Exibindo X de Y"
  • Empty state da coluna atualizado: "Nenhum match com o filtro" em vez de "Sem processos"
  • Botão Limpar Filtros (FilterX) agora reseta texto + previsão + datas, e fica desabilitado quando nada está ativo

Outcomes

Entregue em mai/2026 como v1.2.0 do Kanban Follow-up. Próximos passos:

  • Medir adoção via Contentsquare (eventos custom de troca de filtro)
  • Medir tempo médio até primeiro click pós-rollout
  • Validar com gerentes (Cleo + leads de gestão) se o "Período específico" é o suficiente ou precisa adicionar quick presets (Esta semana / Próximas 2 semanas / Este mês)