# 🔥 Problème GPU à 100% après requête - Solution trouvée

## 🎯 Problème identifié

**Issue GitHub** : [open-webui/open-webui#21062](https://github.com/open-webui/open-webui/issues/21062)

**Cause** : L'**icône verte "en ligne"** dans la barre latérale gauche d'OpenWebUI utilise **35-40% GPU** en permanence à cause de son animation CSS `animate-ping`.

### Symptômes
- GPU qui tourne à fond (ventilateurs bruyants) après une requête
- Utilisation GPU reste à 95-100% pendant plusieurs minutes
- Problème persiste même après la réponse d'Effi
- Présent sur tous les navigateurs (Brave, Firefox, Zen)

---

## 🔍 Comment vérifier

### 1. Surveiller l'utilisation GPU
```bash
# Sur folzo-Corp
rocm-smi

# Ou avec rafraîchissement
watch -n 1 rocm-smi
```

### 2. Identifier les processus GPU
```bash
# Voir quel processus utilise le GPU
rocm-smi --showpids

# Exécuter le script de diagnostic complet
~/Documents/OpenCode/Projets/Effi/scripts/diagnose-gpu.sh
```

### 3. Tester l'icône verte
1. Ouvrir OpenWebUI dans le navigateur
2. Regarder l'**icône verte clignotante** en bas à gauche (statut "en ligne")
3. Vérifier l'utilisation GPU (doit être élevée)
4. **Zoomer la page** jusqu'à ce que la barre latérale disparaisse
5. Vérifier à nouveau l'utilisation GPU (doit baisser à 0%)

---

## ✅ Solutions

### Solution 1 : Supprimer l'icône via CSS (Recommandée)

**Navigateur Chrome/Brave/Firefox** :
1. Installer l'extension **Stylus** ou **uBlock Origin**
2. Ajouter ce CSS :
```css
/* Supprimer l'icône verte */
.animate-ping,
.animate-pulse,
[class*="animate-ping"],
[class*="animate-pulse"] {
    display: none !important;
    animation: none !important;
}
```

### Solution 2 : Modifier OpenWebUI (Si tu contrôles le serveur)

Sur **effi-server** :
```bash
# Se connecter au conteneur OpenWebUI
sudo docker exec -it open-webui /bin/bash

# Chercher le fichier contenant l'icône
find /app -name "*.svelte" -o -name "*.html" | xargs grep -l "animate-ping" 2>/dev/null

# Modifier le fichier pour retirer l'animation
# (nécessite de rebuild l'image ou modifier le volume)
```

**Plus simple** : Créer un fichier CSS personnalisé dans OpenWebUI :
1. Admin Panel → Settings → Interface
2. Chercher "Custom CSS"
3. Coller :
```css
/* Désactiver les animations GPU-intensive */
.animate-ping,
.animate-pulse {
    animation: none !important;
    display: none !important;
}
```

### Solution 3 : Zoomer la page (Test rapide)

Zoomer à 150% ou plus jusqu'à ce que la barre latérale se cache → l'utilisation GPU revient à 0%.

### Solution 4 : Mode mobile

Utiliser OpenWebUI en **mode mobile** (barre latérale cachée par défaut).

---

## 🛠️ Script de diagnostic automatique

J'ai créé un script qui capture tout quand le GPU tourne à fond :

```bash
# Sur folzo-Corp
~/Documents/OpenCode/Projets/Effi/scripts/diagnose-gpu.sh
```

Ce script affiche :
- Utilisation GPU
- Processus qui utilisent le GPU
- Commandes complètes des processus
- Threads actifs
- Connexions réseau
- Utilisation système

---

## 📊 Résultats attendus après correction

| Avant | Après |
|-------|-------|
| GPU 35-40% en permanence | GPU 0-5% en idle |
| Ventilateurs bruyants | Ventilateurs silencieux |
| Température élevée | Température normale |

---

## 🔗 Références

- **Issue GitHub** : https://github.com/open-webui/open-webui/issues/21062
- **Élément coupable** : 
```html
<span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-green-400 opacity-75"></span>
```

---

## 📝 Notes

- Le problème affecte **tous les navigateurs**
- C'est une **animation CSS** (pas un problème de backend)
- La solution CSS est **immédiate** et ne nécessite pas de redémarrage
- OpenWebUI devrait corriger ça dans une future version

---

*Document créé le 6 avril 2026*
*Solution confirmée via issue #21062*