Monte um dashboard ao vivo do squad

Quero uma página sobre o meu squad que eu possa abrir toda manhã e compartilhar com o time, montada com os nossos números reais. ## Contexto - Squad: [squad] - Período: [últimos 30 dias], comparados com os 30 dias anteriores - Onde ela vai ser vista: [uma tela no escritório | um link no Slack | uma aba do meu navegador] - Se eu deixei algo entre [colchetes], mantenha o que for um padrão (um período, um número de dias, a primeira de várias opções) e me pergunte o resto de uma vez só, antes de puxar qualquer dado. - Escreva tudo, inclusive o entregável, no idioma deste prompt. ## Puxe estes dados do DevStats 1. Throughput, PR Cycle Time com a quebra por etapa, Deploy e DORA Metrics — os dois períodos 2. Daily WIP do período atual 3. Open PRs, Aging Issues e Aging Branches — o retrato atual 4. Sprint Progress — só se o squad trabalha com sprints 5. Benchmarks ## Como montar - Um dashboard precisa responder a três perguntas em cinco segundos: estamos entregando, tem algo parado, estamos estáveis. Organize a página nessa ordem, de cima para baixo. - Abra com uma frase que leia os dados para mim, por exemplo: "Review é a etapa mais lenta deste mês e três PRs estão esperando há 5+ dias." - Linha do topo: quatro cards — PRs mergeados, PR cycle time, deploys, change failure rate. Cada um com a variação contra o período anterior e o tier de benchmark em uma etiqueta pequena. Cor significa melhor ou pior, não subiu ou desceu: cycle time caindo é verde. - Meio: cycle time por etapa em uma única barra horizontal empilhada (para onde o tempo vai) e WIP em uma pequena linha de tendência. - "Parado agora" é a seção que faz as pessoas agirem, então faça dela a maior: os cinco PRs abertos mais antigos e as cinco issues em andamento mais antigas, com idade e link. - Uma barra de progresso da sprint, só se houver uma sprint ativa. - Sete elementos no máximo. Nada de gráficos de pizza, nada de velocímetros. Números grandes, rótulos pequenos. Se for para uma tela no escritório, precisa ser legível a três metros. - É uma página compartilhada: mostre títulos de PRs e issues e repositórios, não nomes de pessoas. - Mostre o período e a data em que os dados foram puxados. Se uma ferramenta não retornou nada, mostre um estado vazio que diga isso em vez de um zero. - Um change failure rate de 0% costuma significar que os incidentes não são registrados: escreva "não registrado" no tile em vez de um zero verde. Uma etapa que volta vazia no período anterior não foi medida: não mostre variação para essa etapa, nem para o total. - Quando dois relatórios contam a mesma coisa de formas diferentes (branches abertas no Daily WIP e no Aging Branches), mostre um deles e diga de qual relatório veio. ## Entregue 1. Um único arquivo HTML autocontido que eu possa baixar (publique também como artifact se puder): CSS inline, gráficos em SVG inline ou com uma biblioteca de gráficos via CDN, responsivo, com temas claro e escuro. 2. Mantenha todos os números em um único objeto JSON no topo de um script, e renderize a página a partir desse objeto. Rodar este prompt de novo passa a trocar só o objeto. 3. Três linhas, na sua resposta e não na página, me dizendo como atualizar a página e o que olhar primeiro a cada manhã.