feat(frontend): restyle monitoring charts on the Beszel school

Ports Beszel's chart design language onto our recharts primitives:
titled card grid, area fills on a true time axis, unit-aware Y ticks,
sorted dotted tooltips, and legend chips. System detail gains stacked
per-container Docker CPU/memory, per-sensor temperature lines, load
1/5/15, and GPU usage/VRAM — all from data the agent already sends.

Generated with [Devin](https://devin.ai)

Co-Authored-By: Devin <158243242+devin-ai-integration[bot]@users.noreply.github.com>
This commit is contained in:
Tomas DvorakandDevin committed 2026-09-22 17:05:34 +02:00
1 parent 35602c2e52
commit ddd29aad24
8 files changed
+454 -98

No files matched your search

+25 -4
View File
@@ -323,10 +323,29 @@ export const cs: Partial<Record<Key, string>> = {
"systems.addDesc": "Vytvoří bearer token — spusťte s ním dash-agent.",
"systems.notFound": "Systém nenalezen.",
"systems.usage": "Využití",
"systems.cpuPct": "CPU %",
"systems.memPct": "Paměť %",
"systems.netKbs": "Síť KB/s",
"systems.load1m": "Load 1m",
"systems.chartCpu": "Využití CPU",
"systems.chartCpuHint": "Průměrné využití CPU celého systému",
"systems.chartMem": "Využití paměti",
"systems.chartMemHint": "Přesné využití v zaznamenaný čas",
"systems.chartUsed": "obsazeno",
"systems.chartDisk": "Využití disku",
"systems.chartDiskHint": "Využití kořenového oddílu",
"systems.chartNet": "Šířka pásma",
"systems.chartNetHint": "Síťový provoz veřejných rozhraní",
"systems.chartRx": "přijato",
"systems.chartTx": "odesláno",
"systems.chartLoad": "Průměrné zatížení",
"systems.chartLoadHint": "Zátěž za 1, 5 a 15 minut",
"systems.chartTemp": "Teplota",
"systems.chartTempHint": "Systémové senzory",
"systems.chartDockerCpu": "CPU Dockeru",
"systems.chartDockerCpuHint": "CPU na kontejner, procent jednoho jádra",
"systems.chartDockerMem": "Paměť Dockeru",
"systems.chartDockerMemHint": "Paměť na kontejner",
"systems.chartGpu": "Využití GPU",
"systems.chartGpuHint": "Využití na GPU",
"systems.chartVram": "VRAM GPU",
"systems.chartVramHint": "Paměť na GPU",
"systems.temperatures": "Teploty",
"systems.drivesSmart": "Disky (SMART)",
"systems.agentCmd": "Příkaz agenta",
@@ -335,6 +354,8 @@ export const cs: Partial<Record<Key, string>> = {
"systems.failing": "selhává",
"systems.uptime": "Doba běhu",
"chart.noData": "Zatím žádná data.",
"incidents.title": "Incidenty",
"incidents.subtitle": "Automaticky otevřené při výpadcích monitorů, nebo vedené ručně.",
"incidents.new": "Nový incident",