Resumo
# Cards da tela de Projetos do AgentPack — o que eu achei
**Data:** 21/10/2026 · **Medido em:** Chromium real (Playwright), 12 projetos com o conteúdo exato do print de 1920×919
## O veredito em uma frase
Não são dois defeitos — é **um**: o card não encolhe, estoura a track do grid e
invade o card vizinho. Por isso o texto fica sobreposto **e** o 3 pontinhos não
abre.
## Os números (antes)
| viewport | cards estourando | px invadindo o vizinho |
|---|---|---|
| **1920 (o do seu print)** | **10 de 12** (29–83px) | **3 787 px** |
| 1536 | 0 de 12 | 0 px |
| 1366 | 9 de 12 | 360 px |
| 1280 | 10 de 12 | 1 953 px |
Quem invadia: o botão "Conectar agente" (até **500 px**), o link de contagem
"0 páginas" (139 px) e o 3 pontinhos (123 px).
## A causa
`frontend/src/features/projects/components/ProjectCard.tsx` — os filhos do
`` são flex items **sem `min-w-0`**. Em flexbox o `min-width` default
é `auto`: o item nunca encolhe abaixo do próprio conteúdo. A descrição com URL
(string sem espaços) empurra o card para fora da track.
O `SkillCard` (que você nunca reclamou) usa `min-w-0` exatamente onde o
`ProjectCard` não usa. É a diferença entre uma tela e a outra.
## Por que o 3 pontinhos não clicava
O botão usa `opacity-0 group-hover:opacity-100` e o `group` é o card. Ele sai
do card e cai sobre o vizinho → o ponteiro está sobre o card errado → o card de
origem perde o hover → **o botão fica invisível no instante do clique**. O
clique que sobra vai para o link esticado (`::after` com `inset-0`, que cobre
o card inteiro) e **abre o projeto** em vez do menu.
Caso medido: o card "Nommand — Docs Ecossistema" — o 3 pontinhos dele sai 33px
e fica soterrado pelo "Auditoria".
## A correção
`min-w-0` nos três containers flex do `ProjectCard` (topo, manifesto, rodapé).
3 palavras. Depois: **0 de 12 cards estourando, 0px de invasão, 12 de 12
menus abrindo** em 1920/1536/1366/1280.
## Está em produção hoje
O bundle servido (`Home-HiFcmfBb.js` no container
`minipanel-agentpack-frontend-ws`) tem 2× `flex items-start gap-2.5` sem
`min-w-0`. O defeito está no ar.
## Relatório visual
https://sb-agent-package-audit-p5173.mp.serendiped.com
Relatório visual completo