diff --git a/TODO.md b/TODO.md index 4149c0e..d281f60 100644 --- a/TODO.md +++ b/TODO.md @@ -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 diff --git a/apps/frontend/.impeccable/review/branding-login-desktop.png b/apps/frontend/.impeccable/review/branding-login-desktop.png new file mode 100644 index 0000000..ec93321 Binary files /dev/null and b/apps/frontend/.impeccable/review/branding-login-desktop.png differ diff --git a/apps/frontend/.impeccable/review/branding-platform-app-desktop.png b/apps/frontend/.impeccable/review/branding-platform-app-desktop.png new file mode 100644 index 0000000..1fd3658 Binary files /dev/null and b/apps/frontend/.impeccable/review/branding-platform-app-desktop.png differ diff --git a/apps/frontend/.impeccable/review/branding-platform-collapsed-desktop.png b/apps/frontend/.impeccable/review/branding-platform-collapsed-desktop.png new file mode 100644 index 0000000..1418bcc Binary files /dev/null and b/apps/frontend/.impeccable/review/branding-platform-collapsed-desktop.png differ diff --git a/apps/frontend/.impeccable/review/branding-tenant-app-desktop.png b/apps/frontend/.impeccable/review/branding-tenant-app-desktop.png new file mode 100644 index 0000000..6c4d55c Binary files /dev/null and b/apps/frontend/.impeccable/review/branding-tenant-app-desktop.png differ diff --git a/apps/frontend/.impeccable/review/branding-tenant-dark-desktop.png b/apps/frontend/.impeccable/review/branding-tenant-dark-desktop.png new file mode 100644 index 0000000..265023a Binary files /dev/null and b/apps/frontend/.impeccable/review/branding-tenant-dark-desktop.png differ diff --git a/apps/frontend/.impeccable/review/branding-tenant-mobile-desktop.png b/apps/frontend/.impeccable/review/branding-tenant-mobile-desktop.png new file mode 100644 index 0000000..d23a734 Binary files /dev/null and b/apps/frontend/.impeccable/review/branding-tenant-mobile-desktop.png differ diff --git a/apps/frontend/.impeccable/review/branding-tenant-mobile-drawer-desktop.png b/apps/frontend/.impeccable/review/branding-tenant-mobile-drawer-desktop.png new file mode 100644 index 0000000..8bd3377 Binary files /dev/null and b/apps/frontend/.impeccable/review/branding-tenant-mobile-drawer-desktop.png differ diff --git a/apps/frontend/public/branding/b2bcall-horizontal.png b/apps/frontend/public/branding/b2bcall-horizontal.png new file mode 100644 index 0000000..c9302e4 Binary files /dev/null and b/apps/frontend/public/branding/b2bcall-horizontal.png differ diff --git a/apps/frontend/public/branding/b2bcall-quadrado.png b/apps/frontend/public/branding/b2bcall-quadrado.png new file mode 100644 index 0000000..ade79f2 Binary files /dev/null and b/apps/frontend/public/branding/b2bcall-quadrado.png differ diff --git a/apps/frontend/public/branding/b2blogo.png b/apps/frontend/public/branding/b2blogo.png deleted file mode 100644 index 37ba6e8..0000000 Binary files a/apps/frontend/public/branding/b2blogo.png and /dev/null differ diff --git a/apps/frontend/public/branding/handix-logo.png b/apps/frontend/public/branding/handix-logo.png new file mode 100644 index 0000000..1affc23 Binary files /dev/null and b/apps/frontend/public/branding/handix-logo.png differ diff --git a/apps/frontend/src/app/globals.css b/apps/frontend/src/app/globals.css index 444a7cf..ba9bb80 100644 --- a/apps/frontend/src/app/globals.css +++ b/apps/frontend/src/app/globals.css @@ -5,7 +5,7 @@ /* * Tokens (agente.md secao 165: colors/typography/spacing/radius/shadows/ * status colors). Paleta derivada do logo real (apps/frontend/public/ - * branding/b2blogo.png): navy profundo + azul saturado + teal de apoio — + * branding/b2bcall-horizontal.png): navy profundo + azul saturado + teal de apoio — * nunca uma paleta nova escolhida livremente (agente.md secao "Brand * Commitments" em PRODUCT.md). */ diff --git a/apps/frontend/src/app/layout.tsx b/apps/frontend/src/app/layout.tsx index c94cedb..240e694 100644 --- a/apps/frontend/src/app/layout.tsx +++ b/apps/frontend/src/app/layout.tsx @@ -44,7 +44,7 @@ export default function RootLayout({ children }: { children: React.ReactNode }) {/* THESIS: B2BCall's dashboards read as a live instrument panel, not a generic admin table — the platform's pulse before any list. - OWN-WORLD: navy #0B1B3A ground, brand blue #2554FF primary, teal #2EC9C0 accent (from b2blogo.png); IBM Plex Sans UI, IBM Plex Mono tabular readouts. + OWN-WORLD: navy #0B1B3A ground, brand blue #2554FF primary, teal #2EC9C0 accent (from b2bcall-horizontal.png); IBM Plex Sans UI, IBM Plex Mono tabular readouts. STORY: a platform admin opens the dashboard and reads the whole platform's live state — tenants, calls in flight, capacity headroom — in one glance. FIRST VIEWPORT: sidebar+topbar shell, content opens on a grid of large mono instrument tiles for live counters, live ones pulse; a quieter row below for not-yet-available billing figures, explicitly marked pending. FORM: concept-seed surface/operate key ae95b901, candidate #3 (seven-segment/instrument panel) chosen over dealt lead #4 (HyperCard) — reasoned override, no interactive decision round available in this environment, disclosed to the user. diff --git a/apps/frontend/src/app/login/page.tsx b/apps/frontend/src/app/login/page.tsx index 4d101e4..28e999d 100644 --- a/apps/frontend/src/app/login/page.tsx +++ b/apps/frontend/src/app/login/page.tsx @@ -66,7 +66,10 @@ export default function LoginPage() { backgroundSize: "40px 40px", }} /> - B2BCall +
+ B2BCall +

by Handix

+

Discador preditivo, call center e análise de IA sob um único painel de controle. @@ -76,12 +79,18 @@ export default function LoginPage() { chamada.

+
+ Handix + + www.handix.com.br + +
{/* Form */}
- B2BCall + B2BCall

Entrar no B2BCall

Acesse com as credenciais da sua conta.

diff --git a/apps/frontend/src/app/select-tenant/page.tsx b/apps/frontend/src/app/select-tenant/page.tsx index 79f22f9..34f21bf 100644 --- a/apps/frontend/src/app/select-tenant/page.tsx +++ b/apps/frontend/src/app/select-tenant/page.tsx @@ -17,7 +17,7 @@ export default async function SelectTenantPage() { return (
- B2BCall + B2BCall

Qual conta você quer acessar?

Sua conta tem acesso a mais de um tenant.

diff --git a/apps/frontend/src/app/trocar-senha/trocar-senha-view.tsx b/apps/frontend/src/app/trocar-senha/trocar-senha-view.tsx index bb70162..6e0332f 100644 --- a/apps/frontend/src/app/trocar-senha/trocar-senha-view.tsx +++ b/apps/frontend/src/app/trocar-senha/trocar-senha-view.tsx @@ -48,7 +48,7 @@ export function TrocarSenhaView() { return (
- B2BCall + B2BCall

Trocar senha

Esta é a senha temporária gerada na criação da sua conta — escolha uma nova antes de continuar. diff --git a/apps/frontend/src/components/shell/mobile-nav-drawer.tsx b/apps/frontend/src/components/shell/mobile-nav-drawer.tsx index f7e1861..b33982b 100644 --- a/apps/frontend/src/components/shell/mobile-nav-drawer.tsx +++ b/apps/frontend/src/components/shell/mobile-nav-drawer.tsx @@ -34,7 +34,7 @@ export function MobileNavDrawer({ items }: { items: NavSection[] }) { > Navegação

- B2BCall + B2BCall
+ + Handix + +
{userLabel}