UI

Papel no sistema

packages/ui centraliza componentes, tokens e CSS compartilhados para evitar que cada app redefina a mesma base visual. O pacote existe para consistência entre apps/monitor e futuros apps internos.

Onde fica o código

Os exports do pacote ficam em packages/ui, e o CSS global é consumido pelo monitor via @repo/ui/globals.css. Componentes específicos de produto continuam dentro do app consumidor quando não são reutilizáveis.

Como se conecta com o resto

apps/monitor importa o CSS e componentes de packages/ui no shell do TanStack Start. O pacote não deve depender de packages/auth, packages/db ou Cloudflare bindings; ele deve permanecer apresentacional.

Como verificar

Rode pnpm --filter monitor test para capturar regressões visuais básicas cobertas pelos testes do app. Ao alterar exports do pacote, rode também pnpm check-types ou o filtro específico do consumidor afetado.