docs(vpn): ajout des améliorations UI (console intégrée + barre de progression)

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 ?