Respeite o bowtie, não exclua ele
O usuário quer que eu respeite o modelo bowtie (gravata-borboleta) — o funil que estreita até a venda no centro e depois volta a se expandir (onboarding → retenção → expansão). No mock original isso era visível: ATRAÇÃO → CONVERSÃO → VENDAS (estreitando) e depois ONBOARDING → RETENÇÃO → EXPANSÃO (expandindo). Deixa eu ver o que construí.
Entendi — duas coisas. O bowtie do onboarding eu mantenho (a fase de expansão Onboarding → Retenção → Expansão continua no funnel-selector, não vou removê-la). Agora o foco é a nova tarefa: redesenhar o Analytics de Growth como V0 mockada premium.
Deixa eu inspecionar apenas o necessário da tela atual de Analytics e os padrões existentes.
Tenho o contexto principal. Vou ler os componentes que vou reusar e o chart wrapper.
Tenho o contexto completo. O sistema usa dark graphite premium, âmbar (Conselho) e teal (Soluções), com componentes em components/admin/analytics/. Vou construir a V0 do Analytics de Growth centralizando todos os dados em um mock e criando seções modulares numa única página navegável.
Começo pelo arquivo de mocks centralizado.
Agora vou criar os componentes de seção. Primeiro, peças compartilhadas (cabeçalho de seção, barra de filtros, tabela e badges) e depois as seções da jornada.
Agora o componente de jornada Growth (bowtie/funil estendido) e helpers de tendência/badge. Vou criar uma jornada visual que mostre o afunilamento até a venda.
Agora componentes reutilizáveis: um wrapper de card, grid de mini-stats, gráfico de aquisição (barras empilhadas), curva de retenção, cohort, receita por plano e instrumentação.
Agora a curva de retenção (gráfico de linha), o cohort (heatmap mockado) e a receita por plano.
Agora a receita por plano e a saúde da instrumentação.
Agora as tabelas densas: aquisição (fontes), top cursos, top ferramentas e gates. Vou criar um único arquivo de tabelas para mantê-las coesas.
Agora um card de insight reutilizável e um toast simples para o export CSV. Depois monto a página principal.
Agora monto a página principal /admin/analytics. Vou reescrevê-la para a nova visão de Growth, reusando KpiCard e TopList existentes e adicionando o toast mockado de export.
Vou verificar erros e validar no navegador.
Sem erros de compilação. Vou validar a página no navegador — desktop completo e mobile.
O dashboard ficou excelente — premium, denso e claro. Tudo renderizando: filtros elegantes, badge "DADOS SIMULADOS", jornada Growth com afunilamento visual, tabelas densas com badges de impacto/tendência, receita por plano e a seção de saúde da instrumentação com status OK/Parcial/Pendente. Vou validar o mobile e o toast de export.
Tudo verificado e funcionando em desktop e mobile, incluindo o toast mockado de export. Mantive o bowtie do onboarding intacto (não toquei no funnel-selector) e foquei na nova tarefa.
Aqui está a entrega conforme solicitado:
1. Resumo do que foi alterado
Redesenhei a tela /admin/analytics da V0 anterior (visão genérica de produto) para a nova V0 do Analytics de Growth, cobrindo as 12 seções da jornada completa: aquisição → ativação → engajamento → conversão → retenção → monetização/churn, mais saúde da instrumentação. Tudo é mockado, sem backend, eventos, queries ou integrações reais. Há sinalização visual clara ("DADOS SIMULADOS" no header e "Roadmap de dados" na instrumentação).
2. Arquivos principais criados/modificados
lib/analytics-growth.mock.ts — todos os dados falsos centralizados e tipados, fáceis de trocar por queries reais.app/admin/analytics/page.tsx — reescrita orquestrando as 12 seções + toast de export.components/admin/analytics/growth/ — novos componentes: growth-filter-bar, section-header, growth-journey, acquisition-chart, retention-curve, cohort-table, revenue-by-plan, instrumentation-health, growth-tables (origens, cursos, ferramentas, gates), stat-grid, insight-card, badges.KpiCard e TopList existentes; rota e AdminShell preservados.3. Como visualizar
Admin → Analytics → "Visão geral" (/admin/analytics).
4. Quais dados são mockados Todos. KPIs, jornada, origens/campanhas/landing pages, ativação, engajamento, cursos, ferramentas/IA, gates, curva e cohort de retenção, planos/MRR/churn. O export CSV mostra apenas um toast; filtros e seletor de período mudam o estado visual sem recalcular. A seção "Saúde da instrumentação" marca explicitamente o que é OK/Parcial/Pendente.
5. Recomendações para V1/V2 real
Priorizar instrumentação dos itens "Pendente" (cursos/aulas, copilotos, recomendações) por evento; persistir UTMs por sessão+usuário; substituir o mock por uma view/RPC por seção mantendo o mesmo shape de analytics-growth.mock.ts; reconciliar receita/MRR com o provedor de pagamento; e materializar cohorts/retenção em tabela agregada para performance.