From 03b2f1267db8925a0fc39d3328bf7244f3d4fa6c Mon Sep 17 00:00:00 2001
From: EduBox Dev <dev@edubox.local>
Date: Tue, 23 Jun 2026 17:08:36 +0000
Subject: [PATCH] =?UTF-8?q?docs(vpn):=20ajout=20des=20am=C3=A9liorations?=
 =?UTF-8?q?=20UI=20(console=20int=C3=A9gr=C3=A9e=20+=20barre=20de=20progre?=
 =?UTF-8?q?ssion)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 SUIVI_VPN_ONDEMAND.md | 30 ++++++++++++++++++++++++++++++
 1 file changed, 30 insertions(+)

diff --git a/SUIVI_VPN_ONDEMAND.md b/SUIVI_VPN_ONDEMAND.md
index 478f6f1..a08b9bf 100644
--- a/SUIVI_VPN_ONDEMAND.md
+++ b/SUIVI_VPN_ONDEMAND.md
@@ -233,6 +233,36 @@ Lancement :
 - [ ] **Nettoyer les anciens nodes/volumes Headscale** créés pendant les tests.
 - [ ] **Documenter la procédure de mise en production** pour le client A (config agent, clés Headscale, ports, etc.).
 
+## 💡 Améliorations UI envisagées
+
+### Console / log intégré dans l’agent
+
+Plutôt que de laisser Windows ouvrir une fenêtre noire à chaque commande `podman`/`docker`/`tailscale`, rediriger le `Stdout`/`Stderr` de chaque commande vers l’UI locale de l’agent (`http://localhost:7070`).
+
+Bénéfices :
+- Expérience utilisateur plus propre et commercialisable.
+- Diagnostic facilité : l’utilisateur voit exactement ce qui se passe (téléchargement d’image, démarrage, installation PrestaShop, etc.).
+
+Implémentation :
+1. Remplacer `cmd.Stdout = os.Stdout` par un `io.Pipe()` ou `bytes.Buffer` dans `docker.go`, `tailscale.go`, etc.
+2. Envoyer les lignes de log au frontend via le WebSocket existant (`agent/ui/websocket`).
+3. Afficher les logs dans un panneau dédié du HTML.
+
+### Barre de progression
+
+Associer des étapes connues à une barre de progression dans l’UI :
+
+| Étape | Poids |
+|-------|-------|
+| Connexion au serveur | 10 % |
+| Démarrage du VPN | 25 % |
+| Téléchargement de l’image Docker | 50 % |
+| Création de la base de données | 70 % |
+| Installation de PrestaShop/WordPress | 90 % |
+| Instance prête | 100 % |
+
+L’agent envoie des messages `progress` au frontend à chaque étape franchie.
+
 ## 🔒 Étude certificat wildcard `*.studioe5.edudeploy.com`
 
 ### Pourquoi passer en wildcard ?