feat(frontend): branding "B2BCall by Handix" — logos novos em todo o app

Usuário forneceu 3 logos novos (B2BCall horizontal, B2BCall quadrado, Handix —
empresa mãe). Processados com sharp (trim de whitespace + resize) e salvos em
apps/frontend/public/branding/, substituindo o antigo b2blogo.png (mesmo desenho,
só com mais espaço em branco ao redor).

Achado ao processar: Logo_Handix.png original era RGB sem canal alpha (fundo branco
opaco) — aplicar o mesmo filtro brightness-0 invert já usado no logo B2BCall pro
painel escuro do login virava um retângulo branco sólido. Corrigido recolorindo
pixels próximos de branco como transparentes via sharp antes de salvar.

Sidebar (tenant e platform) ganha o ícone do B2BCall ao lado do nome do tenant/
"PLATFORM" no cabeçalho (canto superior esquerdo); topbar ganha o logo da Handix
com link pra www.handix.com.br (canto superior direito, escondido no mobile). Login
ganha "BY HANDIX" abaixo do logo principal e um rodapé com o logo da Handix + link.

Testado ponta a ponta via Puppeteer: login, dashboard tenant/platform (claro e
escuro), sidebar recolhida, drawer mobile.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01BFaBaBSQGhyXGEgtTYZGV8
This commit is contained in:
2026-08-30 11:01:55 -03:00
parent 4b927e9d9e
commit a15ea26cb5
20 changed files with 65 additions and 8 deletions

31
TODO.md
View File

@@ -1757,6 +1757,37 @@ secao 96-103, 124, 169) + achado real de autorização em `/ai/models`
`/app` direto, sem passar pela tela de login de novo. Usuário de
teste removido no final
## PHASE 50 — Branding "B2BCall by Handix" (pedido do usuário: logos novos)
- [x] Usuário forneceu 3 logos novos na raiz do projeto (`logo_b2bcall_
horizontal.png`, `logo_b2bcall_quadrado.png`, `Logo_Handix.png`,
empresa mãe). Processados com `sharp` (trim de whitespace + resize
pra tamanho web) e salvos em `apps/frontend/public/branding/` como
`b2bcall-horizontal.png`/`b2bcall-quadrado.png`/`handix-logo.png` —
o antigo `b2blogo.png` foi substituído (era o mesmo desenho, só com
mais espaço em branco ao redor)
- [x] achado ao processar: `Logo_Handix.png` original era RGB (sem canal
alpha) — fundo branco opaco, não transparente. Aplicado
`brightness-0 invert` nele (mesmo filtro já usado no logo B2BCall
pro painel escuro do login) virava um retângulo branco sólido, sem
nada visível dentro. Corrigido com um script Node usando `sharp`
pra recolorir pixels próximos de branco (limiar 245) como
transparentes antes de salvar — resultado com alpha real,
confirmado lendo os bytes RGBA de um pixel de fundo (0,0,0,0)
- [x] Sidebar (tenant e platform): ícone quadrado do B2BCall ao lado do
nome do tenant/"PLATFORM" no cabeçalho (canto superior esquerdo da
tela) — some junto com o texto quando a sidebar está recolhida,
mesmo comportamento de antes
- [x] Topbar: logo da Handix (canto superior direito, com link pra
www.handix.com.br em nova aba) antes do seletor de tema — escondido
abaixo de `sm` (mobile) pra não espremer a topbar já apertada
- [x] Login: "BY HANDIX" abaixo do logo principal do B2BCall no painel de
marca, e um rodapé com o logo da Handix (versão branca) + link pra
www.handix.com.br
- [x] Testado ponta a ponta via Puppeteer: tela de login, dashboard do
tenant e da plataforma (claro e escuro), sidebar recolhida, drawer
mobile — logos aparecendo corretos em todos, sem o artefato de
retângulo branco no Handix
---
## Riscos conhecidos