Hermes Insights — Design v2 (2026-06-25)

O que mudou

Sidebar flutuante (glassmorphism)

• - Posição: fixed left-4 top-4 bottom-4, w-56
• - Surface: bg-bg-secondary/80 backdrop-blur-xl (glass)
• - Borda: border-border/60 rounded-2xl
• - Sombra: shadow-2xl shadow-black/40
• - Nav items: indicador lateral dourado na ativa (barra vertical esquerda)
• - Score do Dia: card no rodapé com barra de progresso dourada
• - Removido: toggle de collapse (sidebar fixa expandida)

Background mesh (CSS only)

• - 3 gradientes radiais em fixed inset-0 z-0
• - Glow dourado sutil no topo direito
• - Nenhum WebGL — sem dependência de @paper-design/shaders-react

Design tokens absorvidos do doc REFERENCIA-DESIGN-ANIMACOES.md

• - CSS variables HSL em :root (--background, --foreground, --card, --primary:gold, etc.)
• - Gold variations: --gold (#D4AF37), --gold-light (#E8C547), --gold-muted (#9A7B2F)
• - Semantic: --success, --info
• - Scrollbar: fina 5px, thumb hsl(var(--border)), hover → gold muted
• - Selection: rgba(212,175,55,0.25)
• - Focus: outline: 2px solid var(--gold)

Layout

• - pl-72 pr-6 pt-6 pb-6 no main (espaço pra sidebar fixa)
• - Background mesh fica abaixo de tudo (z-0), sidebar (z-50), conteúdo (z-10)

Fontes (já estavam)

• - Plus Jakarta Sans (UI/body)
• - Playfair Display (display/títulos)

Arquivos modificados

Arquivo	Mudança
---------	---------
src/components/layout/Sidebar.tsx	Sidebar flutuante glassmorphism
src/router.tsx	Layout com background mesh
src/app.css	Design tokens + animações

Build

• - npm run build ✅ (9s, 972KB JS, zero errors)
• - Deploy: rsync → VPS ✅

Status

• - Sidebar flutuante: ✅ deployado
• - Background mesh: ✅ deployado
• - Tokens HSL: ✅ implementados
• - Animações (fadeUp, fadeIn, scaleIn, slideInRight): ✅
• - Scrollbar customizada: ✅
• - Score do Dia (footer sidebar): ✅ placeholder (7.4 hardcoded)

Próximos passos (mecânica)

• - [ ] Trocar score do Dia placeholder por dado real da API
• - [ ] Painel Audit v2 (3 abas) — ainda não deployado
• - [ ] Dashboard KPIs reais (score médio, tempo médio, taxa resolução)
• - [ ] Configurações — botões funcionais
• - [ ] Relatórios — exportar funcional

Salvo: 2026-06-25