type, layer, tags, title
type
layer
tags
title
Entity
wiki
stack
dashdescomplicar
painel
monitor
infraestrutura
Painel-Monitor
Painel-Monitor
Painel de monitorização de infraestrutura e WordPress. Visualiza estado de servidores Proxmox, containers Docker, sites WordPress, backups e frota Beszel em tempo real.
Responsabilidades
Infraestrutura : Load, storage (NVMe, RAID1), containers Docker por servidor
Servidores : CWP Server (VM 100, QEMU), EasyPanel (VM 101, QEMU), Gateway (VM 103), Proxmox Host
WordPress : Sites monitorizados (status, actualizações pendentes)
Frota Beszel : Sistemas agregados via Beszel Hub (CPU, RAM, disco, containers, uptime)
Backups : Estado dos backups (último, tamanho, status)
Alertas : Itens com status warning/critical destacados
Categorização : Itens agrupados por categoria (infra, wordpress, backups, beszel, hetzner)
Stack
React 19 + TypeScript 5.6
Framer Motion (stagger animations)
Lucide React (15+ ícones: Server, Container, HardDrive, Globe, Wifi, etc.)
Tailwind CSS (glass-card, status colors)
Tipos
MonitorItem: id, name, category, status, details (JSON), last_check
CategorySummary: category, total, ok, warning, critical
MonitorData: items (Record<category, MonitorItem[]>), summary, overall, stats
VMConfig: name, id, type (QEMU/LXC), ip, role, icon, accent colors
FleetSystem: name, host, status, cpu, mem, disk, containers, load, uptime
FleetData: total, up, down, systems[]
APIs Consumidas
API
Rota
Dados
Monitor
GET /api/monitor
Items de monitorização (MySQL tbl_eal_monitoring)
Beszel
GET /api/beszel
Frota de sistemas Beszel
Hetzner
GET /api/hetzner
Servidores Hetzner + métricas
Localizações
Código : src/pages/Monitor.tsx (788 linhas — maior página)
Rota : /monitor
Dependências
Express-API : Rotas /api/monitor, /api/beszel, /api/hetzner
Dashboard-Engine : Layout, navegação
Integracao-Hetzner : Dados de servidores
Integracao-Beszel : Fleet data
Integracao-WordPress : Dados de sites WP
Integracao-SSH-Metrics : Métricas SSH
Estado
Activo (Fase C — com frota Beszel integrada 2026-06)