From 9a8332b740cf34b1563ead31696323d1a4b105fe Mon Sep 17 00:00:00 2001
From: Frederico Castro <frederico.castro@capes.gov.br>
Date: Tue, 9 Dec 2025 22:03:04 -0300
Subject: [PATCH] feat: Melhorias visuais no header e suporte a ngrok

- Melhora estilo do box de metadados (contraste e legibilidade)
- Formata total de consultores com separador de milhares
- Adiciona allowedHosts para acesso via ngrok
---
 frontend/src/components/Header.css | 12 +++++++-----
 frontend/src/components/Header.jsx |  5 ++++-
 frontend/vite.config.js            |  7 ++++---
 3 files changed, 15 insertions(+), 9 deletions(-)

diff --git a/frontend/src/components/Header.css b/frontend/src/components/Header.css
index 369997f..3355293 100644
--- a/frontend/src/components/Header.css
+++ b/frontend/src/components/Header.css
@@ -41,12 +41,14 @@
   align-items: center;
   gap: 0.5rem;
   margin-top: 0.6rem;
-  padding: 0.4rem 0.75rem;
-  background: rgba(255,255,255,0.08);
-  border: 1px solid var(--stroke);
+  padding: 0.45rem 0.85rem;
+  background: rgba(0, 0, 0, 0.22);
+  border: 1px solid rgba(255,255,255,0.28);
   border-radius: 999px;
-  font-size: 0.85rem;
-  color: var(--muted);
+  font-size: 0.9rem;
+  font-weight: 600;
+  color: #f4f7ff;
+  text-shadow: 0 1px 8px rgba(0,0,0,0.25);
 }
 
 .criteria-box {
diff --git a/frontend/src/components/Header.jsx b/frontend/src/components/Header.jsx
index 344333c..fbc08ca 100644
--- a/frontend/src/components/Header.jsx
+++ b/frontend/src/components/Header.jsx
@@ -3,6 +3,9 @@ import './Header.css';
 
 const Header = ({ total }) => {
   const dataGeracao = new Date().toLocaleDateString('pt-BR');
+  const totalFormatado = new Intl.NumberFormat('pt-BR', {
+    maximumFractionDigits: 0,
+  }).format(Number(total) || 0);
 
   return (
     <header className="header">
@@ -13,7 +16,7 @@ const Header = ({ total }) => {
           4 Componentes: Coordenação CAPES + PPG + Consultoria + Premiações
         </p>
         <div className="meta">
-          Gerado em {dataGeracao} | Total: {total} consultores
+          Gerado em {dataGeracao} | Total: {totalFormatado} consultores
         </div>
 
         <div className="criteria-box">
diff --git a/frontend/vite.config.js b/frontend/vite.config.js
index 1f23be9..1bb7f83 100644
--- a/frontend/vite.config.js
+++ b/frontend/vite.config.js
@@ -1,11 +1,12 @@
-import { defineConfig } from 'vite'
-import react from '@vitejs/plugin-react'
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
 
 export default defineConfig({
   plugins: [react()],
   server: {
     host: '0.0.0.0',
     port: 5173,
+    allowedHosts: ['.ngrok-free.app', 'localhost', '127.0.0.1'],
     proxy: {
       '/api': {
         target: 'http://backend:8000',
@@ -13,4 +14,4 @@ export default defineConfig({
       },
     },
   },
-})
+});