---
type: Entity
layer: wiki
tags: [stack, dashdescomplicar, painel, monitor, infraestrutura]
title: "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)