nonobis/Heimdall
Watch
1
0
Fork
You've already forked Heimdall
 0
Code Issues 24 Pull requests Projects Releases Packages Activity Actions 1

FEAT: UI Admin — page inventaire matériel agent (specs complètes + métriques live + historique) #86

New issue
Open
opened 2026-08-12 10:16:26 +02:00 by nonobis · 1 comment
nonobis commented 2026-08-12 10:16:26 +02:00
Owner
Copy link

🎯 Contexte

Une fois les collecteurs en place (CPU, mémoire/disque, GPU, OS/Docker/réseau), il faut une vue unique par agent : les specs de la machine d'un coup d'œil (« ce site a un i7, 32 Go, une RTX 3060 12 Go, tourne en Docker avec 4 CPUs alloués ») + les métriques live + l'historique des valeurs.

📚 Référence spec / décision

Décision : page détail agent enrichie + agrégation par site.

  • Section « Spécifications » : CPU (marque/modèle/fréquence/cœurs), RAM machine, disques, GPU (multi), OS/kernel/conteneur — regroupée en cartes
  • Section « Machine » : IPs, températures, uptime machine/process, conteneur (ID, image, limites)
  • Métriques live existantes conservées (CPU%, RAM, disque, GPU temp/util)
  • Vue agrégée par site : « capacité totale du site » (somme CPU/RAM/GPU VRAM des agents en ligne) — utile pour décider d'ajouter un agent ou répartir les caméras
  • Historique : courbes CPU/RAM/GPU temp par agent (table AgentMetricSample horodatée, rétention configurable)

🔍 État actuel (vérifié dans le code)

Page agent : cartes métriques live (CPU/RAM/disque), section « Capacité IA » à venir (#73). Dashboard/AllAgents : tuiles stat (StatTile). Pas de specs matérielles, pas de vue site agrégée, pas d'historique de métriques.

🧩 À faire

  • Refonte AgentDetail.razor : sections Spécifications (CPU/Mémoire/Disques/GPU/OS) + Machine (IP/temp/uptime/conteneur)
  • Composants : HardwareSpecCard.razor, GpuCard.razor (multi-GPU), MetricHistoryChart.razor
  • Table AgentMetricSample (AgentId, TimestampUtc, Cpu, Mem, Disk, GpuTemp, GpuUtil) + job Hangfire d'échantillonnage (ex. /5 min) + rétention (ex. 30 j)
  • Vue site agrégée : capacité totale (CPU/RAM/VRAM) des agents en ligne par site
  • Endpoints API : GET /api/agents/{id}/inventory, GET /api/agents/{id}/metrics/history?from=&to=, GET /api/sites/{id}/capacity
  • Tests bUnit : rendu des nouvelles sections, formats (Go, GHz, °C)

🧪 Critères d'acceptation

  • La page agent montre les specs complètes (CPU modèle + cœurs physiques/logiques, RAM machine, disques par montage, GPU avec VRAM/temp, OS/conteneur)
  • La vue site montre la capacité totale des agents en ligne
  • L'historique affiche des courbes sur 24 h/7 j
  • Rétention des échantillons respectée (job purge)
  • make test vert

📁 Fichiers concernés

src/Heimdall.Web/Pages/Agents/AgentDetail.razor, src/Heimdall.Web/Pages/Sites/SiteDetail.razor, src/Heimdall.Web/Components/HardwareSpecCard.razor + GpuCard.razor + MetricHistoryChart.razor (nouveaux), src/Heimdall.Domain/Entities/AgentMetricSample.cs (nouveau), src/Heimdall.Infrastructure/BackgroundJobs/JobSetup.cs (échantillonnage), src/Heimdall.Web/Controllers/AgentsController.cs + SitesController.cs, tests/Heimdall.Web.Tests/

⚠️ Impact

Ajoute une table de métriques historiques (volume : 1 ligne/agent/5 min ≈ 8 640 lignes/agent/an) — index (AgentId, TimestampUtc) + rétention obligatoire.

📝 Notes

Consomme les inventaires des tickets CPU / mémoire-disque / GPU / OS-Docker-réseau. L'historique est le socle des futurs alerting (« ce site chauffe »).

Maquette

Maquette

Description

NOUVELLE PAGE « Inventaire matériel » accessible depuis la fiche agent. Vue par agent : KPI live (CPU, RAM, GPU, disque), onglets (Vue d'ensemble / Métriques live

Maquette

Maquette

## 🎯 Contexte Une fois les collecteurs en place (CPU, mémoire/disque, GPU, OS/Docker/réseau), il faut une **vue unique** par agent : les specs de la machine d'un coup d'œil (« ce site a un i7, 32 Go, une RTX 3060 12 Go, tourne en Docker avec 4 CPUs alloués ») + les métriques live + l'historique des valeurs. ## 📚 Référence spec / décision Décision : page détail agent enrichie + agrégation par site. - Section « Spécifications » : CPU (marque/modèle/fréquence/cœurs), RAM machine, disques, GPU (multi), OS/kernel/conteneur — regroupée en cartes - Section « Machine » : IPs, températures, uptime machine/process, conteneur (ID, image, limites) - Métriques live existantes conservées (CPU%, RAM, disque, GPU temp/util) - Vue agrégée par **site** : « capacité totale du site » (somme CPU/RAM/GPU VRAM des agents en ligne) — utile pour décider d'ajouter un agent ou répartir les caméras - Historique : courbes CPU/RAM/GPU temp par agent (table `AgentMetricSample` horodatée, rétention configurable) ## 🔍 État actuel (vérifié dans le code) Page agent : cartes métriques live (CPU/RAM/disque), section « Capacité IA » à venir (#73). Dashboard/AllAgents : tuiles stat (StatTile). Pas de specs matérielles, pas de vue site agrégée, pas d'historique de métriques. ## 🧩 À faire - [ ] Refonte `AgentDetail.razor` : sections Spécifications (CPU/Mémoire/Disques/GPU/OS) + Machine (IP/temp/uptime/conteneur) - [ ] Composants : `HardwareSpecCard.razor`, `GpuCard.razor` (multi-GPU), `MetricHistoryChart.razor` - [ ] Table `AgentMetricSample` (AgentId, TimestampUtc, Cpu, Mem, Disk, GpuTemp, GpuUtil) + job Hangfire d'échantillonnage (ex. /5 min) + rétention (ex. 30 j) - [ ] Vue site agrégée : capacité totale (CPU/RAM/VRAM) des agents en ligne par site - [ ] Endpoints API : `GET /api/agents/{id}/inventory`, `GET /api/agents/{id}/metrics/history?from=&to=`, `GET /api/sites/{id}/capacity` - [ ] Tests bUnit : rendu des nouvelles sections, formats (Go, GHz, °C) ## 🧪 Critères d'acceptation - [ ] La page agent montre les specs complètes (CPU modèle + cœurs physiques/logiques, RAM machine, disques par montage, GPU avec VRAM/temp, OS/conteneur) - [ ] La vue site montre la capacité totale des agents en ligne - [ ] L'historique affiche des courbes sur 24 h/7 j - [ ] Rétention des échantillons respectée (job purge) - [ ] `make test` vert ## 📁 Fichiers concernés src/Heimdall.Web/Pages/Agents/AgentDetail.razor, src/Heimdall.Web/Pages/Sites/SiteDetail.razor, src/Heimdall.Web/Components/HardwareSpecCard.razor + GpuCard.razor + MetricHistoryChart.razor (nouveaux), src/Heimdall.Domain/Entities/AgentMetricSample.cs (nouveau), src/Heimdall.Infrastructure/BackgroundJobs/JobSetup.cs (échantillonnage), src/Heimdall.Web/Controllers/AgentsController.cs + SitesController.cs, tests/Heimdall.Web.Tests/ ## ⚠️ Impact Ajoute une table de métriques historiques (volume : 1 ligne/agent/5 min ≈ 8 640 lignes/agent/an) — index (AgentId, TimestampUtc) + rétention obligatoire. ## 📝 Notes Consomme les inventaires des tickets CPU / mémoire-disque / GPU / OS-Docker-réseau. L'historique est le socle des futurs alerting (« ce site chauffe »). --- --- ## Maquette - **Lien Penpot** : [nonobis-design-system › page agents](https://penpot.tordais.cc/?page=127dfd1c-12b5-80f7-8008-79c6fdaf09f4) ![Maquette](https://forgejo.tordais.cc/attachments/fc1bcfb2-b71a-48f1-b29b-1524f6b9698e) - [Détails / composants MudBlazor (README)](https://forgejo.tordais.cc/attachments/d2d56b33-9679-4c62-8995-09e3b9a55dfe) - Statut : maquette appliquée dans Penpot ✓ ## Description NOUVELLE PAGE « Inventaire matériel » accessible depuis la fiche agent. Vue par agent : KPI live (CPU, RAM, GPU, disque), onglets (Vue d'ensemble / Métriques live --- ## Maquette - **Lien Penpot** : [nonobis-design-system › page agents](https://penpot.tordais.cc/?page=127dfd1c-12b5-80f7-8008-79c6fdaf09f4) ![Maquette](https://forgejo.tordais.cc/attachments/fc1bcfb2-b71a-48f1-b29b-1524f6b9698e) - [Détails / composants MudBlazor (README)](https://forgejo.tordais.cc/attachments/d2d56b33-9679-4c62-8995-09e3b9a55dfe) - Statut : maquette appliquée dans Penpot ✓
README.md
2.1 KiB
maquette.png
186 KiB
nonobis commented 2026-08-14 10:53:41 +02:00
Author
Owner
Copy link

Maquette the-designer intégrée (14/08/2026) :

Maquette the-designer intégrée (14/08/2026) : - Aperçu (PNG) : https://forgejo.tordais.cc/attachments/fc1bcfb2-b71a-48f1-b29b-1524f6b9698e - Détails / composants MudBlazor (README) : https://forgejo.tordais.cc/attachments/d2d56b33-9679-4c62-8995-09e3b9a55dfe - Statut : application Penpot différée (plugin MCP non connecté) — maquette locale consultable
Sign in to join this conversation.
No Branch/Tag specified
Branches Tags
main
feat/migrate-ci-woodpecker
feat/implement-all-5-tickets-complètement
fix/pending-model-changes-warning
feat/131-user-camera-access-entity
feat/11-persons-ui
feat/mobile-feature
feat/134-camera-access-panel-ui
feat/89-confirm-user-email
fix/27-e2e-tests
feat/133-user-camera-access-api
feat/141-camera-access-tests
fix/mobile-ci
feat/110-camera-discovery-ui
feat/136-filter-sites-by-user-access
feat/142-i18n-localization
feat/14-opentelemetry-metrics
feat/59-toggle-camera-status
feat/75-agent-remote-mode
feat/76-agent-gpu-worker
feat/86-agent-inventory-ui
fix/25-readme-update
fix/47-auth-redirect
fix/77-docker-compose-gpu
feat/11-persons-ui-new
feat/88-edit-user-email
fix/ci-infra-heimdall
feat/feat-application-mobile-android-kotlin-jetpack-com
feat/feat-release-notes-automatiques-forgejo-changelog
feat/feat-service-icameraaccessservice-r-solution-des-a
feat/feat-backup-automatis-postgresql-alarik-avec-test-
feat/feat-filtrage-cam-ras-adapter-getcamerasbysite-aux
feat/feat-suppression-de-site-en-cascade-agents-et-cam-
feature/auto-update-docker
feature/auto-update-native
feature/audit-full-coverage
feat/agent-inventory-ui
feat/integration-settings-ui
feat/ntfy-config-complete
feat/agent-gpu-consumer
fix/ci-refonte-politique-143
No results found.
Labels
Clear labels   
bug
Comportement incorrect ou risque fonctionnel

  
chore
Maintenance, dépendances, CI, outillage

  
design
Ticket avec composante UI — maquette the-designer requise/intégrée

  
dx:ci

   
dx:database

   
dx:dotnet

   
dx:infra

   
dx:security

   
dx:tests

   
dx:ui

   
etape-1
Étape 1 — MVP Multi-Site (phases 1-12)

  
etape-2
Étape 2 — Caméras + Temps réel (phases 13-14)

  
etape-3
Étape 3 — Vidéo + IA (phases 15-16)

  
etape-4
Étape 4 — Événements + Notifications (phases 17-19)

  
etape-5
Étape 5 — UI Blazor complète (phases 20-23)

  
etape-6
Étape 6 — Production Hardening (phase 24)

  
etape-7
Étape 7 — Mobile (phase 25)

  
feature
Nouvelle fonctionnalité / implémentation spec manquante

  
priority-high
Priorité haute — bloque le cœur métier

  
priority-low
Priorité faible / cosmétique

  
priority-medium
Priorité moyenne

  
security
Vulnérabilités CVE, scans Trivy/OWASP, security hardening

  
spec
Référence à MASTER_SPECIFICATION.md

  
tech-debt
Dette technique, obsolescence, drift documentation

No labels
bug
chore
design
dx:ci
dx:database
dx:dotnet
dx:infra
dx:security
dx:tests
dx:ui
etape-1
etape-2
etape-3
etape-4
etape-5
etape-6
etape-7
feature
priority-high
priority-low
priority-medium
security
spec
tech-debt
Milestone
Clear milestone
No items
No milestone
Projects
Clear projects
No items
No project
Assignees
Clear assignees
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set

Reference
nonobis/Heimdall#86
No description provided.