Sauvegarde JARVIS Local + guide d'installation

.env.example

@@ -0,0 +1,49 @@
+# ============================================================
+#  JARVIS Local — configuration (100 % local, aucune clé API)
+#  Copie ce fichier en ".env" et décommente ce que tu veux changer.
+# ============================================================
+
+# ---------------- Cerveau (Ollama)
+# OLLAMA_URL=http://127.0.0.1:11434
+# JARVIS_LLM=qwen3:30b-a3b-instruct-2507-q4_K_M   # MoE rapide ; qwen3:32b = dense, ~4x plus lent
+# JARVIS_NUM_CTX=32768          # doit égaler OLLAMA_CONTEXT_LENGTH (sinon Ollama recharge le modèle)
+# JARVIS_TEMPERATURE=0.3        # plus bas = décisions plus stables
+# JARVIS_KEEP_ALIVE=2h          # durée pendant laquelle le modèle reste en VRAM
+
+# ---------------- Oreille (faster-whisper)
+# WHISPER_MODEL=large-v3-turbo
+# WHISPER_DEVICE=cuda           # cpu si pas de GPU NVIDIA
+# WHISPER_COMPUTE=int8_float16  # float16 = un peu plus de VRAM ; int8 pour le CPU
+# WHISPER_LANG=fr
+
+# ---------------- Voix (Kokoro)
+# JARVIS_VOICE=ff_siwis         # seule voix française native (féminine)
+#                               # bm_george / bm_lewis / bm_daniel / bm_fable = hommes britanniques
+#                               #   qui parlent français avec l'accent... très majordome
+# TTS_SPEED=1.0
+# TTS_DEVICE=cuda               # cpu possible (~3x plus lent)
+# JARVIS_LANGUAGE=français
+# Comment JARVIS t'appelle (vide = « monsieur »)
+JARVIS_USER_NAME=
+# Mots que Whisper doit bien reconnaître (noms propres), séparés par des virgules
+# JARVIS_HOTWORDS=Mediawan, Kubernetes
+
+# ---------------- Détection de parole (Silero VAD)
+# VAD_THRESHOLD=0.5             # monte à 0.6-0.7 dans une pièce bruyante
+# JARVIS_SILENCE_MS=550         # silence qui marque la fin de ta phrase (monte à 700 si il te coupe)
+# JARVIS_CONTINUE_MS=1000       # si tu reprends la parole avant ce délai, c'est la suite de ta phrase
+# JARVIS_BARGE_IN=1             # 1 = tu peux couper JARVIS en parlant ; 0 = micro ignoré pendant qu'il parle
+#                               #   (mets 0 si tu es sur haut-parleurs et qu'il s'interrompt tout seul)
+
+# ---------------- Agent de tâches (Claude Code)
+# JARVIS_AGENT_BACKEND=ollama   # ollama = Claude Code tourne sur le modèle local
+#                               # anthropic = ton abonnement Claude (plus capable, mais en ligne)
+# JARVIS_AGENT_MODEL=qwen3:30b-a3b-instruct-2507-q4_K_M
+# JARVIS_COMPLEX_BACKEND=anthropic   # tâches complexes -> ton abonnement Claude (ollama = tout local)
+# JARVIS_NOTIFY=1               # notification Windows à la fin de chaque tâche
+# Dossier où l'agent a le droit de travailler (conseil : un dossier dédié)
+JARVIS_WORKDIR=D:/jarvis-workspace
+# JARVIS_TASK_TIMEOUT=600
+# JARVIS_PERMISSION_MODE=bypassPermissions   # acceptEdits = fichiers OK, shell refusé
+
+# JARVIS_PORT=8788

.gitignore

@@ -0,0 +1,7 @@
+.env
+__pycache__/
+*.pyc
+.venv/
+models/
+memory.json
+logs/

INSTALL.md

@@ -0,0 +1,116 @@
+# 📘 JARVIS Local — Guide d'installation pas à pas
+
+Ce guide permet de réinstaller JARVIS de zéro sur un PC Windows, à partir de cette sauvegarde.
+
+## 1. Configuration testée (fonctionnelle au 03/10/2026)
+
+| Élément | Version |
+|---|---|
+| OS | Windows 11 Pro |
+| GPU | NVIDIA GeForce RTX 5090 (32 Go), pilote 616.64 |
+| Python (venv) | 3.12.15 (créé par `uv`) |
+| Ollama | 0.35.0 |
+| Modèle LLM | `qwen3:30b-a3b-instruct-2507-q4_K_M` |
+| Node.js | v24.19.0 |
+| Claude Code | 2.1.288 |
+
+Avec 24 Go de VRAM : baisser le contexte (`OLLAMA_CONTEXT_LENGTH` / `JARVIS_NUM_CTX` = 24576) ou prendre un modèle plus petit.
+
+## 2. Prérequis à installer
+
+1. **Pilote NVIDIA** récent (CUDA 12/13 pris en charge).
+2. **Python** (n'importe quelle version récente) : <https://www.python.org/downloads/> — cocher « Add to PATH ».
+3. **Ollama** : <https://ollama.com/download>
+4. *(Optionnel, pour les tâches)* **Node.js** : <https://nodejs.org>, puis :
+   ```powershell
+   npm install -g @anthropic-ai/claude-code
+   ```
+   Pas besoin de compte en mode `ollama`. Pour les tâches complexes envoyées à Claude (`JARVIS_COMPLEX_BACKEND=anthropic`), lancer `claude` une fois et se connecter avec son abonnement.
+
+## 3. Récupérer le code
+
+```powershell
+# Option A : avec git (git lfs non nécessaire, aucun gros fichier dans le dépôt)
+git clone https://huggingface.co/PascalF53/jarvis-local D:\jarvis
+
+# Option B : avec la CLI Hugging Face
+pip install -U huggingface_hub
+hf download PascalF53/jarvis-local --local-dir D:\jarvis
+```
+
+Le dossier `models/`, l'environnement `.venv`, le fichier `.env`, `memory.json` et `logs/` **ne sont pas sauvegardés** : ils sont recréés par l'installation (ou contiennent des données personnelles).
+
+## 4. Lancer l'installeur
+
+```powershell
+cd D:\jarvis
+powershell -ExecutionPolicy Bypass -File install.ps1
+```
+
+Ce que fait `install.ps1` :
+
+1. installe `uv`, crée `.venv` en Python 3.12 et y installe `requirements.txt` (FastAPI, faster-whisper, kokoro-onnx, onnxruntime-gpu, bibliothèques CUDA…) ;
+2. télécharge dans `models/` :
+   - `kokoro-v1.0.onnx` et `voices-v1.0.bin` (voix, ~350 Mo) ;
+   - `silero_vad.onnx` (détection de parole) ;
+3. `ollama pull qwen3:30b-a3b-instruct-2507-q4_K_M` (~18 Go) ;
+4. copie `.env.example` en `.env` s'il n'existe pas.
+
+Whisper `large-v3-turbo` se télécharge tout seul au premier démarrage.
+
+## 5. Régler Ollama (fortement recommandé)
+
+Sans ça, JARVIS ne peut plus répondre pendant qu'une tâche tourne :
+
+```powershell
+setx OLLAMA_NUM_PARALLEL 2
+setx OLLAMA_FLASH_ATTENTION 1
+setx OLLAMA_KV_CACHE_TYPE q8_0
+setx OLLAMA_CONTEXT_LENGTH 32768
+```
+
+Puis **quitter et relancer Ollama** (icône dans la barre des tâches).
+
+## 6. Configurer `.env`
+
+Ouvrir `.env` et adapter au minimum :
+
+```ini
+JARVIS_USER_NAME=Tony              # comment JARVIS t'appelle
+JARVIS_WORKDIR=D:/jarvis-workspace # dossier dédié où l'agent a le droit de travailler
+JARVIS_HOTWORDS=Mediawan           # noms propres à bien reconnaître
+```
+
+Créer le dossier de travail : `mkdir D:\jarvis-workspace`.
+Toutes les autres options sont décrites dans `.env.example` et dans le README.
+
+Fichiers personnels optionnels :
+- `corrections.json` (fourni) : mots mal transcrits → mot correct ;
+- `memory.json` : créé automatiquement quand on dit « Souviens-toi que… ».
+
+## 7. Premier lancement et vérifications
+
+```powershell
+ollama ps                      # Ollama doit répondre
+.\start.bat                    # ou .venv\Scripts\python.exe server.py
+```
+
+1. Le navigateur s'ouvre sur <http://127.0.0.1:8788> (le premier démarrage prend ~30 s : compilation CUDA de Whisper).
+2. Cliquer sur l'orbe, autoriser le micro, choisir le bon micro dans la liste si besoin.
+3. Dire « Bonjour JARVIS, présente-toi. » → la console affiche la transcription et « 1er son … » (~0,8 s attendu).
+4. Dire « Lance une tâche : liste les fichiers de mon dossier de travail. » pour vérifier l'agent Claude Code.
+5. `ollama ps` doit indiquer **100% GPU** ; sinon la VRAM est saturée (voir README › Problèmes fréquents).
+
+## 8. Contenu de la sauvegarde
+
+| Fichier | Rôle |
+|---|---|
+| `server.py` | Serveur FastAPI : VAD, Whisper, LLM + outils, Kokoro, agent de tâches |
+| `index.html` | Interface (orbe) servie sur le port 8788 |
+| `designs/` | Variantes d'interface |
+| `install.ps1` | Installeur Windows |
+| `start.bat` | Lanceur |
+| `requirements.txt` | Dépendances Python |
+| `.env.example` | Modèle de configuration commenté |
+| `corrections.json` | Corrections de transcription |
+| `README.md` / `INSTALL.md` | Documentation |

LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Thomas Berton
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

README.md

@@ -0,0 +1,135 @@
+---
+license: mit
+language:
+- fr
+tags:
+- voice-assistant
+- speech-to-text
+- text-to-speech
+- ollama
+- faster-whisper
+- kokoro
+- silero-vad
+- claude-code
+---
+
+# 🤖 JARVIS Local
+
+**Ton assistant vocal personnel, façon Iron Man, 100 % sur ton PC. Aucune clé API, rien ne sort de la machine.**
+
+Tu parles à une orbe futuriste. JARVIS te répond à la voix, et il sait vraiment faire des choses :
+
+- 🗣️ **Conversation vocale mains libres** : il détecte tout seul quand tu as fini de parler, et tu peux lui couper la parole
+- 🛠️ **Vraies tâches sur ta machine** : il délègue à un agent **Claude Code branché sur le modèle local** (fichiers, code, analyses…) et te résume le résultat
+- 🚀 **Lancer tes applications** sur l'écran de ton choix (« Mets Spotify sur l'écran de gauche »)
+- 🌐 **Ouvrir des sites** (« Ouvre mes emails »)
+- 📊 **Cartes, rapports et graphiques** directement sur l'interface
+- ❌ **Annuler une tâche** à la voix ou d'un clic
+
+## 🧱 La stack
+
+| Brique | Outil | Où ça tourne |
+|---|---|---|
+| Détection de fin de parole | **Silero VAD** (ONNX) | CPU, ~0,1 ms par trame |
+| Oreille | **faster-whisper** large-v3-turbo (int8) | GPU, ~0,2 s par phrase |
+| Cerveau | **Qwen3-30B-A3B Instruct** (MoE) via **Ollama** | GPU, ~250 tokens/s |
+| Voix | **Kokoro** 82M (ONNX) | GPU, ~0,1-0,25 s par phrase |
+| Agent de tâches | **Claude Code** : tâches simples sur le modèle local (via Ollama), tâches complexes sur ton abonnement Claude | GPU / cloud |
+
+```
+micro ─WebSocket PCM 16 kHz─► Silero VAD ─► Whisper ─► Qwen3 (+ outils) ─► Kokoro ─► haut-parleurs
+                                                          │
+                                                          └─► delegate_task ─► claude -p (sur Ollama)
+```
+
+La réponse est lue **par morceaux** pendant que le modèle écrit encore : le premier son arrive **~0,8 s** après la fin de ta phrase (affiché dans la console : « 1er son … »).
+
+### Ce que JARVIS sait faire en plus
+- **Mémoire** : « Souviens-toi que… » / « Oublie… ». Les faits sont gardés dans `memory.json` (modifiable à la main) et rechargés à chaque session.
+- **Notifications Windows** à la fin de chaque tâche, et sur demande (« préviens-moi… »).
+- **Routage des tâches** : il choisit lui-même local ou Claude selon la difficulté ; dis « avec Claude » ou « en mode cloud » pour forcer Claude.
+- **Heure et date** instantanées (sans passer par l'agent).
+- **Phrases avec hésitation** : si tu reprends la parole moins d'une seconde après une pause, JARVIS abandonne sa réponse et recolle les deux morceaux.
+- **Corrections de transcription** : `corrections.json` (« MediaOne » → « Mediawan »…), pris en compte sans redémarrer.
+- **Journal** : chaque session est enregistrée dans `logs/AAAA-MM-JJ.log` (ce qu'il a entendu, ses réponses, ses outils, la latence).
+
+## 📋 Prérequis
+
+- Windows, GPU NVIDIA (testé sur RTX 5090 32 Go ; 24 Go = prends un modèle plus petit, voir plus bas)
+- [Python](https://www.python.org/downloads/) (n'importe quelle version récente : l'installeur crée un environnement 3.12)
+- [Ollama](https://ollama.com/download)
+- Optionnel, pour les tâches : [Node.js](https://nodejs.org) + Claude Code (`npm install -g @anthropic-ai/claude-code`). Pas besoin de compte en mode `ollama`.
+
+## ⚙️ Installation
+
+> 📘 Guide pas à pas complet (versions testées, vérifications, réinstallation sur un nouveau PC) : **[INSTALL.md](INSTALL.md)**
+
+```powershell
+powershell -ExecutionPolicy Bypass -File install.ps1
+```
+
+Le script crée `.venv`, installe les dépendances, télécharge Kokoro et Silero dans `models/`, puis fait `ollama pull qwen3:30b-a3b-instruct-2507-q4_K_M`. Whisper se télécharge tout seul au premier démarrage.
+
+### ⚡ Réglage Ollama recommandé
+
+Par défaut, Ollama ne traite **qu'une requête à la fois** : pendant qu'une tâche de l'agent tourne, JARVIS ne peut plus te répondre. Pour éviter ça, mets ces variables d'environnement utilisateur, puis **redémarre Ollama** :
+
+```powershell
+setx OLLAMA_NUM_PARALLEL 2
+setx OLLAMA_FLASH_ATTENTION 1
+setx OLLAMA_KV_CACHE_TYPE q8_0
+setx OLLAMA_CONTEXT_LENGTH 32768
+```
+
+Avec ça, le modèle MoE occupe environ 22 Go (2 conversations × 32k de contexte) et laisse de la marge à Whisper et Kokoro sur une carte de 32 Go.
+
+## 🚀 Lancer
+
+Double-clique **`start.bat`** (ou `.venv\Scripts\python.exe server.py`), puis va sur **http://127.0.0.1:8788**, clique l'orbe, autorise le micro et parle.
+
+- « Bonjour JARVIS, présente-toi. »
+- « Ouvre Discord sur l'écran de gauche. »
+- « Lance une tâche : liste les fichiers de mon dossier de travail. »
+- « Affiche-moi un comparatif des trois plus grandes villes de France. »
+- « Stop » (en lui coupant la parole) / « Annule la tâche. »
+
+## 🔧 Personnalisation (`.env`)
+
+Toutes les options sont commentées dans `.env.example`. Les principales :
+
+| Variable | Défaut | Rôle |
+|---|---|---|
+| `JARVIS_LLM` | `qwen3:30b-a3b-instruct-2507-q4_K_M` | Modèle Ollama (`qwen3:32b` = dense, un peu plus fin mais ~4x plus lent). Évite `qwen3:30b-a3b` tout court : il raisonne à voix haute |
+| `JARVIS_USER_NAME` | *(vide)* | Ton prénom : JARVIS t'appelle ainsi au lieu de « monsieur » |
+| `JARVIS_VOICE` | `ff_siwis` | Voix Kokoro. `ff_siwis` = seule voix française native (féminine). `bm_george`, `bm_lewis`… = hommes britanniques qui parlent français **avec l'accent** : l'effet majordome garanti |
+| `JARVIS_BARGE_IN` | `1` | Couper JARVIS en parlant. Mets `0` sur haut-parleurs si sa propre voix l'interrompt |
+| `VAD_THRESHOLD` / `JARVIS_SILENCE_MS` | `0.5` / `550` | Sensibilité du micro / silence qui marque la fin de ta phrase |
+| `JARVIS_AGENT_BACKEND` | `ollama` | Moteur des tâches simples (`anthropic` = tout sur Claude) |
+| `JARVIS_COMPLEX_BACKEND` | `anthropic` | Moteur des tâches complexes (`ollama` = 100 % local) |
+| `JARVIS_CONTINUE_MS` | `1000` | Délai pendant lequel une reprise de parole est la suite de ta phrase |
+| `JARVIS_TEMPERATURE` | `0.3` | Créativité du modèle (bas = plus stable) |
+| `JARVIS_HOTWORDS` | *(vide)* | Noms propres à bien reconnaître, séparés par des virgules |
+| `JARVIS_NOTIFY` | `1` | Notification Windows à la fin des tâches |
+| `JARVIS_WORKDIR` | `D:/jarvis-workspace` | Seul dossier où l'agent travaille |
+| `WHISPER_DEVICE` | `cuda` | `cpu` sans GPU NVIDIA (avec `WHISPER_COMPUTE=int8`) |
+
+## ❓ Problèmes fréquents
+
+- **« Ollama injoignable » au démarrage** : lance Ollama (icône dans la barre des tâches) puis relance.
+- **JARVIS ne répond plus pendant une tâche** : applique le « Réglage Ollama recommandé » ci-dessus.
+- **Réponses lentes, `ollama ps` affiche du CPU** : la VRAM est pleine. Ferme les applis gourmandes en GPU, baisse `OLLAMA_CONTEXT_LENGTH`/`JARVIS_NUM_CTX` (24576), ou passe à un modèle plus petit.
+- **Il s'interrompt tout seul** : sa voix revient dans le micro. Prends un casque, ou `JARVIS_BARGE_IN=0`, ou monte `VAD_THRESHOLD`.
+- **Chrome ne t'entend pas (Edge oui)** : Chrome capte un autre micro. Choisis le bon dans la liste sous l'orbe (le choix est mémorisé).
+- **Il transcrit mal un nom propre** (ex. « MediaOne » au lieu de « Mediawan ») : ajoute-le dans `JARVIS_HOTWORDS`.
+- **Le tout premier démarrage est long** (~30 s pour Whisper) : la carte compile ses noyaux CUDA une fois pour toutes, c'est normal.
+- **Les tâches sont moins brillantes qu'avec Claude** : c'est un modèle local de 32B dans l'agent. Pour les grosses tâches : `JARVIS_AGENT_BACKEND=anthropic`.
+- **Les rapports/graphiques ne s'affichent pas** : les composants graphiques de l'interface se chargent depuis un CDN, il faut internet (seulement pour ça).
+
+## 🔒 Sécurité
+
+- Serveur en **127.0.0.1 uniquement** : ne l'expose jamais sur le réseau.
+- L'agent tourne **sans demande d'autorisation** (`bypassPermissions`), avec tes droits, dans `JARVIS_WORKDIR`. Garde un dossier dédié. Pour un garde-fou plus strict : `JARVIS_PERMISSION_MODE=acceptEdits` (les commandes shell sont alors refusées).
+
+## 📄 Licence
+
+MIT — fais-en ce que tu veux.

corrections.json

@@ -0,0 +1,10 @@
+{
+  "_aide": "Mot mal transcrit -> mot correct. Insensible à la casse, appliqué après chaque transcription, pris en compte sans redémarrer.",
+  "MediaOne": "Mediawan",
+  "Media One": "Mediawan",
+  "Média One": "Mediawan",
+  "Javi": "JARVIS",
+  "Jarvi": "JARVIS",
+  "Jarviss": "JARVIS",
+  "Djarvis": "JARVIS"
+}

designs/a-reacteur.html

@@ -0,0 +1,247 @@
+<!doctype html>
+<html lang="fr">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>JARVIS · Proposition A — Réacteur</title>
+<link rel="preconnect" href="https://fonts.googleapis.com">
+<link href="https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
+<style>
+  /* Direction A — "Réacteur" : l'esprit Iron Man, épuré.
+     Une seule couleur vive (cyan) + un accent ambre réservé aux alertes,
+     l'orbe au centre, tout le reste orbite autour en anneaux discrets. */
+  :root {
+    --bg: #03070d; --bg2: #071321;
+    --cyan: #5ee6ff; --cyan-2: #2aa8cc; --cyan-dim: rgba(94,230,255,.14);
+    --amber: #ffb547; --ok: #5dffb0; --err: #ff5f7a;
+    --text: #d8f4ff; --muted: #5f8aa3; --line: rgba(94,230,255,.16);
+    --hud: "Rajdhani", sans-serif; --mono: "JetBrains Mono", monospace;
+  }
+  * { box-sizing: border-box; margin: 0; padding: 0; }
+  html, body { height: 100%; }
+  body {
+    background: radial-gradient(900px 700px at 50% 45%, var(--bg2), var(--bg) 70%);
+    color: var(--text); font-family: var(--hud); overflow: hidden;
+  }
+  /* fine concentric guides behind everything */
+  body::before {
+    content: ""; position: fixed; inset: 0; pointer-events: none;
+    background: repeating-radial-gradient(circle at 50% 45%, transparent 0 79px, rgba(94,230,255,.035) 80px);
+  }
+
+  /* ---------- top bar */
+  header {
+    position: fixed; top: 0; left: 0; right: 0; height: 56px; z-index: 5;
+    display: flex; align-items: center; gap: 22px; padding: 0 28px;
+    font-family: var(--mono); font-size: 11px; letter-spacing: .22em; color: var(--muted);
+    text-transform: uppercase; border-bottom: 1px solid var(--line);
+    background: linear-gradient(180deg, rgba(3,7,13,.9), transparent);
+  }
+  header .brand { color: var(--cyan); font-weight: 500; letter-spacing: .4em; }
+  header .brand b { color: var(--text); font-weight: 500; }
+  header .sep { flex: 1; }
+  header .pill { display: flex; align-items: center; gap: 7px; }
+  header .pill i { width: 6px; height: 6px; border-radius: 50%; background: var(--ok); box-shadow: 0 0 8px var(--ok); }
+  #clock { color: var(--text); }
+
+  /* ---------- stage */
+  main { position: fixed; inset: 56px 0 0 0; display: grid; place-items: center; }
+  #orbWrap { position: relative; width: min(62vh, 560px); aspect-ratio: 1; }
+  #orb { width: 100%; height: 100%; display: block; cursor: pointer; }
+  #state {
+    position: absolute; left: 50%; bottom: -6px; transform: translateX(-50%);
+    font-family: var(--mono); font-size: 11px; letter-spacing: .5em; text-transform: uppercase;
+    color: var(--cyan); text-shadow: 0 0 14px rgba(94,230,255,.7); white-space: nowrap;
+  }
+  #state small { color: var(--muted); letter-spacing: .2em; margin-left: 10px; }
+
+  /* subtitles: user line (dim) above, JARVIS line (bright) below */
+  #subs { position: absolute; left: 50%; bottom: 7vh; transform: translateX(-50%); width: min(820px, 80vw); text-align: center; }
+  #you { font-size: 15px; color: var(--muted); min-height: 22px; font-style: italic; }
+  #you:not(:empty)::before { content: "VOUS ›  "; font-family: var(--mono); font-style: normal; font-size: 10px; letter-spacing: .25em; color: var(--cyan-2); }
+  #say { margin-top: 8px; font-size: 22px; font-weight: 500; line-height: 1.35; min-height: 30px; text-shadow: 0 0 22px rgba(94,230,255,.25); }
+
+  /* ---------- left: holo cards */
+  #cards { position: fixed; left: 28px; top: 84px; width: 320px; display: flex; flex-direction: column; gap: 12px; z-index: 4; }
+  .card {
+    position: relative; padding: 14px 16px 14px 18px;
+    background: linear-gradient(120deg, rgba(94,230,255,.08), rgba(7,19,33,.85) 50%);
+    border: 1px solid var(--line); backdrop-filter: blur(8px);
+    clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 14px 100%, 0 calc(100% - 14px));
+    animation: in .5s cubic-bezier(.2,.9,.25,1);
+  }
+  .card::before { content: ""; position: absolute; left: 0; top: 14px; bottom: 14px; width: 2px; background: var(--cyan); box-shadow: 0 0 10px var(--cyan); }
+  .card.result::before { background: var(--ok); box-shadow: 0 0 10px var(--ok); }
+  .card h3 { font-family: var(--mono); font-size: 10px; letter-spacing: .3em; text-transform: uppercase; color: var(--cyan); margin-bottom: 8px; font-weight: 500; }
+  .card.result h3 { color: var(--ok); }
+  .card p, .card li { font-size: 14.5px; line-height: 1.5; }
+  .card ul { list-style: none; }
+  .card li { display: flex; justify-content: space-between; border-bottom: 1px dashed var(--line); padding: 3px 0; }
+  .card li b { font-family: var(--mono); font-weight: 500; color: var(--amber); font-size: 13px; }
+  @keyframes in { from { opacity: 0; transform: translateX(-30px); filter: brightness(2.5); } }
+
+  /* ---------- right: tasks as a vertical rail */
+  #rail { position: fixed; right: 28px; top: 84px; width: 300px; z-index: 4; }
+  #rail h2 { font-family: var(--mono); font-size: 10px; letter-spacing: .32em; color: var(--muted); text-transform: uppercase; margin-bottom: 14px; display: flex; justify-content: space-between; }
+  .task { position: relative; padding: 0 0 18px 22px; border-left: 1px solid var(--line); margin-left: 5px; animation: in .4s ease; }
+  .task::before { content: ""; position: absolute; left: -6px; top: 2px; width: 11px; height: 11px; border-radius: 50%; border: 2px solid var(--cyan); background: var(--bg); box-shadow: 0 0 10px var(--cyan); animation: pulse 1.2s infinite alternate; }
+  .task.done::before { border-color: var(--ok); background: var(--ok); box-shadow: 0 0 10px var(--ok); animation: none; }
+  .task .t { font-size: 15px; font-weight: 600; }
+  .task .m { font-family: var(--mono); font-size: 10.5px; color: var(--muted); margin-top: 3px; letter-spacing: .08em; }
+  .task .m .eng { color: var(--amber); }
+  .task .bar { height: 2px; background: var(--line); margin-top: 8px; overflow: hidden; }
+  .task .bar i { display: block; height: 100%; width: 35%; background: var(--cyan); animation: scan 1.4s linear infinite; }
+  .task.done .bar i { width: 100%; background: var(--ok); animation: none; }
+  @keyframes pulse { to { box-shadow: 0 0 2px var(--cyan); } }
+  @keyframes scan { from { transform: translateX(-100%); } to { transform: translateX(300%); } }
+
+  /* ---------- bottom-left: mic + telemetry */
+  footer {
+    position: fixed; left: 28px; bottom: 22px; z-index: 5; display: flex; gap: 18px; align-items: center;
+    font-family: var(--mono); font-size: 10.5px; color: var(--muted); letter-spacing: .12em;
+  }
+  select { background: transparent; color: var(--muted); border: 1px solid var(--line); padding: 5px 8px; font: inherit; }
+  footer b { color: var(--text); font-weight: 400; }
+  .badge { position: fixed; right: 28px; bottom: 22px; font-family: var(--mono); font-size: 10px; letter-spacing: .25em; color: var(--muted); }
+</style>
+</head>
+<body>
+<header>
+  <span class="brand">J.A.R.V.I.S. <b>· MK VIII</b></span>
+  <span class="pill"><i></i> 100 % local</span>
+  <span class="pill">qwen3 · whisper · kokoro</span>
+  <span class="sep"></span>
+  <span id="clock">--:--:--</span>
+</header>
+
+<main>
+  <div id="orbWrap">
+    <canvas id="orb"></canvas>
+    <div id="state">en veille</div>
+  </div>
+  <div id="subs"><div id="you"></div><div id="say"></div></div>
+</main>
+
+<section id="cards"></section>
+<aside id="rail"><h2><span>Tâches</span><span id="count">0</span></h2><div id="tasks"></div></aside>
+<footer>
+  <select><option>🎙 Micro — Shure MV7</option></select>
+  <span>latence <b id="lat">0,74 s</b></span>
+  <span>vram <b>24,1 / 32 Go</b></span>
+</footer>
+<div class="badge">PROPOSITION A · RÉACTEUR · démo</div>
+
+<script>
+"use strict";
+/* ------------------------------------------------ orb: layered arc reactor */
+const cv = document.getElementById("orb"), cx2 = cv.getContext("2d");
+const fit = () => { const r = cv.getBoundingClientRect(); cv.width = r.width * devicePixelRatio; cv.height = r.height * devicePixelRatio; };
+addEventListener("resize", fit); fit();
+let level = 0, target = 0, mode = "idle", t = 0;
+const TAU = Math.PI * 2;
+const COL = { idle: [94,230,255], listening: [94,230,255], thinking: [255,181,71], speaking: [93,255,176] };
+let col = [...COL.idle];
+
+function draw() {
+  requestAnimationFrame(draw); t += 1 / 60;
+  level += (target - level) * 0.18;
+  col = col.map((c, i) => c + (COL[mode][i] - c) * 0.06);
+  const C = col.map(Math.round).join(",");
+  const w = cv.width, h = cv.height, cx = w / 2, cy = h / 2, d = devicePixelRatio;
+  const R = Math.min(w, h) * 0.17 * (1 + level * 0.12);
+  cx2.clearRect(0, 0, w, h);
+
+  // halo
+  let g = cx2.createRadialGradient(cx, cy, R * .3, cx, cy, R * 2.9);
+  g.addColorStop(0, `rgba(${C},${.22 + level * .25})`); g.addColorStop(1, "transparent");
+  cx2.fillStyle = g; cx2.fillRect(0, 0, w, h);
+
+  // radial spectrum (the voice made visible)
+  const bars = 96;
+  for (let i = 0; i < bars; i++) {
+    const a = i / bars * TAU - Math.PI / 2;
+    const n = Math.abs(Math.sin(i * 1.7 + t * 5) * Math.sin(i * .31 - t * 3));
+    const len = R * (.06 + level * .55 * n + (mode === "thinking" ? .05 * Math.sin(t * 6 + i / 4) ** 2 : 0));
+    const r0 = R * 1.32;
+    cx2.strokeStyle = `rgba(${C},${.35 + n * .5})`; cx2.lineWidth = 2.2 * d;
+    cx2.beginPath(); cx2.moveTo(cx + r0 * Math.cos(a), cy + r0 * Math.sin(a));
+    cx2.lineTo(cx + (r0 + len) * Math.cos(a), cy + (r0 + len) * Math.sin(a)); cx2.stroke();
+  }
+
+  // segmented coil ring
+  cx2.save(); cx2.translate(cx, cy); cx2.rotate(t * (mode === "thinking" ? .9 : .18));
+  for (let i = 0; i < 10; i++) {
+    const a0 = i / 10 * TAU;
+    cx2.strokeStyle = `rgba(${C},.85)`; cx2.lineWidth = 6 * d;
+    cx2.beginPath(); cx2.arc(0, 0, R * 1.16, a0, a0 + TAU / 10 * .7); cx2.stroke();
+  }
+  cx2.restore();
+
+  // outer graduated ring + rotating reticle
+  cx2.save(); cx2.translate(cx, cy); cx2.rotate(-t * .07);
+  for (let i = 0; i < 120; i++) {
+    const a = i / 120 * TAU, big = i % 10 === 0;
+    cx2.strokeStyle = big ? "rgba(255,181,71,.8)" : `rgba(${C},.22)`; cx2.lineWidth = (big ? 2 : 1) * d;
+    const r0 = R * 2.05, r1 = R * (big ? 2.18 : 2.11);
+    cx2.beginPath(); cx2.moveTo(r0 * Math.cos(a), r0 * Math.sin(a)); cx2.lineTo(r1 * Math.cos(a), r1 * Math.sin(a)); cx2.stroke();
+  }
+  cx2.restore();
+  [[1.9, .35, 1], [2.32, .12, -1.6]].forEach(([k, span, sp]) => {
+    cx2.save(); cx2.translate(cx, cy); cx2.rotate(t * sp * .4);
+    cx2.strokeStyle = `rgba(${C},.6)`; cx2.lineWidth = 1.6 * d;
+    cx2.beginPath(); cx2.arc(0, 0, R * k, 0, TAU * span); cx2.stroke(); cx2.restore();
+  });
+
+  // core
+  g = cx2.createRadialGradient(cx, cy, 0, cx, cy, R);
+  g.addColorStop(0, "rgba(245,255,255,1)"); g.addColorStop(.35, `rgba(${C},.95)`); g.addColorStop(1, "rgba(5,25,45,.95)");
+  cx2.fillStyle = g; cx2.beginPath(); cx2.arc(cx, cy, R * .95, 0, TAU); cx2.fill();
+  // triangle (MK signature)
+  cx2.save(); cx2.translate(cx, cy); cx2.rotate(-t * .05);
+  cx2.strokeStyle = "rgba(255,255,255,.55)"; cx2.lineWidth = 1.5 * d; cx2.beginPath();
+  for (let i = 0; i <= 3; i++) { const a = i / 3 * TAU - Math.PI / 2; const p = [R * .62 * Math.cos(a), R * .62 * Math.sin(a)]; i ? cx2.lineTo(...p) : cx2.moveTo(...p); }
+  cx2.stroke(); cx2.restore();
+}
+draw();
+
+/* ------------------------------------------------ demo conversation */
+const $ = id => document.getElementById(id);
+setInterval(() => $("clock").textContent = new Date().toLocaleTimeString("fr-FR"), 1000);
+const LABEL = { idle: "en veille", listening: "écoute", thinking: "réflexion", speaking: "jarvis parle" };
+function setMode(m, sub = "") { mode = m; $("state").innerHTML = LABEL[m] + (sub ? `<small>${sub}</small>` : ""); }
+const sleep = ms => new Promise(r => setTimeout(r, ms));
+async function type(el, text, speed = 28) { el.textContent = ""; for (const ch of text) { el.textContent += ch; await sleep(speed); } }
+setInterval(() => { target = mode === "listening" || mode === "speaking" ? .35 + Math.random() * .65 : mode === "thinking" ? .12 : 0; }, 90);
+
+function card(title, html, kind = "") {
+  const c = document.createElement("div"); c.className = "card " + kind;
+  c.innerHTML = `<h3>${title}</h3>${html}`; $("cards").prepend(c);
+  while ($("cards").children.length > 3) $("cards").lastChild.remove();
+}
+function task(title, engine) {
+  const el = document.createElement("div"); el.className = "task";
+  el.innerHTML = `<div class="t">${title}</div><div class="m"><span class="eng">${engine}</span> · <span class="s">en cours</span> · <span class="c">0 s</span></div><div class="bar"><i></i></div>`;
+  $("tasks").prepend(el); $("count").textContent = $("tasks").children.length;
+  const t0 = Date.now(), iv = setInterval(() => el.querySelector(".c").textContent = Math.round((Date.now() - t0) / 1000) + " s", 1000);
+  return () => { clearInterval(iv); el.classList.add("done"); el.querySelector(".s").textContent = "terminé"; };
+}
+
+async function demo() {
+  for (;;) {
+    setMode("idle"); $("you").textContent = ""; $("say").textContent = ""; await sleep(1800);
+    setMode("listening"); await type($("you"), "Lance une veille sur les CVE critiques de la semaine.", 45);
+    setMode("thinking", "0,2 s"); await sleep(700);
+    setMode("speaking"); await type($("say"), "Très bien, Pascal. Je lance la veille, je vous préviens dès qu'elle est prête.");
+    const done = task("Veille CVE critiques", "local");
+    await sleep(1400); setMode("idle"); await sleep(3200);
+    done();
+    setMode("speaking"); $("you").textContent = "";
+    await type($("say"), "La veille est prête : trois vulnérabilités critiques, dont une activement exploitée.");
+    card("Veille CVE · semaine 40", `<ul><li>Exemple · passerelle VPN <b>9.8</b></li><li>Exemple · messagerie <b>9.1</b></li><li>Exemple · Kubernetes <b>8.8</b></li></ul>`, "result");
+    await sleep(2600);
+  }
+}
+demo();
+</script>
+</body>
+</html>

designs/ancien-index.html

@@ -0,0 +1,652 @@
+<!doctype html>
+<html lang="fr">
+<head>
+<meta charset="utf-8">
+<title>J.A.R.V.I.S.</title>
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<link rel="preconnect" href="https://fonts.googleapis.com">
+<link href="https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;500;600;700&family=Share+Tech+Mono&display=swap" rel="stylesheet">
+<link rel="stylesheet" href="https://unpkg.com/gridjs/dist/theme/mermaid.min.css">
+<script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/dompurify@3/dist/purify.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/apexcharts"></script>
+<script src="https://unpkg.com/gridjs/dist/gridjs.umd.js"></script>
+<style>
+  :root {
+    --bg: #010409; --panel: rgba(6,14,24,.78); --line: rgba(64,220,255,.18);
+    --cyan: #40dcff; --cyan-dim: #1e7ea3; --amber: #ffb347; --text: #cfeaff;
+    --dim: #4d7c99; --ok: #43ffa4; --err: #ff5470;
+    --font-hud: "Rajdhani", sans-serif; --font-mono: "Share Tech Mono", monospace;
+  }
+  * { box-sizing: border-box; margin: 0; padding: 0; }
+  body {
+    background:
+      radial-gradient(1100px 650px at 50% 38%, rgba(20,60,100,.35) 0%, transparent 60%),
+      var(--bg);
+    color: var(--text); font-family: var(--font-hud);
+    height: 100vh; overflow: hidden; display: flex;
+  }
+  /* hex grid + scanlines overlay */
+  body::before {
+    content: ""; position: fixed; inset: 0; pointer-events: none; opacity: .5;
+    background-image:
+      repeating-linear-gradient(0deg, rgba(64,220,255,.028) 0 1px, transparent 1px 3px),
+      linear-gradient(rgba(64,220,255,.045) 1px, transparent 1px),
+      linear-gradient(90deg, rgba(64,220,255,.045) 1px, transparent 1px);
+    background-size: 100% 3px, 52px 52px, 52px 52px;
+  }
+  /* subtle vignette */
+  body::after {
+    content: ""; position: fixed; inset: 0; pointer-events: none;
+    box-shadow: inset 0 0 220px rgba(0,0,0,.85);
+  }
+
+  /* ------------------------------------------------ HUD chrome */
+  .corner { position: fixed; width: 46px; height: 46px; pointer-events: none; z-index: 5; }
+  .corner::before { content: ""; position: absolute; inset: 0; border: 2px solid var(--cyan); opacity: .55; }
+  .corner.tl { top: 14px; left: 14px; } .corner.tl::before { border-right: 0; border-bottom: 0; }
+  .corner.tr { top: 14px; right: 358px; } .corner.tr::before { border-left: 0; border-bottom: 0; }
+  .corner.bl { bottom: 14px; left: 14px; } .corner.bl::before { border-right: 0; border-top: 0; }
+  .corner.br { bottom: 14px; right: 358px; } .corner.br::before { border-left: 0; border-top: 0; }
+
+  #topbar {
+    position: fixed; top: 20px; left: 80px; right: 420px; z-index: 5;
+    display: flex; justify-content: space-between; align-items: center;
+    font-family: var(--font-mono); font-size: 11px; color: var(--dim);
+    letter-spacing: .28em; text-transform: uppercase;
+  }
+  #topbar .sys { color: var(--cyan); text-shadow: 0 0 12px rgba(64,220,255,.8); }
+  #clock { color: var(--amber); }
+
+  #stage { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; }
+  #orb { width: min(48vh, 440px); height: min(48vh, 440px); cursor: pointer; filter: drop-shadow(0 0 35px rgba(64,220,255,.25)); }
+  #status {
+    margin-top: 6px; letter-spacing: .45em; text-transform: uppercase;
+    font-size: 12px; font-weight: 600; color: var(--dim); font-family: var(--font-mono);
+  }
+  #status b { color: var(--cyan); font-weight: 600; text-shadow: 0 0 14px rgba(64,220,255,.9); }
+  #mic {
+    position: absolute; bottom: 48px; max-width: 320px; padding: 4px 8px;
+    background: rgba(6,14,24,.85); color: var(--dim); border: 1px solid var(--line);
+    font-family: var(--font-mono); font-size: 11px; letter-spacing: .08em; cursor: pointer;
+  }
+  #mic:hover, #mic:focus { color: var(--cyan); border-color: var(--cyan-dim); outline: none; }
+  #hint { position: absolute; bottom: 22px; font-size: 11px; color: var(--dim); font-family: var(--font-mono); letter-spacing: .2em; }
+  #transcript {
+    position: absolute; top: 54px; left: 50%; transform: translateX(-50%);
+    max-width: 68%; text-align: center; font-size: 15px; font-weight: 500;
+    color: #9fd4f5; min-height: 22px; text-shadow: 0 0 18px rgba(64,220,255,.35);
+  }
+
+  /* ------------------------------------------------ display cards (HUD holograms) */
+  #cards {
+    position: absolute; top: 96px; left: 34px; bottom: 30px; width: 330px;
+    display: flex; flex-direction: column; gap: 14px; overflow-y: auto;
+    pointer-events: none; scrollbar-width: none; z-index: 4;
+  }
+  .card {
+    pointer-events: auto; position: relative;
+    background: linear-gradient(135deg, rgba(64,220,255,.10), rgba(6,14,24,.85) 45%);
+    border: 1px solid var(--line); border-left: 3px solid var(--cyan);
+    padding: 12px 14px 12px 16px; backdrop-filter: blur(6px);
+    clip-path: polygon(0 0, calc(100% - 16px) 0, 100% 16px, 100% 100%, 0 100%);
+    animation: materialize .45s cubic-bezier(.2,.9,.3,1);
+    box-shadow: 0 0 24px rgba(64,220,255,.10), inset 0 0 30px rgba(64,220,255,.04);
+  }
+  @keyframes materialize {
+    0% { transform: translateX(-24px) skewX(-4deg); opacity: 0; filter: brightness(3); }
+    60% { filter: brightness(1.6); }
+    100% { transform: none; opacity: 1; filter: none; }
+  }
+  .card.warning { border-left-color: var(--amber); }
+  .card.result { border-left-color: var(--ok); }
+  .card h3 {
+    font-size: 12px; letter-spacing: .3em; text-transform: uppercase; font-weight: 700;
+    color: var(--cyan); margin-bottom: 8px; font-family: var(--font-mono);
+    display: flex; justify-content: space-between; align-items: baseline;
+  }
+  .card.warning h3 { color: var(--amber); } .card.result h3 { color: var(--ok); }
+  .card h3 .x { cursor: pointer; color: var(--dim); font-size: 13px; letter-spacing: 0; }
+  .card h3 .x:hover { color: var(--err); }
+  .card .body { font-size: 14px; line-height: 1.5; color: var(--text); white-space: pre-wrap; word-break: break-word; }
+  .card .body code {
+    font-family: var(--font-mono); font-size: 12.5px; color: var(--amber);
+    background: rgba(255,179,71,.08); padding: 1px 5px; border-radius: 2px;
+  }
+  .card .body ul { margin: 4px 0 0 16px; }
+  .card.code .body { font-family: var(--font-mono); font-size: 12px; color: #9fd4f5; }
+
+  /* ------------------------------------------------ right panel */
+  #side {
+    width: 340px; border-left: 1px solid var(--line); background: var(--panel);
+    backdrop-filter: blur(10px); padding: 18px; overflow-y: auto; z-index: 6;
+  }
+  #side h2 {
+    font-size: 11px; letter-spacing: .34em; text-transform: uppercase; color: var(--cyan);
+    margin-bottom: 14px; font-family: var(--font-mono);
+    border-bottom: 1px solid var(--line); padding-bottom: 10px;
+    text-shadow: 0 0 10px rgba(64,220,255,.6);
+  }
+  .task {
+    border: 1px solid var(--line); border-left: 3px solid var(--cyan);
+    padding: 12px 14px; margin-bottom: 12px;
+    background: linear-gradient(180deg, rgba(64,220,255,.06), transparent);
+    clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 0 100%);
+    animation: materialize .35s ease;
+  }
+  .task .t { font-size: 14px; font-weight: 600; margin-bottom: 6px; letter-spacing: .04em; }
+  .task .s { font-size: 11px; color: var(--dim); display: flex; align-items: center; gap: 8px; font-family: var(--font-mono); }
+  .task .out { font-size: 11px; color: #a9cbe4; margin-top: 8px; max-height: 120px; overflow: auto; white-space: pre-wrap; font-family: var(--font-mono); }
+  .dot { width: 8px; height: 8px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 8px var(--cyan); animation: blink 1s infinite alternate; }
+  .task.done { border-left-color: var(--ok); } .task.done .dot { background: var(--ok); box-shadow: 0 0 8px var(--ok); animation: none; }
+  .task.error { border-left-color: var(--err); } .task.error .dot { background: var(--err); box-shadow: 0 0 8px var(--err); animation: none; }
+  .task.cancelled { border-left-color: var(--dim); opacity: .65; } .task.cancelled .dot { background: var(--dim); box-shadow: none; animation: none; }
+  .task .cancel { margin-left: auto; cursor: pointer; color: var(--dim); }
+  .task .cancel:hover { color: var(--err); }
+  @keyframes blink { to { opacity: .2; } }
+  #empty { font-size: 12px; color: var(--dim); font-style: italic; }
+
+  /* ------------------------------------------------ report dashboard overlay */
+  #report {
+    position: fixed; inset: 60px 380px 40px 60px; z-index: 20; display: none;
+    background: rgba(5,12,22,.96); border: 1px solid var(--line);
+    border-top: 2px solid var(--cyan); backdrop-filter: blur(14px);
+    box-shadow: 0 0 60px rgba(0,0,0,.7), 0 0 30px rgba(64,220,255,.08);
+    padding: 22px 26px; overflow-y: auto; animation: materialize .35s ease;
+  }
+  #report.open { display: block; }
+  #report .rhead { display: flex; justify-content: space-between; align-items: center; margin-bottom: 18px; }
+  #report .rhead h2 { font-size: 16px; letter-spacing: .22em; text-transform: uppercase; color: var(--cyan); font-family: var(--font-mono); }
+  #report .rhead .x { cursor: pointer; color: var(--dim); font-size: 18px; }
+  #report .rhead .x:hover { color: var(--err); }
+  #kpis { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 12px; margin-bottom: 18px; }
+  .kpi { border: 1px solid var(--line); border-left: 3px solid var(--cyan); padding: 12px 14px; background: rgba(64,220,255,.04); }
+  .kpi .l { font-size: 11px; letter-spacing: .18em; text-transform: uppercase; color: var(--dim); font-family: var(--font-mono); }
+  .kpi .v { font-size: 26px; font-weight: 700; color: var(--text); margin-top: 4px; }
+  .kpi .d { font-size: 12px; font-family: var(--font-mono); margin-top: 2px; color: var(--ok); }
+  .kpi .d.neg { color: var(--err); }
+  #rchart { margin-bottom: 18px; }
+  #rtable { margin-bottom: 18px; }
+  /* Grid.js dark re-skin */
+  #rtable .gridjs-wrapper, #rtable .gridjs-table { background: transparent; box-shadow: none; }
+  #rtable th.gridjs-th { background: rgba(64,220,255,.06); color: var(--cyan); border-color: var(--line); font-family: var(--font-mono); font-size: 11px; letter-spacing: .1em; }
+  #rtable td.gridjs-td, #rtable .gridjs-tr, #rtable .gridjs-tbody { background: transparent !important; color: var(--text); border-color: var(--line); font-size: 13px; }
+  #rtable .gridjs-tr:hover td { background: rgba(64,220,255,.06) !important; }
+  #rtable .gridjs-search input, #rtable .gridjs-pagination { background: transparent; color: var(--dim); border-color: var(--line); }
+  #rtable .gridjs-pagination button { background: transparent; color: var(--dim); border-color: var(--line); }
+  #rtable .gridjs-pagination button.gridjs-currentPage { background: rgba(64,220,255,.12); color: var(--cyan); }
+  #rmd { font-size: 14px; line-height: 1.6; color: var(--text); }
+  #rmd h1, #rmd h2, #rmd h3 { color: var(--cyan); margin: 12px 0 6px; font-family: var(--font-hud); }
+  #rmd table { border-collapse: collapse; margin: 8px 0; }
+  #rmd th, #rmd td { border: 1px solid var(--line); padding: 5px 10px; font-size: 13px; }
+  #rmd code { font-family: var(--font-mono); color: var(--amber); background: rgba(255,179,71,.08); padding: 1px 5px; }
+  #rmd ul, #rmd ol { margin: 6px 0 6px 20px; }
+</style>
+</head>
+<body>
+  <div class="corner tl"></div><div class="corner tr"></div>
+  <div class="corner bl"></div><div class="corner br"></div>
+  <div id="topbar">
+    <span class="sys">◈ J.A.R.V.I.S. — MARK VII</span>
+    <span id="clock">--:--:--</span>
+  </div>
+
+  <div id="stage">
+    <div id="transcript"></div>
+    <div id="cards"></div>
+    <canvas id="orb"></canvas>
+    <div id="status">clique l'orbe pour <b>initialiser</b></div>
+    <select id="mic" title="Micro utilisé par JARVIS"><option value="">🎙 Micro par défaut</option></select>
+    <div id="hint">100 % LOCAL · QWEN3 · WHISPER · KOKORO · SILERO</div>
+  </div>
+  <div id="report">
+    <div class="rhead"><h2 id="rtitle"></h2><span class="x" onclick="document.getElementById('report').classList.remove('open')">✕</span></div>
+    <div id="kpis"></div>
+    <div id="rchart"></div>
+    <div id="rtable"></div>
+    <div id="rmd"></div>
+  </div>
+
+  <aside id="side">
+    <h2>⟢ Tâches de l'agent</h2>
+    <div id="tasks"><div id="empty">Aucune session. Demande une tâche à la voix.</div></div>
+  </aside>
+
+<script>
+"use strict";
+const orb = document.getElementById("orb");
+const ctx = orb.getContext("2d");
+const statusEl = document.getElementById("status");
+const transcriptEl = document.getElementById("transcript");
+const tasksEl = document.getElementById("tasks");
+const emptyEl = document.getElementById("empty");
+const cardsEl = document.getElementById("cards");
+
+let micStream = null;
+let analyserIn = null, analyserOut = null;
+let running = false;
+
+/* clock */
+setInterval(() => {
+  document.getElementById("clock").textContent = new Date().toLocaleTimeString("fr-FR");
+}, 1000);
+
+/* ---------------------------------------------------------- orb rendering (arc reactor HUD) */
+function sizeOrb() {
+  const r = orb.getBoundingClientRect();
+  orb.width = r.width * devicePixelRatio; orb.height = r.height * devicePixelRatio;
+}
+window.addEventListener("resize", sizeOrb); sizeOrb();
+
+function level(analyser) {
+  if (!analyser) return 0;
+  const buf = new Uint8Array(analyser.frequencyBinCount);
+  analyser.getByteFrequencyData(buf);
+  let s = 0; for (const v of buf) s += v;
+  return s / buf.length / 255;
+}
+
+const TAU = Math.PI * 2;
+let t = 0;
+function draw() {
+  requestAnimationFrame(draw);
+  t += 0.016;
+  const w = orb.width, h = orb.height, cx = w / 2, cy = h / 2;
+  const dpr = devicePixelRatio;
+  ctx.clearRect(0, 0, w, h);
+  const inL = level(analyserIn), outL = level(analyserOut);
+  const energy = Math.max(inL, outL * 1.3);
+  const base = Math.min(w, h) * 0.20;
+  const R = base * (1 + 0.14 * energy + 0.012 * Math.sin(t * 2.1));
+  const CYAN = "64,220,255", AMBER = "255,179,71";
+
+  // outer glow
+  let g = ctx.createRadialGradient(cx, cy, R * 0.2, cx, cy, R * 2.6);
+  g.addColorStop(0, `rgba(${CYAN},${0.16 + energy * 0.3})`);
+  g.addColorStop(1, "transparent");
+  ctx.fillStyle = g; ctx.beginPath(); ctx.arc(cx, cy, R * 2.6, 0, TAU); ctx.fill();
+
+  // segmented outer ring (arc reactor coils)
+  const segs = 12;
+  ctx.save(); ctx.translate(cx, cy); ctx.rotate(t * 0.25);
+  for (let i = 0; i < segs; i++) {
+    const a0 = (i / segs) * TAU, a1 = a0 + TAU / segs * 0.62;
+    ctx.strokeStyle = `rgba(${CYAN},${0.55 + 0.4 * Math.sin(t * 3 + i)})`;
+    ctx.lineWidth = 7 * dpr;
+    ctx.beginPath(); ctx.arc(0, 0, R * 1.55, a0, a1); ctx.stroke();
+  }
+  ctx.restore();
+
+  // tick ring (graduations)
+  ctx.save(); ctx.translate(cx, cy); ctx.rotate(-t * 0.1);
+  for (let i = 0; i < 60; i++) {
+    const a = (i / 60) * TAU, big = i % 5 === 0;
+    ctx.strokeStyle = `rgba(${big ? AMBER : CYAN},${big ? .8 : .3})`;
+    ctx.lineWidth = (big ? 2 : 1) * dpr;
+    const r0 = R * 1.78, r1 = R * (big ? 1.88 : 1.83);
+    ctx.beginPath();
+    ctx.moveTo(r0 * Math.cos(a), r0 * Math.sin(a));
+    ctx.lineTo(r1 * Math.cos(a), r1 * Math.sin(a));
+    ctx.stroke();
+  }
+  ctx.restore();
+
+  // orbiting reticle arcs
+  for (let i = 0; i < 3; i++) {
+    ctx.save(); ctx.translate(cx, cy);
+    ctx.rotate(t * (0.5 + i * 0.3) * (i % 2 ? -1 : 1));
+    ctx.strokeStyle = `rgba(${i === 1 ? AMBER : CYAN},${0.5 + energy * 0.4})`;
+    ctx.lineWidth = 2.2 * dpr;
+    ctx.beginPath(); ctx.arc(0, 0, R * (1.18 + i * 0.13), 0, TAU * (0.16 + 0.1 * i)); ctx.stroke();
+    ctx.restore();
+  }
+
+  // triangular core frame (arc reactor MK)
+  ctx.save(); ctx.translate(cx, cy); ctx.rotate(-t * 0.06);
+  ctx.strokeStyle = `rgba(${CYAN},.45)`; ctx.lineWidth = 1.5 * dpr;
+  ctx.beginPath();
+  for (let i = 0; i <= 3; i++) {
+    const a = (i / 3) * TAU - Math.PI / 2;
+    const x = R * 1.02 * Math.cos(a), y = R * 1.02 * Math.sin(a);
+    i === 0 ? ctx.moveTo(x, y) : ctx.lineTo(x, y);
+  }
+  ctx.stroke(); ctx.restore();
+
+  // core
+  g = ctx.createRadialGradient(cx, cy, R * 0.05, cx, cy, R);
+  g.addColorStop(0, "rgba(235,252,255,.98)");
+  g.addColorStop(0.4, `rgba(${CYAN},${0.9 + energy * 0.1})`);
+  g.addColorStop(1, "rgba(8,30,60,.95)");
+  ctx.fillStyle = g; ctx.beginPath(); ctx.arc(cx, cy, R * 0.92, 0, TAU); ctx.fill();
+
+  // waveform ring when speaking
+  if (energy > 0.02) {
+    ctx.strokeStyle = `rgba(255,255,255,${0.3 + energy * 0.5})`;
+    ctx.lineWidth = 1.5 * dpr;
+    ctx.beginPath();
+    for (let a = 0; a <= TAU; a += 0.05) {
+      const rr = R * (1.0 + 0.07 * energy * Math.sin(a * 9 + t * 6));
+      const x = cx + rr * Math.cos(a), y = cy + rr * Math.sin(a);
+      a === 0 ? ctx.moveTo(x, y) : ctx.lineTo(x, y);
+    }
+    ctx.closePath(); ctx.stroke();
+  }
+}
+draw();
+
+/* ---------------------------------------------------------- local voice session */
+// Mic -> 16 kHz PCM16 frames over the WebSocket. The server runs the VAD,
+// Whisper, the LLM and Kokoro, and streams back 24 kHz PCM16 speech.
+const WORKLET = `
+class MicDown extends AudioWorkletProcessor {
+  constructor() { super(); this.step = sampleRate / 16000; this.phase = 0;
+    this.acc = 0; this.cnt = 0; this.out = new Int16Array(1024); this.n = 0; }
+  process(inputs) {
+    const ch = inputs[0][0];
+    if (!ch) return true;
+    for (let i = 0; i < ch.length; i++) {      // box-filter decimation
+      this.acc += ch[i]; this.cnt++; this.phase += 1;
+      if (this.phase >= this.step) {
+        this.phase -= this.step;
+        const v = Math.max(-1, Math.min(1, this.acc / this.cnt));
+        this.out[this.n++] = v * 32767; this.acc = 0; this.cnt = 0;
+        if (this.n === this.out.length) { this.port.postMessage(this.out.slice().buffer); this.n = 0; }
+      }
+    }
+    return true;
+  }
+}
+registerProcessor("mic-down", MicDown);`;
+
+let ws = null, ac = null, micNode = null;
+let playing = new Set(), playHead = 0;
+
+const STATES = {
+  idle: "<b>en ligne</b> · à votre service",
+  listening: "<b>écoute…</b>",
+  transcribing: "<b>transcription…</b>",
+  thinking: "<b>réflexion…</b>",
+  speaking: "<b>jarvis parle</b>",
+};
+
+async function start() {
+  if (running) return stop();
+  statusEl.innerHTML = "<b>connexion…</b>";
+  try {
+    const deviceId = micSel.value;
+    micStream = await navigator.mediaDevices.getUserMedia({ audio: {
+      channelCount: 1, echoCancellation: true, noiseSuppression: true, autoGainControl: true,
+      ...(deviceId ? { deviceId: { exact: deviceId } } : {}) } });
+    listMics();  // labels only become readable once the permission is granted
+    ac = new AudioContext();
+    analyserIn = ac.createAnalyser(); analyserIn.fftSize = 256;
+    analyserOut = ac.createAnalyser(); analyserOut.fftSize = 256;
+    analyserOut.connect(ac.destination);
+    const src = ac.createMediaStreamSource(micStream);
+    src.connect(analyserIn);
+    await ac.audioWorklet.addModule(URL.createObjectURL(new Blob([WORKLET], { type: "text/javascript" })));
+    micNode = new AudioWorkletNode(ac, "mic-down");
+    src.connect(micNode);
+    // Chrome only runs nodes that reach the destination: route through a muted gain.
+    const sink = ac.createGain(); sink.gain.value = 0;
+    micNode.connect(sink).connect(ac.destination);
+    if (ac.state === "suspended") await ac.resume();
+
+    ws = new WebSocket(`${location.protocol === "https:" ? "wss" : "ws"}://${location.host}/ws`);
+    ws.binaryType = "arraybuffer";
+    ws.onmessage = (e) => typeof e.data === "string" ? handleEvent(JSON.parse(e.data)) : playPcm(e.data);
+    ws.onclose = () => { if (running) { stop(); statusEl.innerHTML = `<b style="color:var(--err)">déconnecté</b> · le serveur est-il lancé ?`; } };
+    await new Promise((ok, ko) => { ws.onopen = ok; ws.onerror = () => ko(new Error("serveur injoignable")); });
+    micNode.port.onmessage = (e) => { if (ws && ws.readyState === 1) ws.send(e.data); };
+
+    running = true;
+    statusEl.innerHTML = STATES.idle;
+  } catch (err) {
+    stop();
+    statusEl.innerHTML = `<b style="color:var(--err)">erreur</b> · ${esc(err.message || String(err))}`;
+  }
+}
+
+/* microphone picker (choice remembered in this browser) */
+const micSel = document.getElementById("mic");
+function savedMic() { try { return localStorage.getItem("jarvis.mic") || ""; } catch (_) { return ""; } }
+
+async function listMics() {
+  const devices = (await navigator.mediaDevices.enumerateDevices()).filter(d => d.kind === "audioinput");
+  const want = micSel.value || savedMic();
+  micSel.innerHTML = '<option value="">🎙 Micro par défaut</option>' + devices
+    .filter(d => d.deviceId && d.deviceId !== "default" && d.deviceId !== "communications")
+    .map((d, i) => `<option value="${esc(d.deviceId)}">🎙 ${esc(d.label || `Micro ${i + 1}`)}</option>`).join("");
+  micSel.value = [...micSel.options].some(o => o.value === want) ? want : "";
+}
+micSel.addEventListener("change", async () => {
+  try { localStorage.setItem("jarvis.mic", micSel.value); } catch (_) {}
+  if (running) { stop(); await start(); }  // reconnect on the new mic
+});
+navigator.mediaDevices.addEventListener("devicechange", listMics);
+listMics();
+
+function stop() {
+  running = false;
+  if (ws) { ws.onclose = null; ws.close(); } ws = null;
+  if (micStream) micStream.getTracks().forEach(t => t.stop());
+  stopAudio(false);
+  if (ac) ac.close(); ac = null; micNode = null;
+  analyserIn = analyserOut = null;
+  statusEl.innerHTML = "clique l'orbe pour <b>initialiser</b>";
+}
+orb.addEventListener("click", start);
+
+function send(obj) { if (ws && ws.readyState === 1) ws.send(JSON.stringify(obj)); }
+
+/* speech playback: gapless queue of 24 kHz chunks */
+function playPcm(buf) {
+  if (!ac) return;
+  const pcm = new Int16Array(buf);
+  const audio = ac.createBuffer(1, pcm.length, 24000);
+  const ch = audio.getChannelData(0);
+  for (let i = 0; i < pcm.length; i++) ch[i] = pcm[i] / 32768;
+  const node = ac.createBufferSource();
+  node.buffer = audio; node.connect(analyserOut);
+  if (!playing.size) send({ type: "playback", playing: true });
+  playHead = Math.max(playHead, ac.currentTime + 0.04);
+  node.start(playHead);
+  playHead += audio.duration;
+  playing.add(node);
+  node.onended = () => {
+    playing.delete(node);
+    if (!playing.size) send({ type: "playback", playing: false });
+  };
+}
+
+function stopAudio(notify = true) {
+  for (const n of playing) { n.onended = null; try { n.stop(); } catch (_) {} }
+  playing.clear(); playHead = 0;
+  if (notify) send({ type: "playback", playing: false });
+}
+
+/* ---------------------------------------------------------- events + tools */
+function handleEvent(ev) {
+  if (ev.type === "ready") {
+    STATES.idle = `<b>en ligne</b> · à votre service, ${esc(ev.address || "monsieur")}`;
+    if (running) statusEl.innerHTML = STATES.idle;
+  } else if (ev.type === "state") {
+    if (running && STATES[ev.state]) statusEl.innerHTML = STATES[ev.state];
+  } else if (ev.type === "user_text") {
+    transcriptEl.dataset.cur = "";
+    transcriptEl.innerHTML = `<span style="color:var(--dim)">« ${esc(ev.text)} »</span>`;
+  } else if (ev.type === "reply_start") {
+    transcriptEl.dataset.cur = "";
+  } else if (ev.type === "assistant_delta") {
+    const cur = (transcriptEl.dataset.cur || "") + ev.text;
+    transcriptEl.dataset.cur = cur;
+    transcriptEl.textContent = cur;
+  } else if (ev.type === "stop_audio") {
+    stopAudio(false);
+  } else if (ev.type === "task") {
+    if (!document.getElementById(`task-${ev.task.id}`)) addTaskCard(ev.task.id, ev.task.title);
+    updateTaskCard(ev.task);
+  } else if (ev.type === "ui") {
+    const a = ev.args || {};
+    if (ev.name === "display_card") addCard(a.title || "Info", a.content || "", a.kind || "info");
+    else if (ev.name === "display_report") {
+      try { showReport(a); } catch (err) { addCard("Rapport", String(err), "warning"); }
+    }
+  } else if (ev.type === "error") {
+    addCard("Erreur", ev.text || "", "warning");
+  }
+}
+
+async function cancelTask(taskId) {
+  try {
+    const res = await fetch(`/api/task/${taskId}/cancel`, { method: "POST" }).then(r => r.json());
+    if (res.cancelled) updateTaskCard(await fetch(`/api/task/${res.cancelled}`).then(r => r.json()));
+  } catch (err) {
+    addCard("Annulation", String(err), "warning");
+  }
+}
+
+/* ---------------------------------------------------------- display cards */
+function esc(s) {
+  return s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+}
+function mdLite(s) {
+  // minimal markdown: **bold**, `code`, "- " bullets
+  let html = esc(s)
+    .replace(/\*\*(.+?)\*\*/g, "<b>$1</b>")
+    .replace(/`([^`]+)`/g, "<code>$1</code>");
+  const lines = html.split("\n");
+  let out = "", inList = false;
+  for (const l of lines) {
+    if (l.startsWith("- ")) {
+      if (!inList) { out += "<ul>"; inList = true; }
+      out += `<li>${l.slice(2)}</li>`;
+    } else {
+      if (inList) { out += "</ul>"; inList = false; }
+      out += l + "\n";
+    }
+  }
+  if (inList) out += "</ul>";
+  return out.trimEnd();
+}
+
+function addCard(title, content, kind) {
+  const el = document.createElement("div");
+  el.className = `card ${kind}`;
+  el.innerHTML = `<h3><span>${esc(title)}</span><span class="x" title="fermer">✕</span></h3>
+    <div class="body">${mdRender(content)}</div>`;
+  el.querySelector(".x").addEventListener("click", () => el.remove());
+  cardsEl.prepend(el);
+  // keep at most 6 cards
+  while (cardsEl.children.length > 6) cardsEl.lastChild.remove();
+}
+
+/* ---------------------------------------------------------- report dashboard */
+// Series palette validated for dark surfaces (CVD-safe, dataviz checks pass).
+const SERIES_COLORS = ["#1e93c4", "#c47b1e", "#1ea86a"];
+let _apex = null, _grid = null;
+
+function mdRender(text) {
+  if (window.marked && window.DOMPurify) {
+    return DOMPurify.sanitize(marked.parse(text));
+  }
+  return mdLite(text); // offline fallback
+}
+
+function showReport(r) {
+  const rep = document.getElementById("report");
+  document.getElementById("rtitle").textContent = r.title || "Rapport";
+
+  // KPI tiles
+  const kpisEl = document.getElementById("kpis");
+  kpisEl.innerHTML = "";
+  for (const k of (r.kpis || []).slice(0, 4)) {
+    const d = k.delta ? `<div class="d ${String(k.delta).trim().startsWith("-") ? "neg" : ""}">${esc(k.delta)}</div>` : "";
+    kpisEl.insertAdjacentHTML("beforeend",
+      `<div class="kpi"><div class="l">${esc(k.label)}</div><div class="v">${esc(k.value)}</div>${d}</div>`);
+  }
+
+  // Chart (ApexCharts)
+  const chartEl = document.getElementById("rchart");
+  if (_apex) { _apex.destroy(); _apex = null; }
+  chartEl.innerHTML = "";
+  const c = r.chart;
+  if (c && window.ApexCharts && (c.series || []).length) {
+    const donut = c.type === "donut";
+    const nSeries = donut ? (c.categories || []).length : c.series.length;
+    const opts = {
+      chart: { type: c.type || "line", height: 280, background: "transparent",
+               toolbar: { show: false }, foreColor: "#4d7c99",
+               fontFamily: "Rajdhani, sans-serif" },
+      theme: { mode: "dark" },
+      colors: SERIES_COLORS,
+      stroke: { width: 2, curve: "straight" },
+      grid: { borderColor: "rgba(64,220,255,.12)", strokeDashArray: 3 },
+      dataLabels: { enabled: false },
+      legend: { show: nSeries > 1, labels: { colors: "#cfeaff" } },
+      tooltip: { theme: "dark" },
+      series: donut ? c.series[0].data : c.series,
+    };
+    if (donut) opts.labels = c.categories || [];
+    else opts.xaxis = { categories: c.categories || [] };
+    if (c.type === "area") opts.fill = { type: "gradient", gradient: { opacityFrom: .3, opacityTo: .02 } };
+    _apex = new ApexCharts(chartEl, opts);
+    _apex.render();
+  }
+
+  // Table (Grid.js)
+  const tableEl = document.getElementById("rtable");
+  if (_grid) { _grid.destroy(); _grid = null; }
+  tableEl.innerHTML = "";
+  const t = r.table;
+  if (t && window.gridjs && (t.rows || []).length) {
+    _grid = new gridjs.Grid({
+      columns: t.columns || [],
+      data: t.rows,
+      sort: true,
+      search: t.rows.length > 8,
+      pagination: t.rows.length > 12 ? { limit: 10 } : false,
+      style: { table: { "font-family": "Rajdhani, sans-serif" } },
+    });
+    _grid.render(tableEl);
+  }
+
+  // Markdown notes
+  document.getElementById("rmd").innerHTML = r.markdown ? mdRender(r.markdown) : "";
+
+  rep.classList.add("open");
+}
+
+/* ---------------------------------------------------------- task cards */
+function addTaskCard(id, title) {
+  emptyEl && emptyEl.remove();
+  const el = document.createElement("div");
+  el.className = "task"; el.id = `task-${id}`;
+  el.innerHTML = `<div class="t">${esc(title)}</div>
+    <div class="s"><span class="dot"></span><span class="lbl">L'agent travaille…</span> <span class="chrono">0s</span>
+    <span class="cancel" title="annuler">✕</span></div>
+    <div class="out"></div>`;
+  el.querySelector(".cancel").addEventListener("click", () => cancelTask(id));
+  tasksEl.prepend(el);
+  el.dataset.start = Date.now();
+  el._timer = setInterval(() => {
+    el.querySelector(".chrono").textContent = Math.round((Date.now() - el.dataset.start) / 1000) + "s";
+  }, 1000);
+}
+
+function updateTaskCard(task) {
+  const el = document.getElementById(`task-${task.id}`);
+  if (!el) return;
+  if (task.status !== "running") {
+    clearInterval(el._timer);
+    const cls = { done: "done", cancelled: "cancelled" }[task.status] || "error";
+    const lbl = { done: "Terminé", cancelled: "Annulée" }[task.status] || "Erreur";
+    el.classList.add(cls);
+    el.querySelector(".lbl").textContent = lbl;
+    el.querySelector(".out").textContent = (task.output || "").slice(0, 1200);
+    const c = el.querySelector(".cancel"); if (c) c.remove();
+  }
+}
+</script>
+</body>
+</html>

designs/b-halo.html

@@ -0,0 +1,171 @@
+<!doctype html>
+<html lang="fr">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>JARVIS · Proposition B — Halo</title>
+<link rel="preconnect" href="https://fonts.googleapis.com">
+<link href="https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600&family=Fraunces:ital,opsz,wght@1,9..144,300&display=swap" rel="stylesheet">
+<style>
+  /* Direction B — "Halo" : minimal, calme, haut de gamme.
+     Pas de HUD : une orbe liquide qui respire et se déforme avec la voix,
+     de grands sous-titres, et l'information qui glisse en verre dépoli. */
+  :root {
+    --bg: #07070b; --glass: rgba(255,255,255,.045); --glass-line: rgba(255,255,255,.08);
+    --text: #ecebf3; --muted: #7d7b8f; --soft: #a9a7bb;
+    --c1: #6c7bff; --c2: #31d6c4; --c3: #ff7ac6;   /* idle / speaking / thinking hues */
+    --ui: "Manrope", system-ui, sans-serif; --serif: "Fraunces", Georgia, serif;
+  }
+  * { box-sizing: border-box; margin: 0; padding: 0; }
+  html, body { height: 100%; }
+  body { background: var(--bg); color: var(--text); font-family: var(--ui); overflow: hidden; }
+  /* very soft film grain to avoid flat black */
+  body::after {
+    content: ""; position: fixed; inset: 0; pointer-events: none; opacity: .05;
+    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)'/%3E%3C/svg%3E");
+  }
+
+  header { position: fixed; top: 26px; left: 34px; right: 34px; display: flex; align-items: center; justify-content: space-between; z-index: 5; }
+  .brand { font-weight: 600; letter-spacing: .32em; font-size: 12px; }
+  .brand span { color: var(--muted); font-weight: 400; letter-spacing: .1em; margin-left: 10px; }
+  .chips { display: flex; gap: 8px; }
+  .chip {
+    display: flex; align-items: center; gap: 8px; padding: 7px 13px 7px 11px; border-radius: 999px;
+    background: var(--glass); border: 1px solid var(--glass-line); font-size: 12.5px; color: var(--soft);
+    backdrop-filter: blur(14px); animation: rise .5s cubic-bezier(.2,.9,.25,1);
+  }
+  .chip i { width: 7px; height: 7px; border-radius: 50%; background: var(--c1); animation: breathe 1.1s infinite alternate; }
+  .chip.done i { background: var(--c2); animation: none; }
+  .chip .tag { font-size: 10.5px; color: var(--muted); }
+  @keyframes breathe { to { opacity: .25; } }
+  @keyframes rise { from { opacity: 0; transform: translateY(-8px); } }
+
+  main { position: fixed; inset: 0; display: grid; place-items: center; }
+  #orb { width: min(58vh, 520px); aspect-ratio: 1; cursor: pointer; margin-top: -12vh; }
+  #state { position: absolute; top: calc(50% + min(16vh, 150px)); font-size: 12px; color: var(--muted); letter-spacing: .28em; text-transform: uppercase; }
+
+  #subs { position: absolute; bottom: 15vh; width: min(900px, 84vw); text-align: center; }
+  #you { color: var(--muted); font-size: 16px; min-height: 24px; transition: opacity .4s; }
+  #say { margin-top: 14px; font-family: var(--serif); font-style: italic; font-weight: 300; font-size: clamp(24px, 3vw, 34px); line-height: 1.3; min-height: 44px; }
+
+  /* cards: one glass sheet sliding up from the bottom-right */
+  #cards { position: fixed; right: 34px; bottom: 34px; width: 360px; display: flex; flex-direction: column-reverse; gap: 12px; z-index: 4; }
+  .card {
+    padding: 18px 20px; border-radius: 22px; background: var(--glass); border: 1px solid var(--glass-line);
+    backdrop-filter: blur(22px) saturate(140%); box-shadow: 0 20px 60px rgba(0,0,0,.45);
+    animation: sheet .6s cubic-bezier(.2,.9,.25,1);
+  }
+  .card h3 { font-size: 12px; font-weight: 500; color: var(--muted); margin-bottom: 10px; display: flex; justify-content: space-between; }
+  .card h3 em { font-style: normal; color: var(--c2); }
+  .row { display: flex; justify-content: space-between; align-items: baseline; padding: 8px 0; border-top: 1px solid var(--glass-line); font-size: 14.5px; }
+  .row:first-of-type { border-top: 0; }
+  .row b { font-weight: 600; font-variant-numeric: tabular-nums; }
+  .row b.hi { color: var(--c3); }
+  @keyframes sheet { from { opacity: 0; transform: translateY(30px) scale(.97); } }
+
+  footer { position: fixed; left: 34px; bottom: 30px; display: flex; gap: 14px; align-items: center; font-size: 12px; color: var(--muted); z-index: 5; }
+  select { appearance: none; background: var(--glass); color: var(--soft); border: 1px solid var(--glass-line); border-radius: 999px; padding: 7px 14px; font: inherit; }
+  .badge { position: fixed; left: 50%; transform: translateX(-50%); bottom: 12px; font-size: 10px; letter-spacing: .25em; color: #44424f; }
+</style>
+</head>
+<body>
+<header>
+  <div class="brand">JARVIS<span>local</span></div>
+  <div class="chips" id="tasks"></div>
+</header>
+
+<main>
+  <canvas id="orb"></canvas>
+  <div id="state">touchez l'orbe</div>
+  <div id="subs"><div id="you"></div><div id="say"></div></div>
+</main>
+
+<section id="cards"></section>
+<footer><select><option>Micro · Shure MV7</option></select><span id="clock"></span></footer>
+<div class="badge">PROPOSITION B · HALO · démo</div>
+
+<script>
+"use strict";
+/* ------------------------------------------------ orb: liquid blob, layered hues */
+const cv = document.getElementById("orb"), g = cv.getContext("2d");
+const fit = () => { const r = cv.getBoundingClientRect(); cv.width = r.width * devicePixelRatio; cv.height = r.height * devicePixelRatio; };
+addEventListener("resize", fit); fit();
+let level = 0, target = 0, mode = "idle", t = 0;
+const HUE = { idle: ["#6c7bff", "#3a3f9e"], listening: ["#8a96ff", "#31d6c4"], thinking: ["#ff7ac6", "#6c7bff"], speaking: ["#31d6c4", "#6c7bff"] };
+const TAU = Math.PI * 2;
+
+function blob(cx, cy, R, amp, phase, color, alpha) {
+  g.beginPath();
+  for (let i = 0; i <= 120; i++) {
+    const a = i / 120 * TAU;
+    const n = Math.sin(a * 3 + t * 1.3 + phase) * .5 + Math.sin(a * 5 - t * 1.9 + phase * 2) * .3 + Math.sin(a * 2 + t * .7) * .2;
+    const r = R * (1 + amp * n);
+    const x = cx + r * Math.cos(a), y = cy + r * Math.sin(a);
+    i ? g.lineTo(x, y) : g.moveTo(x, y);
+  }
+  g.closePath();
+  const gr = g.createRadialGradient(cx - R * .3, cy - R * .4, R * .1, cx, cy, R * 1.3);
+  gr.addColorStop(0, color + "ff"); gr.addColorStop(1, color + "00");
+  g.globalAlpha = alpha; g.fillStyle = gr; g.fill(); g.globalAlpha = 1;
+}
+function draw() {
+  requestAnimationFrame(draw); t += 1 / 60;
+  level += (target - level) * .12;
+  const w = cv.width, h = cv.height, cx = w / 2, cy = h / 2;
+  const breath = Math.sin(t * 1.2) * .02;
+  const R = Math.min(w, h) * .26 * (1 + breath + level * .1);
+  g.clearRect(0, 0, w, h);
+  g.globalCompositeOperation = "lighter";
+  const [a, b] = HUE[mode];
+  const amp = .04 + level * .16 + (mode === "thinking" ? .05 : 0);
+  blob(cx, cy, R * 1.15, amp * 1.2, 0, b, .55);
+  blob(cx, cy, R, amp, 2.1, a, .8);
+  blob(cx, cy, R * .82, amp * .8, 4.2, mode === "thinking" ? "#ffb3e0" : "#c9f7ff", .45);
+  g.globalCompositeOperation = "source-over";
+  // thin orbit while thinking
+  if (mode === "thinking") {
+    g.strokeStyle = "rgba(255,255,255,.35)"; g.lineWidth = 1.2 * devicePixelRatio;
+    g.beginPath(); g.arc(cx, cy, R * 1.45, t * 2.5, t * 2.5 + 1.1); g.stroke();
+  }
+}
+draw();
+
+/* ------------------------------------------------ demo conversation */
+const $ = id => document.getElementById(id);
+setInterval(() => $("clock").textContent = new Date().toLocaleTimeString("fr-FR", { hour: "2-digit", minute: "2-digit" }), 1000);
+const LABEL = { idle: "à votre écoute", listening: "je vous écoute", thinking: "un instant", speaking: "" };
+const setMode = m => { mode = m; $("state").textContent = LABEL[m]; };
+const sleep = ms => new Promise(r => setTimeout(r, ms));
+async function type(el, text, speed = 30) { el.textContent = ""; for (const w of text.split(" ")) { el.textContent += (el.textContent ? " " : "") + w; await sleep(speed * 4); } }
+setInterval(() => { target = mode === "listening" || mode === "speaking" ? .3 + Math.random() * .7 : 0; }, 100);
+
+function chip(title, engine) {
+  const c = document.createElement("div"); c.className = "chip";
+  c.innerHTML = `<i></i>${title}<span class="tag">${engine}</span>`; $("tasks").prepend(c);
+  while ($("tasks").children.length > 3) $("tasks").lastChild.remove();
+  return () => c.classList.add("done");
+}
+function card(title, rows) {
+  const c = document.createElement("div"); c.className = "card";
+  c.innerHTML = `<h3>${title}<em>à l'instant</em></h3>` + rows.map(([k, v, hi]) => `<div class="row"><span>${k}</span><b class="${hi ? "hi" : ""}">${v}</b></div>`).join("");
+  $("cards").prepend(c); while ($("cards").children.length > 2) $("cards").lastChild.remove();
+}
+
+async function demo() {
+  for (;;) {
+    setMode("idle"); $("you").textContent = ""; $("say").textContent = ""; await sleep(2000);
+    setMode("listening"); await type($("you"), "Lance une veille sur les CVE critiques de la semaine.", 22);
+    setMode("thinking"); await sleep(800);
+    setMode("speaking"); await type($("say"), "Très bien, Pascal. Je lance la veille et je vous préviens dès qu'elle est prête.");
+    const done = chip("Veille CVE critiques", "local");
+    await sleep(1200); setMode("idle"); await sleep(3500);
+    done(); $("you").textContent = "";
+    setMode("speaking"); await type($("say"), "C'est prêt : trois vulnérabilités critiques, dont une activement exploitée.");
+    card("Veille CVE · semaine 40", [["Exemple · passerelle VPN", "9.8", true], ["Exemple · messagerie", "9.1"], ["Exemple · Kubernetes", "8.8"]]);
+    await sleep(2800);
+  }
+}
+demo();
+</script>
+</body>
+</html>

designs/c-commandement.html

@@ -0,0 +1,240 @@
+<!doctype html>
+<html lang="fr">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>JARVIS · Proposition C — Commandement</title>
+<link rel="preconnect" href="https://fonts.googleapis.com">
+<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=IBM+Plex+Sans+Condensed:wght@400;500;600&display=swap" rel="stylesheet">
+<style>
+  /* Direction C — "Commandement" : console de SOC.
+     L'orbe devient un radar, la conversation un journal horodaté,
+     et on voit en permanence l'état de la machine (latences, VRAM, moteurs). */
+  :root {
+    --bg: #0a0d0d; --panel: #0f1414; --panel-2: #131a1a; --line: #1f2a29; --line-2: #2b3a38;
+    --green: #3df5a6; --green-d: #1c7a55; --amber: #ffc94a; --red: #ff5a5a; --blue: #58c6ff;
+    --text: #d6e4e1; --muted: #6b807c;
+    --mono: "IBM Plex Mono", monospace; --cond: "IBM Plex Sans Condensed", sans-serif;
+  }
+  * { box-sizing: border-box; margin: 0; padding: 0; }
+  html, body { height: 100%; }
+  body {
+    background: var(--bg); color: var(--text); font-family: var(--cond); overflow: hidden;
+    display: grid; grid-template-rows: 44px 1fr 34px; grid-template-columns: 340px 1fr 340px;
+    grid-template-areas: "top top top" "log stage side" "bot bot bot"; gap: 1px; background-color: var(--line);
+  }
+  body > * { background: var(--bg); }
+
+  /* ---------- top status bar */
+  #top { grid-area: top; display: flex; align-items: center; gap: 26px; padding: 0 18px; font-family: var(--mono); font-size: 11.5px; color: var(--muted); }
+  #top .brand { color: var(--green); font-weight: 500; letter-spacing: .18em; }
+  #top .k b { color: var(--text); font-weight: 400; }
+  #top .k.ok b { color: var(--green); }
+  #top .sp { flex: 1; }
+  #top #clock { color: var(--amber); }
+
+  .ph { display: flex; justify-content: space-between; align-items: center; height: 34px; padding: 0 14px; border-bottom: 1px solid var(--line); font-family: var(--mono); font-size: 10.5px; letter-spacing: .16em; text-transform: uppercase; color: var(--muted); background: var(--panel); }
+  .ph b { color: var(--green); font-weight: 500; }
+
+  /* ---------- left: conversation journal */
+  #log { grid-area: log; display: flex; flex-direction: column; min-height: 0; }
+  #lines { flex: 1; overflow: hidden; padding: 12px 14px; display: flex; flex-direction: column; justify-content: flex-end; gap: 10px; font-size: 14px; line-height: 1.45; }
+  .ln { display: grid; grid-template-columns: 54px 1fr; gap: 8px; animation: fade .3s; }
+  .ln time { font-family: var(--mono); font-size: 11px; color: var(--muted); padding-top: 2px; }
+  .ln .who { font-family: var(--mono); font-size: 10.5px; letter-spacing: .12em; display: block; margin-bottom: 1px; }
+  .ln.you .who { color: var(--blue); } .ln.jv .who { color: var(--green); } .ln.sys .who { color: var(--amber); }
+  .ln.sys { color: var(--muted); font-size: 13px; }
+  .cursor::after { content: "▌"; color: var(--green); animation: blink .8s steps(1) infinite; }
+  @keyframes blink { 50% { opacity: 0; } }
+  @keyframes fade { from { opacity: 0; transform: translateY(6px); } }
+
+  /* ---------- centre: radar + oscilloscope */
+  #stage { grid-area: stage; position: relative; display: grid; grid-template-rows: 1fr 120px; min-height: 0; }
+  #radarBox { position: relative; display: grid; place-items: center; min-height: 0; }
+  #radar { width: min(100%, 64vh); aspect-ratio: 1; cursor: pointer; }
+  #mode { position: absolute; top: 14px; left: 16px; font-family: var(--mono); font-size: 11px; letter-spacing: .2em; }
+  #mode span { padding: 3px 8px; border: 1px solid var(--green-d); color: var(--green); }
+  #mode.thinking span { border-color: var(--amber); color: var(--amber); }
+  #scope { width: 100%; height: 120px; border-top: 1px solid var(--line); background: var(--panel); display: block; }
+
+  /* ---------- right: tasks + telemetry + findings */
+  #side { grid-area: side; display: flex; flex-direction: column; min-height: 0; overflow: hidden; }
+  table { width: 100%; border-collapse: collapse; font-size: 13px; }
+  td { padding: 8px 14px; border-bottom: 1px solid var(--line); vertical-align: top; }
+  td.st { font-family: var(--mono); font-size: 10.5px; width: 78px; }
+  .run { color: var(--amber); } .ok { color: var(--green); }
+  td small { display: block; font-family: var(--mono); font-size: 10.5px; color: var(--muted); margin-top: 2px; }
+  .meters { padding: 12px 14px; display: grid; gap: 10px; font-family: var(--mono); font-size: 11px; color: var(--muted); }
+  .meter { display: grid; grid-template-columns: 70px 1fr 54px; align-items: center; gap: 10px; }
+  .meter .b { height: 6px; background: var(--panel-2); border: 1px solid var(--line-2); }
+  .meter .b i { display: block; height: 100%; background: var(--green); transition: width .6s; }
+  .meter .v { color: var(--text); text-align: right; }
+  .finding { margin: 10px 14px; border: 1px solid var(--line-2); border-left: 3px solid var(--red); background: var(--panel); padding: 10px 12px; animation: fade .4s; }
+  .finding h4 { font-family: var(--mono); font-size: 10.5px; letter-spacing: .14em; color: var(--red); margin-bottom: 6px; font-weight: 500; }
+  .finding div { display: flex; justify-content: space-between; font-size: 13px; padding: 2px 0; }
+  .finding b { font-family: var(--mono); font-weight: 500; color: var(--amber); }
+
+  /* ---------- bottom */
+  #bot { grid-area: bot; display: flex; align-items: center; gap: 18px; padding: 0 18px; font-family: var(--mono); font-size: 11px; color: var(--muted); }
+  #bot kbd { border: 1px solid var(--line-2); padding: 1px 6px; color: var(--text); font: inherit; }
+  select { background: var(--panel); color: var(--text); border: 1px solid var(--line-2); padding: 3px 6px; font: inherit; }
+  #bot .sp { flex: 1; }
+</style>
+</head>
+<body>
+<div id="top">
+  <span class="brand">■ JARVIS // CONSOLE</span>
+  <span class="k ok">état <b>OPÉRATIONNEL</b></span>
+  <span class="k">llm <b>qwen3-30b-a3b</b></span>
+  <span class="k">agent <b>local + claude</b></span>
+  <span class="k">réseau <b>aucune sortie</b></span>
+  <span class="sp"></span>
+  <span id="clock">--:--:--</span>
+</div>
+
+<section id="log">
+  <div class="ph">journal de session <b id="cnt">0</b></div>
+  <div id="lines"></div>
+</section>
+
+<section id="stage">
+  <div id="radarBox">
+    <div id="mode"><span>VEILLE</span></div>
+    <canvas id="radar"></canvas>
+  </div>
+  <canvas id="scope"></canvas>
+</section>
+
+<aside id="side">
+  <div class="ph">tâches <b id="tc">0 actives</b></div>
+  <table><tbody id="tasks"></tbody></table>
+  <div class="ph">télémétrie</div>
+  <div class="meters">
+    <div class="meter"><span>oreille</span><div class="b"><i id="m1" style="width:12%"></i></div><span class="v" id="v1">0,18 s</span></div>
+    <div class="meter"><span>cerveau</span><div class="b"><i id="m2" style="width:30%"></i></div><span class="v" id="v2">0,31 s</span></div>
+    <div class="meter"><span>voix</span><div class="b"><i id="m3" style="width:18%"></i></div><span class="v" id="v3">0,22 s</span></div>
+    <div class="meter"><span>vram</span><div class="b"><i style="width:75%;background:var(--amber)"></i></div><span class="v">24/32 Go</span></div>
+  </div>
+  <div id="finds"></div>
+</aside>
+
+<div id="bot">
+  <select><option>MIC · Shure MV7</option></select>
+  <span><kbd>Espace</kbd> micro on/off</span>
+  <span><kbd>Échap</kbd> interrompre</span>
+  <span class="sp"></span>
+  <span>PROPOSITION C · COMMANDEMENT · démo</span>
+</div>
+
+<script>
+"use strict";
+const $ = id => document.getElementById(id);
+const TAU = Math.PI * 2;
+let mode = "idle", level = 0, target = 0, t = 0;
+
+/* ------------------------------------------------ radar */
+const rc = $("radar"), r = rc.getContext("2d");
+const sc = $("scope"), s = sc.getContext("2d");
+const fit = () => [rc, sc].forEach(c => { const b = c.getBoundingClientRect(); c.width = b.width * devicePixelRatio; c.height = b.height * devicePixelRatio; });
+addEventListener("resize", fit); fit();
+const blips = [];
+const wave = new Array(240).fill(0);
+
+function frame() {
+  requestAnimationFrame(frame); t += 1 / 60; level += (target - level) * .2;
+  const w = rc.width, h = rc.height, cx = w / 2, cy = h / 2, R = Math.min(w, h) * .44, d = devicePixelRatio;
+  const G = mode === "thinking" ? "255,201,74" : "61,245,166";
+  r.clearRect(0, 0, w, h);
+  // rings + crosshair
+  r.strokeStyle = "rgba(61,245,166,.16)"; r.lineWidth = 1 * d;
+  for (let i = 1; i <= 4; i++) { r.beginPath(); r.arc(cx, cy, R * i / 4, 0, TAU); r.stroke(); }
+  r.beginPath(); r.moveTo(cx - R, cy); r.lineTo(cx + R, cy); r.moveTo(cx, cy - R); r.lineTo(cx, cy + R); r.stroke();
+  // bearing ticks
+  for (let i = 0; i < 72; i++) {
+    const a = i / 72 * TAU, k = i % 6 === 0 ? .94 : .97;
+    r.beginPath(); r.moveTo(cx + R * k * Math.cos(a), cy + R * k * Math.sin(a)); r.lineTo(cx + R * Math.cos(a), cy + R * Math.sin(a)); r.stroke();
+  }
+  // sweep (faster while thinking)
+  const sweep = t * (mode === "thinking" ? 3.2 : 1.1);
+  const grad = r.createConicGradient ? r.createConicGradient(sweep - .9, cx, cy) : null;
+  if (grad) {
+    grad.addColorStop(0, `rgba(${G},0)`); grad.addColorStop(.14, `rgba(${G},.28)`); grad.addColorStop(.143, `rgba(${G},0)`);
+    r.fillStyle = grad; r.beginPath(); r.arc(cx, cy, R, 0, TAU); r.fill();
+  }
+  // voice = pulsing core rings
+  const core = R * (.16 + level * .12);
+  r.fillStyle = `rgba(${G},.12)`; r.beginPath(); r.arc(cx, cy, core * 1.8, 0, TAU); r.fill();
+  r.fillStyle = `rgba(${G},.9)`; r.beginPath(); r.arc(cx, cy, core * .55, 0, TAU); r.fill();
+  r.strokeStyle = `rgba(${G},.7)`; r.lineWidth = 1.5 * d; r.beginPath(); r.arc(cx, cy, core, 0, TAU); r.stroke();
+  // blips = running / finished tasks
+  blips.forEach(b => {
+    const x = cx + R * b.r * Math.cos(b.a), y = cy + R * b.r * Math.sin(b.a);
+    const age = ((sweep - b.a) % TAU + TAU) % TAU, glow = Math.max(.25, 1 - age / TAU);
+    r.fillStyle = b.done ? `rgba(61,245,166,${glow})` : `rgba(255,201,74,${glow})`;
+    r.beginPath(); r.arc(x, y, 5 * d, 0, TAU); r.fill();
+    r.font = `${11 * d}px IBM Plex Mono`; r.fillText(b.label, x + 10 * d, y + 4 * d);
+  });
+
+  // oscilloscope
+  wave.push(mode === "listening" || mode === "speaking" ? (Math.random() - .5) * level * 1.6 : (Math.random() - .5) * .03);
+  wave.shift();
+  const W = sc.width, H = sc.height;
+  s.clearRect(0, 0, W, H);
+  s.strokeStyle = "rgba(61,245,166,.08)"; s.lineWidth = 1;
+  for (let x = 0; x < W; x += 40 * d) { s.beginPath(); s.moveTo(x, 0); s.lineTo(x, H); s.stroke(); }
+  s.strokeStyle = mode === "listening" ? "#58c6ff" : `rgb(${G})`; s.lineWidth = 1.6 * d; s.beginPath();
+  wave.forEach((v, i) => { const x = i / (wave.length - 1) * W, y = H / 2 + v * H * .9; i ? s.lineTo(x, y) : s.moveTo(x, y); });
+  s.stroke();
+}
+frame();
+
+/* ------------------------------------------------ demo */
+setInterval(() => $("clock").textContent = new Date().toLocaleTimeString("fr-FR"), 1000);
+setInterval(() => { target = mode === "listening" || mode === "speaking" ? .3 + Math.random() * .7 : mode === "thinking" ? .1 : 0; }, 80);
+const sleep = ms => new Promise(res => setTimeout(res, ms));
+const now = () => new Date().toLocaleTimeString("fr-FR");
+const MODES = { idle: "VEILLE", listening: "ÉCOUTE", thinking: "ANALYSE", speaking: "RÉPONSE" };
+function setMode(m) { mode = m; $("mode").className = m; $("mode").firstChild.textContent = MODES[m]; }
+
+function line(kind, who, text = "") {
+  const el = document.createElement("div"); el.className = "ln " + kind;
+  el.innerHTML = `<time>${now().slice(0, 5)}</time><div><span class="who">${who}</span><span class="tx">${text}</span></div>`;
+  $("lines").append(el); while ($("lines").children.length > 14) $("lines").firstChild.remove();
+  $("cnt").textContent = +$("cnt").textContent + 1;
+  return el.querySelector(".tx");
+}
+async function type(el, text, speed = 26) { el.classList.add("cursor"); for (const ch of text) { el.textContent += ch; await sleep(speed); } el.classList.remove("cursor"); }
+function meters(a, b, c) {
+  [[a, "m1", "v1"], [b, "m2", "v2"], [c, "m3", "v3"]].forEach(([v, m, l]) => { $(m).style.width = Math.min(100, v * 100) + "%"; $(l).textContent = v.toFixed(2).replace(".", ",") + " s"; });
+}
+let active = 0;
+function task(title, engine) {
+  const tr = document.createElement("tr");
+  tr.innerHTML = `<td class="st run">● RUN</td><td>${title}<small>${engine} · ${now()}</small></td>`;
+  $("tasks").prepend(tr); active++; $("tc").textContent = active + " active" + (active > 1 ? "s" : "");
+  const b = { a: Math.random() * TAU, r: .5 + Math.random() * .35, label: title.split(" ")[0].toUpperCase(), done: false };
+  blips.push(b); if (blips.length > 4) blips.shift();
+  return () => { tr.firstChild.className = "st ok"; tr.firstChild.textContent = "✓ OK"; b.done = true; active--; $("tc").textContent = active + " actives"; };
+}
+
+async function demo() {
+  for (;;) {
+    setMode("idle"); await sleep(1600);
+    setMode("listening"); const u = line("you", "PASCAL"); await type(u, "Lance une veille sur les CVE critiques de la semaine.", 40);
+    setMode("thinking"); await sleep(600); meters(.18 + Math.random() * .1, .3 + Math.random() * .15, .2 + Math.random() * .08);
+    setMode("speaking"); const j = line("jv", "JARVIS"); await type(j, "Très bien, Pascal. Je lance la veille.");
+    const done = task("Veille CVE critiques", "local · qwen3");
+    line("sys", "SYSTÈME", "tâche lancée sur le modèle local");
+    setMode("idle"); await sleep(4200);
+    done(); line("sys", "SYSTÈME", "tâche terminée · notification envoyée");
+    setMode("speaking"); const j2 = line("jv", "JARVIS"); await type(j2, "Trois vulnérabilités critiques, dont une activement exploitée.");
+    const f = document.createElement("div"); f.className = "finding";
+    f.innerHTML = `<h4>▲ VEILLE CVE · SEMAINE 40</h4><div><span>Exemple · passerelle VPN</span><b>9.8</b></div><div><span>Exemple · messagerie</span><b>9.1</b></div><div><span>Exemple · Kubernetes</span><b>8.8</b></div>`;
+    $("finds").prepend(f); while ($("finds").children.length > 2) $("finds").lastChild.remove();
+    await sleep(2600);
+  }
+}
+demo();
+</script>
+</body>
+</html>

index.html

@@ -0,0 +1,681 @@
+<!doctype html>
+<html lang="fr">
+<head>
+<meta charset="utf-8">
+<title>JARVIS · Console</title>
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<link rel="preconnect" href="https://fonts.googleapis.com">
+<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=IBM+Plex+Sans+Condensed:wght@400;500;600&display=swap" rel="stylesheet">
+<link rel="stylesheet" href="https://unpkg.com/gridjs/dist/theme/mermaid.min.css">
+<script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/dompurify@3/dist/purify.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/apexcharts"></script>
+<script src="https://unpkg.com/gridjs/dist/gridjs.umd.js"></script>
+<style>
+  /* "Commandement": a SOC-style console. The orb is a radar (tasks are its
+     blips), the conversation a timestamped log, and the machine's state is
+     always on screen. */
+  :root {
+    --bg: #0a0d0d; --panel: #0f1414; --panel-2: #131a1a; --line: #1f2a29; --line-2: #2b3a38;
+    --green: #3df5a6; --green-d: #1c7a55; --amber: #ffc94a; --red: #ff5a5a; --blue: #58c6ff;
+    --text: #d6e4e1; --muted: #6b807c;
+    --mono: "IBM Plex Mono", monospace; --cond: "IBM Plex Sans Condensed", sans-serif;
+  }
+  * { box-sizing: border-box; margin: 0; padding: 0; }
+  html, body { height: 100%; }
+  body {
+    background: var(--line); color: var(--text); font-family: var(--cond); overflow: hidden;
+    display: grid; grid-template-rows: 44px minmax(0, 1fr) 34px; grid-template-columns: 360px minmax(0, 1fr) 360px;
+    grid-template-areas: "top top top" "log stage side" "bot bot bot"; gap: 1px;
+  }
+  body > * { background: var(--bg); }
+
+  /* ---------------------------------------------- top status bar */
+  #top { grid-area: top; display: flex; align-items: center; gap: 26px; padding: 0 18px; font-family: var(--mono); font-size: 11.5px; color: var(--muted); white-space: nowrap; overflow: hidden; }
+  #top .brand { color: var(--green); font-weight: 500; letter-spacing: .18em; }
+  #top b { color: var(--text); font-weight: 400; }
+  #top .on b { color: var(--green); } #top .off b { color: var(--muted); } #top .err b { color: var(--red); }
+  #top .sp { flex: 1; }
+  #clock { color: var(--amber); }
+
+  .ph { display: flex; justify-content: space-between; align-items: center; height: 34px; flex: none; padding: 0 14px; border-bottom: 1px solid var(--line); font-family: var(--mono); font-size: 10.5px; letter-spacing: .16em; text-transform: uppercase; color: var(--muted); background: var(--panel); }
+  .ph b { color: var(--green); font-weight: 500; }
+
+  /* ---------------------------------------------- left: conversation log */
+  #log { grid-area: log; display: flex; flex-direction: column; min-height: 0; }
+  #lines { flex: 1; overflow-y: auto; padding: 12px 14px; display: flex; flex-direction: column; gap: 10px; font-size: 14.5px; line-height: 1.45; scrollbar-width: thin; scrollbar-color: var(--line-2) transparent; }
+  #lines .empty { color: var(--muted); font-size: 13px; margin-top: auto; }
+  .ln { display: grid; grid-template-columns: 46px 1fr; gap: 8px; animation: fade .3s; }
+  .ln time { font-family: var(--mono); font-size: 11px; color: var(--muted); padding-top: 2px; }
+  .ln .who { font-family: var(--mono); font-size: 10.5px; letter-spacing: .12em; display: block; margin-bottom: 1px; }
+  .ln.you .who { color: var(--blue); } .ln.jv .who { color: var(--green); } .ln.sys .who { color: var(--amber); } .ln.err .who { color: var(--red); }
+  .ln.sys, .ln.err { color: var(--muted); font-size: 13px; }
+  .ln .tx { white-space: pre-wrap; word-break: break-word; }
+  .cursor::after { content: "▌"; color: var(--green); animation: blink .8s steps(1) infinite; }
+  @keyframes blink { 50% { opacity: 0; } }
+  @keyframes fade { from { opacity: 0; transform: translateY(6px); } }
+
+  /* ---------------------------------------------- centre: radar + oscilloscope */
+  #stage { grid-area: stage; display: grid; grid-template-rows: minmax(0, 1fr) 110px; min-height: 0; }
+  #radarBox { position: relative; display: grid; place-items: center; min-height: 0; overflow: hidden; }
+  #radar { width: min(94%, 66vh); aspect-ratio: 1; cursor: pointer; }
+  #mode { position: absolute; top: 14px; left: 16px; font-family: var(--mono); font-size: 11px; letter-spacing: .2em; }
+  #mode span { padding: 3px 8px; border: 1px solid var(--line-2); color: var(--muted); }
+  #mode.idle span, #mode.listening span, #mode.speaking span { border-color: var(--green-d); color: var(--green); }
+  #mode.listening span { border-color: var(--blue); color: var(--blue); }
+  #mode.thinking span, #mode.transcribing span { border-color: var(--amber); color: var(--amber); }
+  #mode.muted span { border-color: var(--red); color: var(--red); }
+  #hint { position: absolute; bottom: 16px; left: 0; right: 0; text-align: center; font-family: var(--mono); font-size: 11px; letter-spacing: .3em; color: var(--muted); pointer-events: none; }
+  #hint b { color: var(--green); font-weight: 500; }
+  #scope { width: 100%; height: 110px; border-top: 1px solid var(--line); background: var(--panel); display: block; }
+
+  /* ---------------------------------------------- right: tasks, telemetry, cards */
+  #side { grid-area: side; display: flex; flex-direction: column; min-height: 0; }
+  #taskWrap { max-height: 34%; overflow-y: auto; flex: none; scrollbar-width: thin; scrollbar-color: var(--line-2) transparent; }
+  table { width: 100%; border-collapse: collapse; font-size: 13.5px; }
+  td { padding: 8px 10px 8px 14px; border-bottom: 1px solid var(--line); vertical-align: top; }
+  td.st { font-family: var(--mono); font-size: 10.5px; width: 74px; padding-right: 0; white-space: nowrap; }
+  td.x { width: 28px; text-align: center; color: var(--muted); cursor: pointer; font-family: var(--mono); }
+  td.x:hover { color: var(--red); }
+  tr.task { cursor: pointer; }
+  tr.task:hover td { background: var(--panel); }
+  td small { display: block; font-family: var(--mono); font-size: 10.5px; color: var(--muted); margin-top: 2px; }
+  td small .cl { color: var(--blue); }
+  td .out { display: none; margin-top: 6px; font-family: var(--mono); font-size: 11px; color: #a9bdb9; white-space: pre-wrap; max-height: 160px; overflow: auto; }
+  tr.open td .out { display: block; }
+  .run { color: var(--amber); } .ok { color: var(--green); } .ko { color: var(--red); } .cx { color: var(--muted); }
+  #noTask { padding: 12px 14px; font-size: 13px; color: var(--muted); }
+
+  .meters { padding: 12px 14px; display: grid; gap: 9px; font-family: var(--mono); font-size: 11px; color: var(--muted); flex: none; }
+  .meter { display: grid; grid-template-columns: 64px 1fr 66px; align-items: center; gap: 10px; }
+  .meter .b { height: 6px; background: var(--panel-2); border: 1px solid var(--line-2); }
+  .meter .b i { display: block; height: 100%; width: 0; background: var(--green); transition: width .6s; }
+  .meter .v { color: var(--text); text-align: right; }
+
+  #cards { flex: 1; overflow-y: auto; padding: 4px 0 12px; scrollbar-width: thin; scrollbar-color: var(--line-2) transparent; }
+  .card { margin: 10px 14px 0; border: 1px solid var(--line-2); border-left: 3px solid var(--blue); background: var(--panel); padding: 10px 12px; animation: fade .4s; }
+  .card.result { border-left-color: var(--green); } .card.warning { border-left-color: var(--red); } .card.code { border-left-color: var(--amber); }
+  .card h4 { display: flex; justify-content: space-between; gap: 8px; font-family: var(--mono); font-size: 10.5px; letter-spacing: .14em; text-transform: uppercase; color: var(--blue); margin-bottom: 6px; font-weight: 500; }
+  .card.result h4 { color: var(--green); } .card.warning h4 { color: var(--red); } .card.code h4 { color: var(--amber); }
+  .card h4 .x { cursor: pointer; color: var(--muted); letter-spacing: 0; }
+  .card h4 .x:hover { color: var(--red); }
+  .card .body { font-size: 13.5px; line-height: 1.5; word-break: break-word; }
+  .card .body p + p { margin-top: 6px; }
+  .card .body ul, .card .body ol { margin: 2px 0 2px 18px; }
+  .card .body code { font-family: var(--mono); font-size: 12px; color: var(--amber); }
+  .card .body pre { font-family: var(--mono); font-size: 11.5px; white-space: pre-wrap; color: #a9bdb9; }
+  .card .body table { border-collapse: collapse; margin: 4px 0; font-size: 12.5px; }
+  .card .body th, .card .body td { border: 1px solid var(--line-2); padding: 3px 6px; }
+
+  /* ---------------------------------------------- bottom bar */
+  #bot { grid-area: bot; display: flex; align-items: center; gap: 18px; padding: 0 18px; font-family: var(--mono); font-size: 11px; color: var(--muted); white-space: nowrap; overflow: hidden; }
+  #bot kbd { border: 1px solid var(--line-2); padding: 1px 6px; color: var(--text); font: inherit; }
+  #bot .sp { flex: 1; }
+  #mic { background: var(--panel); color: var(--text); border: 1px solid var(--line-2); padding: 3px 6px; font: inherit; max-width: 300px; cursor: pointer; }
+  #mic:focus { outline: 1px solid var(--green-d); }
+  #msg.err { color: var(--red); }
+
+  /* ---------------------------------------------- report overlay */
+  #report { position: fixed; inset: 64px 380px 54px 380px; z-index: 20; display: none; background: var(--bg); border: 1px solid var(--line-2); border-top: 2px solid var(--green); box-shadow: 0 0 0 100vmax rgba(0,0,0,.55); padding: 20px 24px; overflow-y: auto; animation: fade .3s; }
+  #report.open { display: block; }
+  .rhead { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; }
+  .rhead h2 { font-family: var(--mono); font-size: 14px; letter-spacing: .16em; text-transform: uppercase; color: var(--green); font-weight: 500; }
+  .rhead .x { cursor: pointer; color: var(--muted); font-family: var(--mono); }
+  .rhead .x:hover { color: var(--red); }
+  #kpis { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 1px; background: var(--line); border: 1px solid var(--line); margin-bottom: 16px; }
+  .kpi { background: var(--panel); padding: 12px 14px; }
+  .kpi .l { font-family: var(--mono); font-size: 10.5px; letter-spacing: .14em; text-transform: uppercase; color: var(--muted); }
+  .kpi .v { font-size: 26px; font-weight: 600; margin-top: 4px; font-variant-numeric: tabular-nums; }
+  .kpi .d { font-family: var(--mono); font-size: 12px; color: var(--green); } .kpi .d.neg { color: var(--red); }
+  #rchart, #rtable { margin-bottom: 16px; }
+  #rtable .gridjs-wrapper, #rtable .gridjs-table { background: transparent; box-shadow: none; border-radius: 0; }
+  #rtable th.gridjs-th { background: var(--panel); color: var(--green); border-color: var(--line-2); font-family: var(--mono); font-size: 11px; letter-spacing: .08em; }
+  #rtable td.gridjs-td, #rtable .gridjs-tr, #rtable .gridjs-tbody { background: transparent !important; color: var(--text); border-color: var(--line); font-size: 13px; }
+  #rtable .gridjs-tr:hover td { background: var(--panel) !important; }
+  #rtable .gridjs-search input, #rtable .gridjs-pagination, #rtable .gridjs-pagination button { background: transparent; color: var(--muted); border-color: var(--line-2); }
+  #rtable .gridjs-pagination button.gridjs-currentPage { background: var(--panel-2); color: var(--green); }
+  #rmd { font-size: 14px; line-height: 1.6; }
+  #rmd h1, #rmd h2, #rmd h3 { color: var(--green); margin: 12px 0 6px; font-size: 15px; }
+  #rmd table { border-collapse: collapse; margin: 8px 0; }
+  #rmd th, #rmd td { border: 1px solid var(--line-2); padding: 5px 10px; font-size: 13px; }
+  #rmd code { font-family: var(--mono); color: var(--amber); }
+  #rmd ul, #rmd ol { margin: 6px 0 6px 20px; }
+</style>
+</head>
+<body>
+<div id="top">
+  <span class="brand">■ JARVIS // CONSOLE</span>
+  <span id="conn" class="off">état <b>HORS LIGNE</b></span>
+  <span>llm <b id="llm">—</b></span>
+  <span>oreille <b id="ear">—</b></span>
+  <span>agent <b id="agent">—</b></span>
+  <span class="sp"></span>
+  <span id="clock">--:--:--</span>
+</div>
+
+<section id="log">
+  <div class="ph">journal de session <b id="cnt">0</b></div>
+  <div id="lines"><div class="empty">Clique le radar puis parle : la conversation s'inscrit ici.</div></div>
+</section>
+
+<section id="stage">
+  <div id="radarBox">
+    <div id="mode" class="off"><span>HORS LIGNE</span></div>
+    <canvas id="radar" title="Clique pour démarrer / arrêter"></canvas>
+    <div id="hint">clique le radar pour <b>initialiser</b></div>
+  </div>
+  <canvas id="scope"></canvas>
+</section>
+
+<aside id="side">
+  <div class="ph">tâches <b id="tc">0 active</b></div>
+  <div id="taskWrap"><table><tbody id="tasks"></tbody></table><div id="noTask">Aucune tâche. Demande-la à la voix.</div></div>
+  <div class="ph">télémétrie <b id="tot">—</b></div>
+  <div class="meters">
+    <div class="meter"><span>oreille</span><div class="b"><i id="m-stt"></i></div><span class="v" id="v-stt">—</span></div>
+    <div class="meter"><span>cerveau</span><div class="b"><i id="m-llm"></i></div><span class="v" id="v-llm">—</span></div>
+    <div class="meter"><span>voix</span><div class="b"><i id="m-tts"></i></div><span class="v" id="v-tts">—</span></div>
+    <div class="meter"><span>vram</span><div class="b"><i id="m-vram" style="background:var(--amber)"></i></div><span class="v" id="v-vram">—</span></div>
+  </div>
+  <div class="ph">affichage</div>
+  <div id="cards"></div>
+</aside>
+
+<div id="bot">
+  <select id="mic" title="Micro utilisé par JARVIS"><option value="">MIC · par défaut</option></select>
+  <span><kbd>Espace</kbd> couper le micro</span>
+  <span><kbd>Échap</kbd> interrompre</span>
+  <span class="sp"></span>
+  <span id="msg">100 % local · qwen3 · whisper · kokoro · silero</span>
+</div>
+
+<div id="report">
+  <div class="rhead"><h2 id="rtitle"></h2><span class="x" id="rclose">[ fermer ✕ ]</span></div>
+  <div id="kpis"></div>
+  <div id="rchart"></div>
+  <div id="rtable"></div>
+  <div id="rmd"></div>
+</div>
+
+<script>
+"use strict";
+const $ = (id) => document.getElementById(id);
+const TAU = Math.PI * 2;
+
+let micStream = null, analyserIn = null, analyserOut = null;
+let running = false, muted = false, mode = "off";
+let ws = null, ac = null, micNode = null;
+let playing = new Set(), playHead = 0;
+
+setInterval(() => { $("clock").textContent = new Date().toLocaleTimeString("fr-FR"); }, 1000);
+
+function esc(s) {
+  return String(s ?? "").replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+}
+const hhmm = () => new Date().toLocaleTimeString("fr-FR", { hour: "2-digit", minute: "2-digit" });
+const secs = (v) => v.toFixed(2).replace(".", ",") + " s";
+
+/* ---------------------------------------------------------- mode badge */
+const MODES = {
+  off: "HORS LIGNE", idle: "VEILLE", listening: "ÉCOUTE", transcribing: "TRANSCRIPTION",
+  thinking: "ANALYSE", speaking: "RÉPONSE", muted: "MICRO COUPÉ",
+};
+function setMode(m) {
+  mode = m;
+  const shown = muted && running && (m === "idle" || m === "listening") ? "muted" : m;
+  $("mode").className = shown;
+  $("mode").firstChild.textContent = MODES[shown] || shown.toUpperCase();
+}
+function setConn(cls, label) { $("conn").className = cls; $("conn").innerHTML = `état <b>${label}</b>`; }
+function message(text, isErr = false) { $("msg").textContent = text; $("msg").className = isErr ? "err" : ""; }
+
+/* ---------------------------------------------------------- radar + oscilloscope */
+const rc = $("radar"), r = rc.getContext("2d");
+const sc = $("scope"), s = sc.getContext("2d");
+function fit() { [rc, sc].forEach((c) => { const b = c.getBoundingClientRect(); c.width = b.width * devicePixelRatio; c.height = b.height * devicePixelRatio; }); }
+addEventListener("resize", fit); fit();
+
+const blips = new Map();   // task id -> {a, r, label, status}
+let level = 0, t = 0;
+const timeBuf = new Float32Array(1024);
+
+function energy(an) {
+  if (!an) return 0;
+  const buf = new Uint8Array(an.frequencyBinCount);
+  an.getByteFrequencyData(buf);
+  let sum = 0; for (const v of buf) sum += v;
+  return sum / buf.length / 255;
+}
+
+function frame() {
+  requestAnimationFrame(frame);
+  t += 1 / 60;
+  const target = Math.min(1, Math.max(energy(analyserIn) * (muted ? 0 : 1), energy(analyserOut) * 1.3) * 2.2);
+  level += (target - level) * 0.25;
+  const w = rc.width, h = rc.height, cx = w / 2, cy = h / 2, R = Math.min(w, h) * 0.45, d = devicePixelRatio;
+  const thinking = mode === "thinking" || mode === "transcribing";
+  const G = !running ? "107,128,124" : thinking ? "255,201,74" : mode === "listening" ? "88,198,255" : muted ? "255,90,90" : "61,245,166";
+  r.clearRect(0, 0, w, h);
+
+  // rings, crosshair, bearing ticks
+  r.strokeStyle = "rgba(61,245,166,.15)"; r.lineWidth = d;
+  for (let i = 1; i <= 4; i++) { r.beginPath(); r.arc(cx, cy, R * i / 4, 0, TAU); r.stroke(); }
+  r.beginPath(); r.moveTo(cx - R, cy); r.lineTo(cx + R, cy); r.moveTo(cx, cy - R); r.lineTo(cx, cy + R); r.stroke();
+  for (let i = 0; i < 72; i++) {
+    const a = i / 72 * TAU, k = i % 6 === 0 ? 0.94 : 0.975;
+    r.beginPath(); r.moveTo(cx + R * k * Math.cos(a), cy + R * k * Math.sin(a)); r.lineTo(cx + R * Math.cos(a), cy + R * Math.sin(a)); r.stroke();
+  }
+  r.fillStyle = "rgba(107,128,124,.8)"; r.font = `${10 * d}px IBM Plex Mono`; r.textAlign = "center";
+  [["000", 0, -1], ["090", 1, 0], ["180", 0, 1], ["270", -1, 0]].forEach(([l, x, y]) => r.fillText(l, cx + x * R * 1.05, cy + y * R * 1.05 + 4 * d));
+
+  // sweep: slow when idle, fast while thinking, frozen when offline
+  const sweep = running ? t * (thinking ? 3.2 : 1.1) : -Math.PI / 2;
+  if (running && r.createConicGradient) {
+    const g = r.createConicGradient(sweep - 0.9, cx, cy);
+    g.addColorStop(0, `rgba(${G},0)`); g.addColorStop(0.14, `rgba(${G},.28)`); g.addColorStop(0.143, `rgba(${G},0)`);
+    r.fillStyle = g; r.beginPath(); r.arc(cx, cy, R, 0, TAU); r.fill();
+  }
+
+  // core = the voice (yours or JARVIS's)
+  const core = R * (0.15 + level * 0.14);
+  r.fillStyle = `rgba(${G},.12)`; r.beginPath(); r.arc(cx, cy, core * 1.9, 0, TAU); r.fill();
+  r.fillStyle = `rgba(${G},.9)`; r.beginPath(); r.arc(cx, cy, core * 0.55, 0, TAU); r.fill();
+  r.strokeStyle = `rgba(${G},.75)`; r.lineWidth = 1.5 * d; r.beginPath(); r.arc(cx, cy, core, 0, TAU); r.stroke();
+
+  // blips = tasks (amber running, green done, red error)
+  r.textAlign = "left";
+  for (const b of blips.values()) {
+    const x = cx + R * b.r * Math.cos(b.a), y = cy + R * b.r * Math.sin(b.a);
+    const age = ((sweep - b.a) % TAU + TAU) % TAU, glow = running ? Math.max(0.3, 1 - age / TAU) : 0.6;
+    const c = b.status === "running" ? "255,201,74" : b.status === "done" ? "61,245,166" : b.status === "error" ? "255,90,90" : "107,128,124";
+    r.fillStyle = `rgba(${c},${glow})`;
+    r.beginPath(); r.arc(x, y, (b.status === "running" ? 5 + Math.sin(t * 5) : 4.5) * d, 0, TAU); r.fill();
+    r.font = `${11 * d}px IBM Plex Mono`; r.fillText(b.label, x + 10 * d, y + 4 * d);
+  }
+
+  // oscilloscope: JARVIS when it speaks, otherwise the mic
+  const W = sc.width, H = sc.height, an = playing.size ? analyserOut : (muted ? null : analyserIn);
+  s.clearRect(0, 0, W, H);
+  s.strokeStyle = "rgba(61,245,166,.07)"; s.lineWidth = 1;
+  for (let x = 0; x < W; x += 40 * d) { s.beginPath(); s.moveTo(x, 0); s.lineTo(x, H); s.stroke(); }
+  s.beginPath(); s.moveTo(0, H / 2); s.lineTo(W, H / 2); s.stroke();
+  s.strokeStyle = an === analyserIn ? "#58c6ff" : `rgb(${G})`; s.lineWidth = 1.6 * d; s.beginPath();
+  if (an) {
+    an.getFloatTimeDomainData(timeBuf);
+    for (let i = 0; i < timeBuf.length; i++) {
+      const x = i / (timeBuf.length - 1) * W, y = H / 2 + Math.max(-1, Math.min(1, timeBuf[i] * 2.5)) * H * 0.45;
+      i ? s.lineTo(x, y) : s.moveTo(x, y);
+    }
+  } else { s.moveTo(0, H / 2); s.lineTo(W, H / 2); }
+  s.stroke();
+}
+frame();
+
+/* ---------------------------------------------------------- conversation log */
+let curJarvis = null;   // the line JARVIS is currently writing into
+function line(kind, who, text = "") {
+  const box = $("lines");
+  const empty = box.querySelector(".empty"); if (empty) empty.remove();
+  const stick = box.scrollHeight - box.scrollTop - box.clientHeight < 40;
+  const el = document.createElement("div");
+  el.className = "ln " + kind;
+  el.innerHTML = `<time>${hhmm()}</time><div><span class="who">${who}</span><span class="tx"></span></div>`;
+  el.querySelector(".tx").textContent = text;
+  box.append(el);
+  while (box.children.length > 200) box.firstChild.remove();
+  $("cnt").textContent = box.children.length;
+  if (stick) box.scrollTop = box.scrollHeight;
+  return el.querySelector(".tx");
+}
+function appendJarvis(delta) {
+  if (!curJarvis) { curJarvis = line("jv", "JARVIS"); curJarvis.classList.add("cursor"); }
+  curJarvis.textContent += delta;
+  const box = $("lines"); box.scrollTop = box.scrollHeight;
+}
+function endJarvis() { if (curJarvis) curJarvis.classList.remove("cursor"); curJarvis = null; }
+
+/* ---------------------------------------------------------- audio: mic in, speech out */
+// Mic -> 16 kHz PCM16 frames over the WebSocket. The server runs the VAD,
+// Whisper, the LLM and Kokoro, and streams back 24 kHz PCM16 speech.
+const WORKLET = `
+class MicDown extends AudioWorkletProcessor {
+  constructor() { super(); this.step = sampleRate / 16000; this.phase = 0;
+    this.acc = 0; this.cnt = 0; this.out = new Int16Array(1024); this.n = 0; }
+  process(inputs) {
+    const ch = inputs[0][0];
+    if (!ch) return true;
+    for (let i = 0; i < ch.length; i++) {      // box-filter decimation
+      this.acc += ch[i]; this.cnt++; this.phase += 1;
+      if (this.phase >= this.step) {
+        this.phase -= this.step;
+        const v = Math.max(-1, Math.min(1, this.acc / this.cnt));
+        this.out[this.n++] = v * 32767; this.acc = 0; this.cnt = 0;
+        if (this.n === this.out.length) { this.port.postMessage(this.out.slice().buffer); this.n = 0; }
+      }
+    }
+    return true;
+  }
+}
+registerProcessor("mic-down", MicDown);`;
+
+async function start() {
+  if (running) return stop();
+  $("hint").innerHTML = "<b>connexion…</b>";
+  try {
+    const deviceId = micSel.value;
+    micStream = await navigator.mediaDevices.getUserMedia({ audio: {
+      channelCount: 1, echoCancellation: true, noiseSuppression: true, autoGainControl: true,
+      ...(deviceId ? { deviceId: { exact: deviceId } } : {}) } });
+    listMics();  // labels only become readable once the permission is granted
+    ac = new AudioContext();
+    analyserIn = ac.createAnalyser(); analyserIn.fftSize = 2048;
+    analyserOut = ac.createAnalyser(); analyserOut.fftSize = 2048;
+    analyserOut.connect(ac.destination);
+    const src = ac.createMediaStreamSource(micStream);
+    src.connect(analyserIn);
+    await ac.audioWorklet.addModule(URL.createObjectURL(new Blob([WORKLET], { type: "text/javascript" })));
+    micNode = new AudioWorkletNode(ac, "mic-down");
+    src.connect(micNode);
+    // Chrome only runs nodes that reach the destination: route through a muted gain.
+    const sink = ac.createGain(); sink.gain.value = 0;
+    micNode.connect(sink).connect(ac.destination);
+    if (ac.state === "suspended") await ac.resume();
+
+    ws = new WebSocket(`${location.protocol === "https:" ? "wss" : "ws"}://${location.host}/ws`);
+    ws.binaryType = "arraybuffer";
+    ws.onmessage = (e) => typeof e.data === "string" ? handleEvent(JSON.parse(e.data)) : playPcm(e.data);
+    ws.onclose = () => {
+      if (!running) return;
+      stop();
+      setConn("err", "DÉCONNECTÉ");
+      message("serveur injoignable : start.bat est-il lancé ?", true);
+      line("err", "SYSTÈME", "connexion perdue avec le serveur");
+    };
+    await new Promise((ok, ko) => { ws.onopen = ok; ws.onerror = () => ko(new Error("serveur injoignable")); });
+    micNode.port.onmessage = (e) => { if (!muted && ws && ws.readyState === 1) ws.send(e.data); };
+
+    running = true;
+    setConn("on", "OPÉRATIONNEL");
+    setMode("idle");
+    $("hint").textContent = "";
+    message(micSel.selectedOptions[0]?.textContent.replace(/^MIC · /, "micro : ") || "");
+    line("sys", "SYSTÈME", "session ouverte");
+  } catch (err) {
+    stop();
+    setConn("err", "ERREUR");
+    message(err.message || String(err), true);
+  }
+}
+
+function stop() {
+  const was = running;
+  running = false;
+  if (ws) { ws.onclose = null; ws.close(); } ws = null;
+  if (micStream) micStream.getTracks().forEach((tr) => tr.stop());
+  stopAudio(false);
+  if (ac) ac.close(); ac = null; micNode = null;
+  analyserIn = analyserOut = null;
+  endJarvis();
+  setMode("off"); setConn("off", "HORS LIGNE");
+  $("hint").innerHTML = "clique le radar pour <b>initialiser</b>";
+  if (was) line("sys", "SYSTÈME", "session fermée");
+}
+rc.addEventListener("click", start);
+
+function send(obj) { if (ws && ws.readyState === 1) ws.send(JSON.stringify(obj)); }
+
+/* speech playback: gapless queue of 24 kHz chunks */
+function playPcm(buf) {
+  if (!ac) return;
+  const pcm = new Int16Array(buf);
+  const audio = ac.createBuffer(1, pcm.length, 24000);
+  const ch = audio.getChannelData(0);
+  for (let i = 0; i < pcm.length; i++) ch[i] = pcm[i] / 32768;
+  const node = ac.createBufferSource();
+  node.buffer = audio; node.connect(analyserOut);
+  if (!playing.size) send({ type: "playback", playing: true });
+  playHead = Math.max(playHead, ac.currentTime + 0.04);
+  node.start(playHead);
+  playHead += audio.duration;
+  playing.add(node);
+  node.onended = () => {
+    playing.delete(node);
+    if (!playing.size) send({ type: "playback", playing: false });
+  };
+}
+function stopAudio(notify = true) {
+  for (const n of playing) { n.onended = null; try { n.stop(); } catch (_) {} }
+  playing.clear(); playHead = 0;
+  if (notify) send({ type: "playback", playing: false });
+}
+
+/* microphone picker (choice remembered in this browser) */
+const micSel = $("mic");
+function savedMic() { try { return localStorage.getItem("jarvis.mic") || ""; } catch (_) { return ""; } }
+async function listMics() {
+  const devices = (await navigator.mediaDevices.enumerateDevices()).filter((d) => d.kind === "audioinput");
+  const want = micSel.value || savedMic();
+  micSel.innerHTML = '<option value="">MIC · par défaut</option>' + devices
+    .filter((d) => d.deviceId && d.deviceId !== "default" && d.deviceId !== "communications")
+    .map((d, i) => `<option value="${esc(d.deviceId)}">MIC · ${esc(d.label || `micro ${i + 1}`)}</option>`).join("");
+  micSel.value = [...micSel.options].some((o) => o.value === want) ? want : "";
+}
+micSel.addEventListener("change", async () => {
+  try { localStorage.setItem("jarvis.mic", micSel.value); } catch (_) {}
+  if (running) { stop(); await start(); }  // reconnect on the new mic
+});
+navigator.mediaDevices.addEventListener("devicechange", listMics);
+listMics();
+
+/* keyboard: Space = mute mic, Escape = interrupt JARVIS / close the report */
+addEventListener("keydown", (e) => {
+  if (e.target.closest("select, input, textarea")) return;
+  if (e.code === "Space") {
+    e.preventDefault();
+    if (!running) return start();
+    muted = !muted;
+    setMode(mode);
+    message(muted ? "micro coupé (Espace pour le réactiver)" : "micro actif", muted);
+  } else if (e.code === "Escape") {
+    if ($("report").classList.contains("open")) return $("report").classList.remove("open");
+    stopAudio(false); send({ type: "interrupt" }); endJarvis();
+  }
+});
+
+/* ---------------------------------------------------------- server events */
+function handleEvent(ev) {
+  switch (ev.type) {
+    case "ready":
+      $("llm").textContent = (ev.model || "—").replace(/-instruct.*$/, "");
+      $("ear").textContent = ev.whisper || "—";
+      $("agent").textContent = (ev.agent === "ollama" ? "local" : "claude") + (ev.complex && ev.complex !== ev.agent ? " + " + (ev.complex === "anthropic" ? "claude" : "local") : "");
+      break;
+    case "state":
+      if (running) setMode(ev.state);
+      if (ev.state === "idle") endJarvis();
+      break;
+    case "user_text":
+      endJarvis();
+      line("you", "VOUS", ev.text);
+      break;
+    case "reply_start":
+      endJarvis();
+      break;
+    case "assistant_delta":
+      appendJarvis(ev.text);
+      break;
+    case "stop_audio":
+      stopAudio(false); endJarvis();
+      break;
+    case "metrics":
+      showMetrics(ev);
+      break;
+    case "task":
+      upsertTask(ev.task);
+      break;
+    case "ui": {
+      const a = ev.args || {};
+      if (ev.name === "display_card") addCard(a.title || "Info", a.content || "", a.kind || "info");
+      else if (ev.name === "display_report") {
+        try { showReport(a); } catch (err) { addCard("Rapport", String(err), "warning"); }
+      }
+      break;
+    }
+    case "error":
+      line("err", "ERREUR", ev.text || "");
+      break;
+  }
+}
+
+/* ---------------------------------------------------------- telemetry */
+function meter(key, v, max) { $("m-" + key).style.width = Math.min(100, v / max * 100) + "%"; $("v-" + key).textContent = secs(v); }
+function showMetrics(m) {
+  meter("stt", m.stt, 1); meter("llm", m.llm, 2); meter("tts", m.tts, 1);
+  $("tot").textContent = "1er son " + secs(m.total);
+}
+async function pollStatus() {
+  try {
+    const st = await fetch("/api/status").then((res) => res.json());
+    if (st.gpu) {
+      const p = st.gpu.used_mb / st.gpu.total_mb;
+      $("m-vram").style.width = p * 100 + "%";
+      $("m-vram").style.background = p > 0.95 ? "var(--red)" : "var(--amber)";
+      $("v-vram").textContent = `${(st.gpu.used_mb / 1024).toFixed(1)}/${Math.round(st.gpu.total_mb / 1024)} Go`;
+    } else { $("v-vram").textContent = "n/d"; }
+  } catch (_) { /* server down: the WebSocket handler reports it */ }
+}
+pollStatus(); setInterval(pollStatus, 5000);
+
+/* ---------------------------------------------------------- tasks (table + radar blips) */
+const STATUS = {
+  running: ["run", "● EN COURS"], done: ["ok", "✓ TERMINÉ"],
+  error: ["ko", "✕ ERREUR"], cancelled: ["cx", "– ANNULÉ"],
+};
+const timers = {};
+function upsertTask(task) {
+  let tr = $(`task-${task.id}`);
+  if (!tr) {
+    $("noTask").style.display = "none";
+    tr = document.createElement("tr");
+    tr.className = "task"; tr.id = `task-${task.id}`;
+    const engine = task.backend === "anthropic" ? '<span class="cl">claude</span>' : "local";
+    tr.innerHTML = `<td class="st"></td><td>${esc(task.title)}<small>${engine} · ${hhmm()} · <span class="chrono">0 s</span></small><div class="out"></div></td><td class="x" title="annuler">✕</td>`;
+    tr.addEventListener("click", (e) => { if (!e.target.closest(".x")) tr.classList.toggle("open"); });
+    tr.querySelector(".x").addEventListener("click", () => cancelTask(task.id));
+    $("tasks").prepend(tr);
+    const t0 = (task.started || Date.now() / 1000) * 1000;
+    timers[task.id] = setInterval(() => { tr.querySelector(".chrono").textContent = Math.round((Date.now() - t0) / 1000) + " s"; }, 1000);
+    blips.set(task.id, { a: Math.random() * TAU, r: 0.45 + Math.random() * 0.4, label: task.title.split(" ")[0].toUpperCase().slice(0, 12), status: "running" });
+    line("sys", "SYSTÈME", `tâche lancée · ${task.title} (${task.backend === "anthropic" ? "Claude" : "modèle local"})`);
+  }
+  const [cls, label] = STATUS[task.status] || STATUS.error;
+  tr.querySelector(".st").className = "st " + cls;
+  tr.querySelector(".st").textContent = label;
+  const b = blips.get(task.id); if (b) b.status = task.status;
+  if (task.status !== "running") {
+    clearInterval(timers[task.id]);
+    const x = tr.querySelector(".x"); if (x) x.textContent = "";
+    tr.querySelector(".out").textContent = (task.output || "").slice(0, 3000);
+    if (!tr.dataset.ended) {
+      tr.dataset.ended = "1";
+      line("sys", "SYSTÈME", `tâche ${label.slice(2).toLowerCase()} · ${task.title}`);
+      // finished blips fade off the radar after a minute
+      setTimeout(() => blips.delete(task.id), 60000);
+    }
+  }
+  const n = [...blips.values()].filter((v) => v.status === "running").length;
+  $("tc").textContent = n + (n > 1 ? " actives" : " active");
+}
+async function cancelTask(taskId) {
+  try {
+    const res = await fetch(`/api/task/${taskId}/cancel`, { method: "POST" }).then((x) => x.json());
+    if (res.cancelled) upsertTask(await fetch(`/api/task/${res.cancelled}`).then((x) => x.json()));
+    else if (res.error) message(res.error, true);
+  } catch (err) { message(String(err), true); }
+}
+
+/* ---------------------------------------------------------- display cards */
+function mdLite(text) {
+  // minimal markdown when the CDN libs are unavailable: **bold**, `code`, "- " bullets
+  let html = esc(text).replace(/\*\*(.+?)\*\*/g, "<b>$1</b>").replace(/`([^`]+)`/g, "<code>$1</code>");
+  let out = "", inList = false;
+  for (const l of html.split("\n")) {
+    if (l.startsWith("- ")) { if (!inList) { out += "<ul>"; inList = true; } out += `<li>${l.slice(2)}</li>`; }
+    else { if (inList) { out += "</ul>"; inList = false; } out += l + "<br>"; }
+  }
+  return out + (inList ? "</ul>" : "");
+}
+function mdRender(text) {
+  if (window.marked && window.DOMPurify) return DOMPurify.sanitize(marked.parse(text));
+  return mdLite(text);
+}
+function addCard(title, content, kind) {
+  const el = document.createElement("div");
+  el.className = `card ${kind}`;
+  el.innerHTML = `<h4><span>${esc(title)}</span><span class="x" title="fermer">✕</span></h4><div class="body">${mdRender(content)}</div>`;
+  el.querySelector(".x").addEventListener("click", () => el.remove());
+  $("cards").prepend(el);
+  while ($("cards").children.length > 8) $("cards").lastChild.remove();
+}
+
+/* ---------------------------------------------------------- report dashboard */
+// Series palette checked for dark surfaces and colour-blind safety.
+const SERIES_COLORS = ["#3df5a6", "#58c6ff", "#ffc94a"];
+let _apex = null, _grid = null;
+$("rclose").addEventListener("click", () => $("report").classList.remove("open"));
+
+function showReport(rep) {
+  $("rtitle").textContent = rep.title || "Rapport";
+  const kpisEl = $("kpis");
+  kpisEl.innerHTML = "";
+  for (const k of (rep.kpis || []).slice(0, 4)) {
+    const d = k.delta ? `<div class="d ${String(k.delta).trim().startsWith("-") ? "neg" : ""}">${esc(k.delta)}</div>` : "";
+    kpisEl.insertAdjacentHTML("beforeend", `<div class="kpi"><div class="l">${esc(k.label)}</div><div class="v">${esc(k.value)}</div>${d}</div>`);
+  }
+  kpisEl.style.display = kpisEl.children.length ? "" : "none";
+
+  const chartEl = $("rchart");
+  if (_apex) { _apex.destroy(); _apex = null; }
+  chartEl.innerHTML = "";
+  const c = rep.chart;
+  if (c && window.ApexCharts && (c.series || []).length) {
+    const donut = c.type === "donut";
+    const nSeries = donut ? (c.categories || []).length : c.series.length;
+    const opts = {
+      chart: { type: c.type || "line", height: 280, background: "transparent", toolbar: { show: false },
+               foreColor: "#6b807c", fontFamily: "IBM Plex Sans Condensed, sans-serif" },
+      theme: { mode: "dark" }, colors: SERIES_COLORS,
+      stroke: { width: 2, curve: "straight" },
+      grid: { borderColor: "#1f2a29", strokeDashArray: 3 },
+      dataLabels: { enabled: false },
+      legend: { show: nSeries > 1, labels: { colors: "#d6e4e1" } },
+      tooltip: { theme: "dark" },
+      series: donut ? c.series[0].data : c.series,
+    };
+    if (donut) opts.labels = c.categories || [];
+    else opts.xaxis = { categories: c.categories || [] };
+    if (c.type === "area") opts.fill = { type: "gradient", gradient: { opacityFrom: 0.3, opacityTo: 0.02 } };
+    _apex = new ApexCharts(chartEl, opts);
+    _apex.render();
+  }
+
+  const tableEl = $("rtable");
+  if (_grid) { _grid.destroy(); _grid = null; }
+  tableEl.innerHTML = "";
+  const tb = rep.table;
+  if (tb && window.gridjs && (tb.rows || []).length) {
+    _grid = new gridjs.Grid({
+      columns: tb.columns || [], data: tb.rows, sort: true,
+      search: tb.rows.length > 8, pagination: tb.rows.length > 12 ? { limit: 10 } : false,
+      style: { table: { "font-family": "IBM Plex Sans Condensed, sans-serif" } },
+    });
+    _grid.render(tableEl);
+  }
+
+  $("rmd").innerHTML = rep.markdown ? mdRender(rep.markdown) : "";
+  $("report").classList.add("open");
+  line("sys", "SYSTÈME", `rapport affiché · ${rep.title || "Rapport"}`);
+}
+</script>
+</body>
+</html>

install.ps1

@@ -0,0 +1,19 @@
+# JARVIS Local - installation de la stack locale (Windows)
+$ErrorActionPreference = "Stop"
+Set-Location $PSScriptRoot
+python -m pip install --user -q uv
+if (-not (Test-Path .venv)) { python -m uv venv .venv --python 3.12 }
+python -m uv pip install --python .venv\Scripts\python.exe -r requirements.txt
+New-Item -ItemType Directory -Force models | Out-Null
+$ProgressPreference = "SilentlyContinue"
+$files = @{
+  "kokoro-v1.0.onnx" = "https://github.com/thewh1teagle/kokoro-onnx/releases/download/model-files-v1.0/kokoro-v1.0.onnx"
+  "voices-v1.0.bin"  = "https://github.com/thewh1teagle/kokoro-onnx/releases/download/model-files-v1.0/voices-v1.0.bin"
+  "silero_vad.onnx"  = "https://github.com/snakers4/silero-vad/raw/master/src/silero_vad/data/silero_vad.onnx"
+}
+foreach ($f in $files.Keys) {
+  if (-not (Test-Path "models\$f")) { Write-Host "Téléchargement $f"; Invoke-WebRequest $files[$f] -OutFile "models\$f" }
+}
+ollama pull qwen3:30b-a3b-instruct-2507-q4_K_M
+if (-not (Test-Path .env)) { Copy-Item .env.example .env }
+Write-Host "OK. Lance start.bat (Whisper se télécharge au premier démarrage)."

requirements.txt

@@ -0,0 +1,11 @@
+fastapi>=0.110
+uvicorn[standard]>=0.29
+httpx>=0.27
+pydantic>=2.6
+numpy>=1.26
+faster-whisper>=1.1
+kokoro-onnx>=0.4
+onnxruntime-gpu[cuda,cudnn]>=1.23   # Kokoro sur GPU (CUDA 13)
+# CUDA libraries for faster-whisper on the GPU (Windows/Linux)
+nvidia-cublas-cu12
+nvidia-cudnn-cu12==9.*

server.py

@@ -0,0 +1,1320 @@
+#!/usr/bin/env python3
+"""JARVIS Local: 100 % local voice assistant.
+
+    micro (browser) --WS PCM 16 kHz--> Silero VAD --> faster-whisper
+        --> Qwen3 via Ollama (tool calling) --> Kokoro TTS --WS PCM 24 kHz--> speakers
+
+One small FastAPI server:
+  GET  /              the futuristic UI (orb + live task panels)
+  WS   /ws            the voice loop: mic audio in, speech audio + UI events out
+  POST /api/task      spawns a background agent task (Claude Code, backed by
+                      Ollama by default so it stays local)
+  GET  /api/task/{id} a task's status and output
+
+Nothing leaves the machine unless you set JARVIS_AGENT_BACKEND=anthropic.
+"""
+import asyncio
+import glob
+import json
+import os
+import re
+import shutil
+import site
+import subprocess
+import threading
+import time
+import uuid
+from collections import deque
+from concurrent.futures import ThreadPoolExecutor
+from pathlib import Path
+
+import httpx
+import numpy as np
+from fastapi import FastAPI, HTTPException, WebSocket, WebSocketDisconnect
+from fastapi.responses import FileResponse
+from pydantic import BaseModel
+
+ROOT = Path(__file__).parent
+MODELS = ROOT / "models"
+app = FastAPI(title="JARVIS Local")
+
+# CUDA libs come from the nvidia-* pip wheels: CUDA 12 for faster-whisper
+# (nvidia/*/bin), CUDA 13 for onnxruntime-gpu / Kokoro (nvidia/cu13/bin/x86_64).
+for _sp in site.getsitepackages():
+    for _d in (glob.glob(os.path.join(_sp, "nvidia", "*", "bin"))
+               + glob.glob(os.path.join(_sp, "nvidia", "*", "bin", "x86_64"))):
+        os.add_dll_directory(_d)
+        os.environ["PATH"] = _d + os.pathsep + os.environ["PATH"]
+
+# ---------------------------------------------------------------- config
+
+def load_env():
+    env_file = ROOT / ".env"
+    if env_file.exists():
+        for line in env_file.read_text(encoding="utf-8").splitlines():
+            line = line.strip()
+            if line and not line.startswith("#") and "=" in line:
+                k, v = line.split("=", 1)
+                os.environ.setdefault(k.strip(), v.strip().strip('"').strip("'"))
+
+load_env()
+
+OLLAMA_URL = os.environ.get("OLLAMA_URL", "http://127.0.0.1:11434").rstrip("/")
+# MoE: only ~3B active parameters per token, ~4x faster than the dense 32B.
+LLM_MODEL = os.environ.get("JARVIS_LLM", "qwen3:30b-a3b-instruct-2507-q4_K_M")
+NUM_CTX = int(os.environ.get("JARVIS_NUM_CTX", "32768"))
+KEEP_ALIVE = os.environ.get("JARVIS_KEEP_ALIVE", "2h")
+LANGUAGE = os.environ.get("JARVIS_LANGUAGE", "français")
+# How JARVIS addresses you (empty = the classic "monsieur").
+USER_NAME = os.environ.get("JARVIS_USER_NAME", "").strip()
+ADDRESS = USER_NAME or "monsieur"
+
+WHISPER_MODEL = os.environ.get("WHISPER_MODEL", "large-v3-turbo")
+WHISPER_DEVICE = os.environ.get("WHISPER_DEVICE", "cuda")
+WHISPER_COMPUTE = os.environ.get("WHISPER_COMPUTE", "int8_float16")
+WHISPER_LANG = os.environ.get("WHISPER_LANG", "fr")
+# Names Whisper should favour (companies, people, products), comma separated.
+HOTWORDS = " ".join(w.strip() for w in ["JARVIS", USER_NAME, *os.environ.get(
+    "JARVIS_HOTWORDS", "").split(",")] if w.strip())
+
+TTS_VOICE = os.environ.get("JARVIS_VOICE", "ff_siwis")
+TTS_LANG = os.environ.get("TTS_LANG", "fr-fr")
+TTS_SPEED = float(os.environ.get("TTS_SPEED", "1.0"))
+TTS_DEVICE = os.environ.get("TTS_DEVICE", "cuda")
+
+VAD_THRESHOLD = float(os.environ.get("VAD_THRESHOLD", "0.5"))
+SILENCE_MS = int(os.environ.get("JARVIS_SILENCE_MS", "550"))
+BARGE_IN = os.environ.get("JARVIS_BARGE_IN", "1") not in ("0", "false", "off")
+# Speaking again within this delay continues the previous sentence (hesitations).
+CONTINUE_S = float(os.environ.get("JARVIS_CONTINUE_MS", "1000")) / 1000
+TEMPERATURE = float(os.environ.get("JARVIS_TEMPERATURE", "0.3"))
+LOG_DIR = ROOT / "logs"
+CORRECTIONS_FILE = ROOT / "corrections.json"
+
+# Background tasks: Claude Code, pointed at Ollama's Anthropic-compatible API
+# ("ollama") or at your Anthropic account ("anthropic").
+AGENT_BACKEND = os.environ.get("JARVIS_AGENT_BACKEND", "ollama").lower()
+AGENT_MODEL = os.environ.get("JARVIS_AGENT_MODEL", LLM_MODEL)
+# Tasks the model flags as complex go there instead (your Claude subscription).
+COMPLEX_BACKEND = os.environ.get("JARVIS_COMPLEX_BACKEND", "anthropic").lower()
+# Where agent sessions run (their filesystem playground).
+WORKDIR = os.path.expanduser(os.environ.get("JARVIS_WORKDIR", "~"))
+
+# Headless sessions have nobody to answer permission prompts: a task that asks
+# would just hang until the timeout. Run them in a non-interactive mode instead.
+# bypassPermissions = no prompt at all; acceptEdits = files yes, commands still ask.
+PERMISSION_MODE = os.environ.get("JARVIS_PERMISSION_MODE", "bypassPermissions")
+NOTIFY = os.environ.get("JARVIS_NOTIFY", "1") not in ("0", "false", "off")
+MEMORY_FILE = ROOT / "memory.json"
+
+INSTRUCTIONS = f"""Tu es JARVIS, l'assistant vocal personnel de {ADDRESS}, dans
+l'esprit du majordome d'Iron Man. Tu parles en {LANGUAGE} avec un flegme
+impeccable de majordome britannique. Tu t'adresses à l'utilisateur par
+"{ADDRESS}", avec une courtoisie raffinée et une pointe d'esprit pince-sans-rire
+("Très bien, {ADDRESS}.", "Si {ADDRESS} veut bien patienter un instant.").
+Réponses COURTES (une ou deux phrases), naturelles et directes.
+
+Tes réponses sont LUES PAR UNE SYNTHÈSE VOCALE: jamais de markdown, d'emojis,
+de listes à puces ni d'URL dans ce que tu dis. Écris comme on parle. Ce que
+l'utilisateur dit t'arrive par reconnaissance vocale: s'il y a une petite
+erreur de transcription évidente, devine le sens sans la relever. Si la
+phrase reste ambiguë ou semble incomplète, demande une confirmation courte
+("Vous voulez dire Spotify ?") plutôt que de répondre à côté ou d'agir au
+hasard. Ne réponds jamais seulement "je ne comprends pas": propose ta
+meilleure interprétation.
+
+Pour toute tâche réelle (lire ou créer des fichiers, chercher sur internet,
+coder, analyser, automatiser), tu appelles l'outil delegate_task avec un
+prompt clair et complet. Mets complex=true pour une tâche exigeante (projet de
+code, analyse approfondie, recherche multi-sources, rédaction longue) ou si
+l'utilisateur demande Claude ou le "mode cloud": elle part alors sur Claude.
+Sinon complex=false, elle reste sur le modèle local. Tu annonces brièvement
+que tu lances la tâche, puis tu continues la conversation. Quand un résultat de
+tâche arrive, tu le résumes à voix haute en une ou deux phrases. L'utilisateur
+reçoit automatiquement une notification Windows à la fin de chaque tâche.
+
+Pour l'heure ou la date, appelle get_datetime (ne délègue pas).
+
+Quand l'utilisateur te dit quelque chose de durable sur lui ou sur ses
+préférences ("appelle-moi...", "je travaille chez...", "souviens-toi que..."),
+appelle remember avec le fait reformulé en une phrase. S'il te demande
+d'oublier quelque chose, appelle forget. Pour le prévenir plus tard ou lui
+envoyer un message, appelle notify (notification Windows).
+
+Ne promets JAMAIS une action pour laquelle tu n'as pas d'outil.
+
+Pour ouvrir un logiciel sur ce PC ("lance Discord", "ouvre Spotify"), tu
+appelles open_app avec le nom de l'application. Pour un site web ou service
+en ligne ("ouvre mes emails" -> https://mail.google.com, "ouvre YouTube"),
+appelle open_url avec l'URL complète. Si l'utilisateur précise un écran
+("sur l'écran de gauche", "à droite", "sur l'écran 2"), passe monitor
+(left/right/top/bottom/primary ou un numéro). Tu peux enchaîner plusieurs
+appels pour installer un setup multi-écrans. Confirme brièvement.
+
+Si l'utilisateur demande d'annuler ou d'arrêter une tâche en cours, appelle
+cancel_task (sans task_id pour la plus récente).
+
+Quand tu veux MONTRER quelque chose à l'écran (résultat de calcul, liste,
+tableau, extrait de code, définition), appelle display_card: le contenu
+s'affiche sur l'interface. Utilise-la spontanément dès qu'un visuel aide
+(chiffres, comparaisons, étapes), et garde ta réponse vocale courte.
+
+Pour une ANALYSE DE DONNÉES ou un rapport (fichier Excel/CSV analysé, stats,
+comparatifs chiffrés), appelle display_report: un tableau de bord s'affiche
+avec indicateurs clés (kpis), graphique (chart) et tableau (table). Quand tu
+délègues une analyse à delegate_task, demande-lui explicitement de terminer
+sa réponse par les données chiffrées structurées (listes de valeurs, totaux,
+moyennes) pour que tu puisses remplir le rapport ensuite.
+
+Ne réponds jamais de mémoire à une question qui demande des données réelles:
+délègue. Ne lis jamais de longues listes: résume."""
+
+
+
+def load_memory() -> list[str]:
+    try:
+        return json.loads(MEMORY_FILE.read_text(encoding="utf-8"))
+    except (OSError, ValueError):
+        return []
+
+
+def save_memory(facts: list[str]):
+    MEMORY_FILE.write_text(json.dumps(facts, ensure_ascii=False, indent=2), encoding="utf-8")
+
+
+def system_prompt() -> str:
+    facts = load_memory()
+    if not facts:
+        return INSTRUCTIONS
+    return INSTRUCTIONS + "\n\nCe que tu sais de l'utilisateur (mémoire):\n" + "\n".join(
+        f"- {f}" for f in facts)
+
+
+TOOLS = [{
+    "name": "delegate_task",
+    "description": ("Delegate a real task to a background agent (Claude Code) "
+                    "running on this machine (files, code, web research, "
+                    "automation). Returns immediately; the result arrives "
+                    "later as a [SYSTEM] message."),
+    "parameters": {
+        "type": "object",
+        "properties": {
+            "title": {"type": "string", "description": "Very short task label (3-5 words)"},
+            "prompt": {"type": "string", "description": "Complete, self-contained task instruction for the agent"},
+            "complex": {"type": "boolean",
+                        "description": ("true = demanding task (big coding job, deep analysis, "
+                                        "multi-source research, long writing) or user asked for "
+                                        "Claude: runs on Claude. false = simple task, runs locally.")},
+        },
+        "required": ["title", "prompt"],
+    },
+}, {
+    "name": "remember",
+    "description": "Store a lasting fact about the user or their preferences (persists across sessions).",
+    "parameters": {
+        "type": "object",
+        "properties": {
+            "fact": {"type": "string", "description": "One short sentence, e.g. 'Il s'appelle Pascal et préfère être tutoyé.'"},
+        },
+        "required": ["fact"],
+    },
+}, {
+    "name": "forget",
+    "description": "Remove stored facts matching a keyword (or everything with 'tout').",
+    "parameters": {
+        "type": "object",
+        "properties": {
+            "keyword": {"type": "string", "description": "Word found in the facts to forget, or 'tout'"},
+        },
+        "required": ["keyword"],
+    },
+}, {
+    "name": "notify",
+    "description": "Show a Windows desktop notification to the user.",
+    "parameters": {
+        "type": "object",
+        "properties": {
+            "title": {"type": "string"},
+            "message": {"type": "string"},
+        },
+        "required": ["message"],
+    },
+}, {
+    "name": "get_datetime",
+    "description": "Current local date and time on this PC.",
+    "parameters": {"type": "object", "properties": {}},
+}, {
+    "name": "open_app",
+    "description": ("Launch an application installed on this PC by name "
+                    "(e.g. 'discord', 'spotify', 'chrome', 'notepad'). "
+                    "Returns whether it was found and started."),
+    "parameters": {
+        "type": "object",
+        "properties": {
+            "name": {"type": "string", "description": "Application name as the user said it"},
+            "monitor": {"type": "string",
+                        "description": ("Target screen: 'left', 'right', 'top', "
+                                        "'bottom', 'primary', or a number like '2'. "
+                                        "Omit to leave window placement alone.")},
+        },
+        "required": ["name"],
+    },
+}, {
+    "name": "open_url",
+    "description": ("Open a website in the browser on this PC. Use for online "
+                    "services: 'mes emails' -> https://mail.google.com, "
+                    "'YouTube' -> https://youtube.com, etc."),
+    "parameters": {
+        "type": "object",
+        "properties": {
+            "url": {"type": "string", "description": "Full URL to open (https://...)"},
+            "monitor": {"type": "string",
+                        "description": "Target screen: 'left', 'right', 'top', 'bottom', 'primary' or a number. Optional."},
+        },
+        "required": ["url"],
+    },
+}, {
+    "name": "cancel_task",
+    "description": ("Cancel a running background task. Omit task_id to cancel "
+                    "the most recently started running task."),
+    "parameters": {
+        "type": "object",
+        "properties": {
+            "task_id": {"type": "string", "description": "Task id to cancel (optional)"},
+        },
+    },
+}, {
+    "name": "display_card",
+    "description": ("Show a visual card on the JARVIS screen: results, "
+                    "numbers, lists, code, comparisons. Use markdown-lite: "
+                    "**bold**, `code`, lines starting with '- ' for bullets. "
+                    "Use whenever a visual helps; keep the spoken reply short."),
+    "parameters": {
+        "type": "object",
+        "properties": {
+            "title": {"type": "string", "description": "Short card title"},
+            "content": {"type": "string", "description": "Card body (markdown-lite)"},
+            "kind": {"type": "string", "enum": ["info", "result", "code", "warning"],
+                      "description": "Visual style of the card"},
+        },
+        "required": ["title", "content"],
+    },
+}, {
+    "name": "display_report",
+    "description": ("Show a full data report dashboard on screen: KPI tiles, "
+                    "an interactive chart, a sortable table, and markdown notes. "
+                    "Use for data analysis results (spreadsheets, stats, "
+                    "comparisons). All sections are optional except title."),
+    "parameters": {
+        "type": "object",
+        "properties": {
+            "title": {"type": "string", "description": "Report title"},
+            "kpis": {"type": "array", "description": "Headline numbers (max 4)",
+                     "items": {"type": "object", "properties": {
+                         "label": {"type": "string"},
+                         "value": {"type": "string", "description": "e.g. '12 480 €'"},
+                         "delta": {"type": "string", "description": "e.g. '+12%' (optional)"},
+                     }, "required": ["label", "value"]}},
+            "chart": {"type": "object", "description": "One chart", "properties": {
+                "type": {"type": "string", "enum": ["line", "bar", "area", "donut"]},
+                "categories": {"type": "array", "items": {"type": "string"},
+                               "description": "X axis labels (or slice labels for donut)"},
+                "series": {"type": "array", "description": "1-3 series",
+                           "items": {"type": "object", "properties": {
+                               "name": {"type": "string"},
+                               "data": {"type": "array", "items": {"type": "number"}},
+                           }, "required": ["name", "data"]}},
+            }},
+            "table": {"type": "object", "properties": {
+                "columns": {"type": "array", "items": {"type": "string"}},
+                "rows": {"type": "array", "items": {"type": "array",
+                         "items": {"type": ["string", "number"]}}},
+            }},
+            "markdown": {"type": "string", "description": "Notes / conclusions in markdown"},
+        },
+        "required": ["title"],
+    },
+}]
+OLLAMA_TOOLS = [{"type": "function", "function": t} for t in TOOLS]
+
+# ---------------------------------------------------------------- local models
+
+STT_POOL = ThreadPoolExecutor(1, thread_name_prefix="stt")
+TTS_POOL = ThreadPoolExecutor(1, thread_name_prefix="tts")
+_models_lock = threading.Lock()
+_whisper = None
+_kokoro = None
+
+
+def log(*args):
+    line = " ".join(str(a) for a in args)
+    print(time.strftime("  %H:%M:%S"), line, flush=True)
+    try:
+        LOG_DIR.mkdir(exist_ok=True)
+        with open(LOG_DIR / time.strftime("%Y-%m-%d.log"), "a", encoding="utf-8") as f:
+            f.write(time.strftime("%H:%M:%S ") + line + "\n")
+    except OSError:
+        pass
+
+
+def get_whisper():
+    global _whisper
+    with _models_lock:
+        if _whisper is None:
+            from faster_whisper import WhisperModel
+            _whisper = WhisperModel(WHISPER_MODEL, device=WHISPER_DEVICE,
+                                    compute_type=WHISPER_COMPUTE)
+        return _whisper
+
+
+def get_kokoro():
+    global _kokoro
+    with _models_lock:
+        if _kokoro is None:
+            import onnxruntime as ort
+            from kokoro_onnx import Kokoro
+            ort.set_default_logger_severity(3)  # hide harmless CUDA graph warnings
+            providers = ["CPUExecutionProvider"]
+            if TTS_DEVICE == "cuda" and "CUDAExecutionProvider" in ort.get_available_providers():
+                providers.insert(0, "CUDAExecutionProvider")
+            sess = ort.InferenceSession(str(MODELS / "kokoro-v1.0.onnx"), providers=providers)
+            _kokoro = Kokoro.from_session(sess, str(MODELS / "voices-v1.0.bin"))
+        return _kokoro
+
+
+# Whisper invents these on noise or silence (YouTube subtitle credits...).
+HALLUCINATIONS = ("sous-titre", "sous titre", "amara.org", "merci d'avoir regardé",
+                  "abonnez-vous", "merci de votre attention", "radio-canada")
+
+
+def load_corrections() -> dict:
+    """corrections.json: {"mal entendu": "correct"}, re-read each time so edits apply live."""
+    try:
+        data = json.loads(CORRECTIONS_FILE.read_text(encoding="utf-8"))
+        return {k: v for k, v in data.items() if not k.startswith("_")}
+    except (OSError, ValueError):
+        return {}
+
+
+def apply_corrections(text: str) -> str:
+    for wrong, right in load_corrections().items():
+        text = re.sub(rf"(?<!\w){re.escape(wrong)}(?!\w)", right, text, flags=re.I)
+    return text
+
+
+def transcribe(audio: np.ndarray, context: str = "") -> str:
+    """context: the last thing JARVIS said, so Whisper knows what the talk is about."""
+    segments, _ = get_whisper().transcribe(
+        audio, language=WHISPER_LANG, beam_size=5, vad_filter=False,
+        condition_on_previous_text=False, without_timestamps=True, hotwords=HOTWORDS,
+        initial_prompt=context[-200:] or None)
+    text = " ".join(s.text.strip() for s in segments
+                    if s.no_speech_prob < 0.6 and s.avg_logprob > -1.0).strip()
+    if any(h in text.lower() for h in HALLUCINATIONS):
+        return ""
+    if context and text and text.strip(" .") in context:  # Whisper echoing its prompt
+        return ""
+    return apply_corrections(text) if re.search(r"\w", text) else ""
+
+
+def _spoken(text: str) -> str:
+    """Clean a sentence for the TTS: no markdown, URLs or emojis."""
+    text = re.sub(r"https?://\S+", "le lien", text)
+    text = re.sub(r"[*_`#>|~]+", "", text)
+    text = re.sub(r"[\U0001F000-\U0001FAFF☀-➿️]", "", text)
+    return re.sub(r"\s+", " ", text).strip()
+
+
+def synthesize(text: str) -> bytes:
+    """Kokoro -> 24 kHz mono PCM16."""
+    samples, _ = get_kokoro().create(text, voice=TTS_VOICE, speed=TTS_SPEED, lang=TTS_LANG)
+    return (np.clip(samples, -1, 1) * 32767).astype("<i2").tobytes()
+
+
+class SileroVAD:
+    """Silero VAD v5 (ONNX), 512-sample frames at 16 kHz (32 ms)."""
+    FRAME = 512
+    CONTEXT = 64
+
+    _session = None
+
+    def __init__(self):
+        if SileroVAD._session is None:
+            import onnxruntime as ort
+            opts = ort.SessionOptions()
+            opts.intra_op_num_threads = opts.inter_op_num_threads = 1
+            SileroVAD._session = ort.InferenceSession(
+                str(MODELS / "silero_vad.onnx"), opts, providers=["CPUExecutionProvider"])
+        self.sr = np.array(16000, dtype=np.int64)
+        self.reset()
+
+    def reset(self):
+        self.state = np.zeros((2, 1, 128), dtype=np.float32)
+        self.context = np.zeros((1, self.CONTEXT), dtype=np.float32)
+
+    def __call__(self, frame: np.ndarray) -> float:
+        x = np.concatenate([self.context, frame.reshape(1, -1)], axis=1)
+        out, self.state = self._session.run(
+            None, {"input": x, "state": self.state, "sr": self.sr})
+        self.context = x[:, -self.CONTEXT:]
+        return float(out[0][0])
+
+
+def warmup():
+    """Load every model up front (the first CUDA run JIT-compiles kernels)."""
+    t = time.time()
+    print("  · Silero VAD…", flush=True)
+    SileroVAD()
+    print("  · Kokoro TTS…", flush=True)
+    for text in ("Bonjour.", "Très bien, je m'en occupe tout de suite.",
+                 "Le résultat de la tâche est arrivé, et tout s'est déroulé comme prévu, sans la moindre anicroche."):
+        synthesize(text)  # several lengths: the GPU tunes its kernels per shape
+    print(f"  · Whisper {WHISPER_MODEL} ({WHISPER_DEVICE})… (le tout premier lancement peut prendre 30 s)", flush=True)
+    transcribe(np.zeros(16000, dtype=np.float32))
+    print(f"  · Ollama {LLM_MODEL}…", flush=True)
+    try:
+        httpx.post(f"{OLLAMA_URL}/api/chat", json={
+            "model": LLM_MODEL, "messages": [], "keep_alive": KEEP_ALIVE,
+            "options": {"num_ctx": NUM_CTX}}, timeout=300)
+    except httpx.HTTPError as exc:
+        print(f"    ! Ollama injoignable ({exc}). Lance Ollama puis réessaie.")
+    print(f"  Prêt en {time.time() - t:.0f} s.", flush=True)
+
+# ---------------------------------------------------------------- windows notifications
+
+_TOAST_PS = r"""
+[Windows.UI.Notifications.ToastNotificationManager, Windows.UI.Notifications, ContentType = WindowsRuntime] > $null
+[Windows.Data.Xml.Dom.XmlDocument, Windows.Data.Xml.Dom.XmlDocument, ContentType = WindowsRuntime] > $null
+$x = New-Object Windows.Data.Xml.Dom.XmlDocument
+$x.LoadXml($env:JARVIS_TOAST)
+[Windows.UI.Notifications.ToastNotificationManager]::CreateToastNotifier(
+  '{1AC14E77-02E7-4E5D-B744-2EB1AE5198B7}\WindowsPowerShell\v1.0\powershell.exe'
+).Show([Windows.UI.Notifications.ToastNotification]::new($x))
+"""
+
+
+def toast(title: str, message: str):
+    """Fire-and-forget Windows toast (through PowerShell's registered app id)."""
+    from xml.sax.saxutils import escape
+    xml = ('<toast><visual><binding template="ToastGeneric">'
+           f"<text>{escape(title[:120])}</text><text>{escape(message[:400])}</text>"
+           "</binding></visual></toast>")
+    subprocess.Popen(["powershell", "-NoProfile", "-NonInteractive", "-Command", _TOAST_PS],
+                     env={**os.environ, "JARVIS_TOAST": xml},
+                     creationflags=subprocess.CREATE_NO_WINDOW)
+
+
+# ---------------------------------------------------------------- tasks
+
+TASKS: dict = {}
+PROCS: dict = {}  # task_id -> Popen, kept out of TASKS so get_task stays JSON-safe
+TASK_SESSIONS: dict = {}  # task_id -> voice Session to notify when it ends
+
+
+def _kill_tree(pid: int):
+    """Kill a process and its children (claude.cmd spawns node)."""
+    subprocess.run(["taskkill", "/T", "/F", "/PID", str(pid)],
+                   capture_output=True, creationflags=subprocess.CREATE_NO_WINDOW)
+
+
+def _agent_env(backend: str):
+    env = os.environ.copy()
+    if backend == "ollama":
+        # Ollama speaks the Anthropic Messages API: Claude Code runs on the local model.
+        env.update({
+            "ANTHROPIC_BASE_URL": OLLAMA_URL,
+            "ANTHROPIC_AUTH_TOKEN": "ollama",
+            "ANTHROPIC_API_KEY": "",
+            "ANTHROPIC_MODEL": AGENT_MODEL,
+            "ANTHROPIC_DEFAULT_OPUS_MODEL": AGENT_MODEL,
+            "ANTHROPIC_DEFAULT_SONNET_MODEL": AGENT_MODEL,
+            "ANTHROPIC_DEFAULT_HAIKU_MODEL": AGENT_MODEL,
+            "CLAUDE_CODE_SUBAGENT_MODEL": AGENT_MODEL,
+            "CLAUDE_CODE_DISABLE_NONESSENTIAL_TRAFFIC": "1",
+        })
+    return env
+
+
+def _run_task(task_id: str, prompt: str):
+    task = TASKS[task_id]
+    backend = task["backend"]
+    try:
+        # shutil.which honours PATHEXT, so this also finds claude.cmd on Windows.
+        claude = shutil.which("claude")
+        if not claude:
+            raise FileNotFoundError("claude")
+        cmd = [claude, "-p", prompt, "--append-system-prompt",
+               f"Réponds en {LANGUAGE}, de façon concise: ta réponse sera résumée à voix haute."]
+        if backend == "ollama":
+            cmd += ["--model", AGENT_MODEL]
+        if PERMISSION_MODE and PERMISSION_MODE.lower() != "off":
+            cmd += ["--permission-mode", PERMISSION_MODE]
+        proc = subprocess.Popen(
+            cmd,
+            stdout=subprocess.PIPE, stderr=subprocess.PIPE,
+            text=True, encoding="utf-8", errors="replace", cwd=WORKDIR,
+            env=_agent_env(backend), creationflags=subprocess.CREATE_NO_WINDOW,
+        )
+        PROCS[task_id] = proc
+        try:
+            stdout, stderr = proc.communicate(
+                timeout=int(os.environ.get("JARVIS_TASK_TIMEOUT", "600")))
+        except subprocess.TimeoutExpired:
+            _kill_tree(proc.pid)
+            proc.communicate()
+            task["status"] = "error"
+            task["output"] = "Timeout: la session a dépassé la limite de temps."
+        else:
+            if task["status"] == "cancelled":
+                pass  # set by the cancel endpoint; don't overwrite
+            else:
+                out = (stdout or "").strip()
+                err = (stderr or "").strip()
+                task["status"] = "done" if proc.returncode == 0 else "error"
+                task["output"] = out if out else err[:2000]
+    except FileNotFoundError:
+        task["status"] = "error"
+        task["output"] = ("La commande 'claude' est introuvable. Installe Claude Code: "
+                          "npm install -g @anthropic-ai/claude-code")
+    except Exception as exc:  # noqa: BLE001
+        task["status"] = "error"
+        task["output"] = str(exc)
+    finally:
+        PROCS.pop(task_id, None)
+    task["ended"] = time.time()
+    if NOTIFY and task["status"] in ("done", "error"):
+        first = next((l.strip(" #*") for l in (task["output"] or "").splitlines() if l.strip()), "")
+        toast(f"JARVIS · {task['title']}" + (" — erreur" if task["status"] == "error" else " — terminé"),
+              first or task["status"])
+    sess = TASK_SESSIONS.pop(task_id, None)
+    if sess:
+        asyncio.run_coroutine_threadsafe(sess.task_finished(task), sess.loop)
+
+
+class TaskIn(BaseModel):
+    title: str
+    prompt: str
+    complex: bool = False
+
+
+def start_task(title: str, prompt: str, session=None, complex_: bool = False) -> dict:
+    task_id = uuid.uuid4().hex[:8]
+    backend = COMPLEX_BACKEND if complex_ else AGENT_BACKEND
+    TASKS[task_id] = {
+        "id": task_id, "title": title, "prompt": prompt, "backend": backend,
+        "status": "running", "output": "", "started": time.time(), "ended": None,
+    }
+    if session:
+        TASK_SESSIONS[task_id] = session
+    log(f"tâche {task_id} « {title} » -> {'Claude' if backend == 'anthropic' else 'modèle local'}")
+    threading.Thread(target=_run_task, args=(task_id, prompt), daemon=True).start()
+    return TASKS[task_id]
+
+
+@app.post("/api/task")
+def create_task(body: TaskIn):
+    task = start_task(body.title, body.prompt, complex_=body.complex)
+    return {"id": task["id"], "status": "running"}
+
+
+@app.post("/api/task/{task_id}/cancel")
+def cancel_task(task_id: str):
+    if task_id in ("latest", "last", "-"):
+        running = [t for t in TASKS.values() if t["status"] == "running"]
+        if not running:
+            return {"ok": False, "error": "Aucune tâche en cours."}
+        task = max(running, key=lambda t: t["started"])
+    else:
+        task = TASKS.get(task_id)
+        if not task:
+            raise HTTPException(404, "unknown task")
+        if task["status"] != "running":
+            return {"ok": False, "error": f"La tâche est déjà {task['status']}."}
+    # Flag first so _run_task's communicate() return doesn't overwrite it.
+    task["status"] = "cancelled"
+    task["output"] = "Annulée par l'utilisateur."
+    proc = PROCS.get(task["id"])
+    if proc and proc.poll() is None:
+        _kill_tree(proc.pid)
+    return {"ok": True, "cancelled": task["id"], "title": task["title"]}
+
+
+@app.get("/api/task/{task_id}")
+def get_task(task_id: str):
+    task = TASKS.get(task_id)
+    if not task:
+        raise HTTPException(404, "unknown task")
+    return task
+
+
+# ---------------------------------------------------------------- monitors & window placement (Windows API)
+
+import ctypes
+from ctypes import wintypes
+
+user32 = ctypes.windll.user32
+try:  # accurate multi-monitor coordinates under display scaling
+    ctypes.windll.shcore.SetProcessDpiAwareness(2)
+except Exception:  # noqa: BLE001
+    pass
+
+_MonitorEnumProc = ctypes.WINFUNCTYPE(
+    ctypes.c_int, wintypes.HMONITOR, wintypes.HDC,
+    ctypes.POINTER(wintypes.RECT), wintypes.LPARAM)
+_EnumWindowsProc = ctypes.WINFUNCTYPE(ctypes.c_int, wintypes.HWND, wintypes.LPARAM)
+
+
+def _monitors():
+    """List monitor work rects as (left, top, right, bottom)."""
+    mons = []
+
+    def cb(hmon, hdc, lprc, lparam):
+        r = lprc.contents
+        mons.append((r.left, r.top, r.right, r.bottom))
+        return 1
+
+    user32.EnumDisplayMonitors(0, 0, _MonitorEnumProc(cb), 0)
+    return mons
+
+
+def _pick_monitor(target: str):
+    mons = _monitors()
+    if not mons:
+        return None
+    t = (target or "").strip().lower()
+    if t.isdigit():
+        i = int(t) - 1
+        return mons[i] if 0 <= i < len(mons) else None
+    key = {
+        "left": lambda m: m[0], "gauche": lambda m: m[0],
+        "top": lambda m: m[1], "haut": lambda m: m[1],
+    }
+    if t in key:
+        return min(mons, key=key[t])
+    key = {
+        "right": lambda m: m[2], "droite": lambda m: m[2], "droit": lambda m: m[2],
+        "bottom": lambda m: m[3], "bas": lambda m: m[3],
+    }
+    if t in key:
+        return max(mons, key=key[t])
+    # primary: the monitor containing the origin (0,0)
+    for m in mons:
+        if m[0] <= 0 < m[2] and m[1] <= 0 < m[3]:
+            return m
+    return mons[0]
+
+
+def _visible_windows():
+    """Map of visible top-level windows: hwnd -> title."""
+    wins = {}
+
+    def cb(hwnd, lparam):
+        if user32.IsWindowVisible(hwnd):
+            n = user32.GetWindowTextLengthW(hwnd)
+            if n:
+                buf = ctypes.create_unicode_buffer(n + 1)
+                user32.GetWindowTextW(hwnd, buf, n + 1)
+                wins[hwnd] = buf.value
+        return 1
+
+    user32.EnumWindows(_EnumWindowsProc(cb), 0)
+    return wins
+
+
+def _move_to_monitor(hwnd, mon):
+    left, top, right, bottom = mon
+    SW_RESTORE, SW_MAXIMIZE = 9, 3
+    user32.ShowWindow(hwnd, SW_RESTORE)  # a maximized window can't be moved
+    user32.MoveWindow(hwnd, left + 40, top + 40,
+                      max(400, (right - left) - 80), max(300, (bottom - top) - 80), True)
+    user32.ShowWindow(hwnd, SW_MAXIMIZE)
+    user32.SetForegroundWindow(hwnd)
+
+
+def _place_app_window(app_name: str, before: dict, mon, timeout: float = 20.0):
+    """Wait for the app's window to appear, then move it to the target monitor.
+
+    Prefers a NEW window whose title mentions the app; falls back to any new
+    window, then to an existing title match (single-instance apps like Discord
+    just refocus their already-open window).
+    """
+    q = app_name.lower()
+    deadline = time.time() + timeout
+    fallback = None
+    while time.time() < deadline:
+        wins = _visible_windows()
+        new = {h: t for h, t in wins.items() if h not in before}
+        for h, title in new.items():
+            if q in title.lower():
+                _move_to_monitor(h, mon)
+                return title
+        if new and fallback is None:
+            fallback = max(new)  # remember, but keep hoping for a title match
+        time.sleep(0.5)
+        if fallback and time.time() > deadline - timeout / 2:
+            break
+    if fallback:
+        wins = _visible_windows()
+        _move_to_monitor(fallback, mon)
+        return wins.get(fallback, app_name)
+    # No new window: single-instance app already running -> match existing title.
+    for h, title in _visible_windows().items():
+        if q in title.lower():
+            _move_to_monitor(h, mon)
+            return title
+    return None
+
+
+# ---------------------------------------------------------------- open app
+
+START_MENU_DIRS = [
+    Path(os.environ.get("APPDATA", "")) / "Microsoft/Windows/Start Menu/Programs",
+    Path(os.environ.get("PROGRAMDATA", "")) / "Microsoft/Windows/Start Menu/Programs",
+]
+
+
+def _find_shortcut(name: str):
+    """Fuzzy-match a Start Menu shortcut (where installed apps register)."""
+    q = name.lower().strip()
+    best, best_score = None, 0.0
+    for root in START_MENU_DIRS:
+        if not root.is_dir():
+            continue
+        for lnk in root.rglob("*.lnk"):
+            stem = lnk.stem.lower()
+            if q == stem:
+                return lnk
+            score = 0.0
+            if q in stem:
+                score = 2 + len(q) / len(stem)   # substring: prefer tightest match
+            elif all(w in stem for w in q.split()):
+                score = 1
+            # Penalise uninstallers and docs.
+            if any(bad in stem for bad in ("uninstall", "désinstaller", "readme", "website")):
+                score -= 2
+            if score > best_score:
+                best, best_score = lnk, score
+    return best
+
+
+class OpenIn(BaseModel):
+    name: str = ""
+    url: str | None = None
+    monitor: str | None = None
+
+
+def _placed(name: str, monitor: str | None, before: dict, launched: str):
+    """Optionally move the freshly launched app to the requested screen."""
+    if not monitor:
+        return {"ok": True, "launched": launched}
+    mon = _pick_monitor(monitor)
+    if not mon:
+        return {"ok": True, "launched": launched,
+                "warning": f"écran '{monitor}' introuvable, fenêtre laissée en place"}
+    title = _place_app_window(name, before, mon)
+    if title:
+        return {"ok": True, "launched": launched, "monitor": monitor, "window": title}
+    return {"ok": True, "launched": launched,
+            "warning": "fenêtre non détectée, placement impossible"}
+
+
+@app.post("/api/open")
+def open_app(body: OpenIn):
+    name = body.name.strip()
+    if body.url:
+        url = body.url.strip()
+        if not url.startswith(("http://", "https://")):
+            url = "https://" + url
+        before = _visible_windows() if body.monitor else {}
+        import webbrowser
+        if not webbrowser.open(url):
+            return {"ok": False, "error": "Impossible d'ouvrir le navigateur."}
+        # Match the browser window by the site's domain.
+        domain = url.split("//", 1)[1].split("/", 1)[0].removeprefix("www.")
+        return _placed(domain.split(".")[0], body.monitor, before, url)
+    if not name:
+        raise HTTPException(400, "missing app name or url")
+    before = _visible_windows() if body.monitor else {}
+    lnk = _find_shortcut(name)
+    if lnk:
+        os.startfile(lnk)  # noqa: S606 - deliberate: local launcher
+        return _placed(name, body.monitor, before, lnk.stem)
+    # Fallback: resolve via PATH then the App Paths registry (chrome, notepad...).
+    exe = shutil.which(name) or shutil.which(name + ".exe")
+    if not exe:
+        try:
+            import winreg
+            for hive in (winreg.HKEY_CURRENT_USER, winreg.HKEY_LOCAL_MACHINE):
+                try:
+                    key = winreg.OpenKey(hive, rf"Software\Microsoft\Windows"
+                                               rf"\CurrentVersion\App Paths\{name}.exe")
+                    exe = winreg.QueryValueEx(key, None)[0].strip('"')
+                    break
+                except OSError:
+                    continue
+        except ImportError:
+            pass
+    if not exe:
+        return {"ok": False, "error": f"Application '{name}' introuvable sur ce PC."}
+    try:
+        subprocess.Popen([exe], cwd=str(Path(exe).parent))
+        res = _placed(name, body.monitor, before, Path(exe).stem)
+        res.setdefault("via", "exe")
+        return res
+    except Exception as exc:  # noqa: BLE001
+        return {"ok": False, "error": str(exc)}
+
+
+# ---------------------------------------------------------------- voice session
+
+FRAME_MS = 32  # one Silero frame (512 samples @ 16 kHz)
+START_FRAMES = 3                      # ~100 ms of speech opens an utterance
+BARGE_FRAMES = 8                      # ~250 ms needed to interrupt JARVIS
+SILENCE_FRAMES = max(1, SILENCE_MS // FRAME_MS)
+PREROLL_FRAMES = 10                   # keep ~320 ms before the trigger
+MIN_SPEECH = int(0.35 * 16000)
+MAX_FRAMES = 30_000 // FRAME_MS       # cut an utterance at 30 s
+MAX_HISTORY = 40
+# Flush a sentence to the TTS at its end punctuation (or on a newline).
+SENT_END = re.compile(r"(?<=[.!?…:;])[\"»)]?\s+|\n+")
+FIRST_CUT = re.compile(r"[,.!?…:;]\s+")
+
+
+def split_sentences(buf: str, first: bool = False):
+    """Pop complete sentences off the LLM stream; returns (sentences, rest).
+
+    For the very first chunk of a reply, a comma is enough: JARVIS starts
+    talking sooner while the rest of the sentence is still being written.
+    """
+    if first:
+        m = FIRST_CUT.search(buf)
+        if m and m.start() >= 15:
+            return [buf[:m.start() + 1]], buf[m.end():]
+    out, start = [], 0
+    for m in SENT_END.finditer(buf):
+        if m.start() - start >= 12:  # too short ("M. "): merge with the next one
+            out.append(buf[start:m.start()])
+            start = m.end()
+    rest = buf[start:]
+    if len(rest) > 160:  # long clause with no full stop: cut at a comma
+        i = rest.rfind(", ", 0, 160)
+        if i > 40:
+            out.append(rest[:i + 1])
+            rest = rest[i + 2:]
+    return out, rest
+
+
+class Session:
+    """One browser connection: VAD -> STT -> LLM (+tools) -> TTS loop."""
+
+    def __init__(self, ws: WebSocket):
+        self.ws = ws
+        self.loop = asyncio.get_running_loop()
+        self.history = [{"role": "system", "content": system_prompt()}]
+        self.speech_end = 0.0  # when the user's last utterance ended
+        self.last_audio = None    # that utterance, in case the user goes on talking
+        self.merge_prefix = None  # previous fragment to glue in front of this one
+        self.utt_gen = 0          # bumps on each utterance; stale transcriptions drop out
+        self.turn_index = None    # history index of the current user turn
+        self.turn_gen = -1        # utt_gen that produced it
+        self.tools_ran = False    # side effects already happened: too late to merge
+        self.first_audio_logged = True
+        self.m_stt, self.m_llm, self.m_reply_t0 = 0.0, None, 0.0
+        self.reply: asyncio.Task | None = None
+        self.playing = False          # the browser is still playing our audio
+        self.pending: list[str] = []  # task results waiting for a free turn
+        self.closed = False
+        self.http = httpx.AsyncClient(timeout=httpx.Timeout(600, connect=10))
+        self.vad = SileroVAD()
+        self.carry = np.zeros(0, dtype=np.float32)
+        self.preroll = deque(maxlen=PREROLL_FRAMES)
+        self.frames: list[np.ndarray] = []
+        self.in_speech = False
+        self.voiced = self.silent = 0
+        self.stats_t, self.stats_frames, self.stats_peak, self.stats_p = time.time(), 0, 0.0, 0.0
+
+    # ------------------------------------------------ outbound
+    async def send(self, obj: dict):
+        if not self.closed:
+            try:
+                await self.ws.send_text(json.dumps(obj, ensure_ascii=False))
+            except Exception:  # noqa: BLE001 - socket gone
+                self.closed = True
+
+    async def send_audio(self, pcm: bytes):
+        if not self.closed:
+            try:
+                await self.ws.send_bytes(pcm)
+            except Exception:  # noqa: BLE001
+                self.closed = True
+
+    @property
+    def busy(self) -> bool:
+        return self.playing or (self.reply is not None and not self.reply.done())
+
+    # ------------------------------------------------ inbound
+    async def on_text(self, msg: dict):
+        if msg.get("type") == "interrupt":
+            await self.interrupt()
+            await self.send({"type": "state", "state": "idle"})
+            return
+        if msg.get("type") == "playback":
+            self.playing = bool(msg.get("playing"))
+            if not self.busy and not self.in_speech:
+                await self.send({"type": "state", "state": "idle"})
+                await self._drain_pending()
+
+    async def feed(self, data: bytes):
+        """Mic audio: PCM16 mono 16 kHz, any chunk size."""
+        pcm = np.frombuffer(data, dtype="<i2").astype(np.float32) / 32768.0
+        buf = np.concatenate([self.carry, pcm])
+        n = len(buf) // SileroVAD.FRAME * SileroVAD.FRAME
+        self.carry = buf[n:]
+        for frame in buf[:n].reshape(-1, SileroVAD.FRAME):
+            await self._on_frame(frame)
+        self.stats_frames += n // SileroVAD.FRAME
+        self.stats_peak = max(self.stats_peak, float(np.abs(pcm).max(initial=0)))
+        if time.time() - self.stats_t >= 5:  # mic heartbeat, handy to debug audio
+            log(f"micro: {self.stats_frames * FRAME_MS / 5000:.0%} du flux reçu, "
+                f"pic {self.stats_peak:.2f}, voix max {self.stats_p:.2f}")
+            self.stats_t, self.stats_frames, self.stats_peak, self.stats_p = time.time(), 0, 0.0, 0.0
+
+    async def _on_frame(self, frame: np.ndarray):
+        p = self.vad(frame)
+        self.stats_p = max(self.stats_p, p)
+        if not self.in_speech:
+            self.preroll.append(frame)
+            busy = self.busy
+            if busy and not BARGE_IN:
+                self.voiced = 0
+                return
+            # Speaking again right after a pause continues the same sentence.
+            cont = (self.last_audio is not None and not self.tools_ran
+                    and time.time() - self.speech_end < CONTINUE_S)
+            # While JARVIS talks, its own voice may leak into the mic: be stricter.
+            strict = self.playing or (busy and not cont)
+            thr = max(VAD_THRESHOLD, 0.8) if strict else VAD_THRESHOLD
+            self.voiced = self.voiced + 1 if p >= thr else 0
+            if self.voiced >= (BARGE_FRAMES if strict else START_FRAMES):
+                self.in_speech, self.silent = True, 0
+                self.frames = list(self.preroll)
+                if cont:
+                    await self._continue_turn()
+                elif busy:
+                    await self.interrupt()
+                await self.send({"type": "state", "state": "listening"})
+            return
+        self.frames.append(frame)
+        self.silent = self.silent + 1 if p < VAD_THRESHOLD - 0.15 else 0
+        if self.silent >= SILENCE_FRAMES or len(self.frames) >= MAX_FRAMES:
+            self.speech_end = time.time()
+            self.first_audio_logged = False
+            audio = np.concatenate(self.frames)
+            if self.merge_prefix is not None:
+                audio = np.concatenate([self.merge_prefix, np.zeros(3200, np.float32), audio])
+                self.merge_prefix = None
+            self.in_speech, self.voiced, self.frames = False, 0, []
+            self.preroll.clear()
+            self.last_audio = audio
+            self.utt_gen += 1
+            asyncio.create_task(self._utterance(audio, self.utt_gen))
+
+    async def _continue_turn(self):
+        """The user paused mid-sentence: drop the reply to the first fragment."""
+        prev_gen = self.utt_gen
+        self.merge_prefix = self.last_audio
+        self.utt_gen += 1  # an in-flight transcription of the fragment is now stale
+        await self.interrupt()
+        if self.turn_gen == prev_gen and self.turn_index is not None:
+            self.history = self.history[:self.turn_index]
+        log("suite de ta phrase : je recolle les morceaux")
+
+    async def _utterance(self, audio: np.ndarray, gen: int):
+        if len(audio) < MIN_SPEECH:
+            if not self.busy:
+                await self.send({"type": "state", "state": "idle"})
+            return
+        await self.send({"type": "state", "state": "transcribing"})
+        t = time.time()
+        context = next((m["content"] for m in reversed(self.history)
+                        if m["role"] == "assistant" and m.get("content")), "")
+        text = await self.loop.run_in_executor(STT_POOL, transcribe, audio, context)
+        self.m_stt = time.time() - t
+        if gen != self.utt_gen:
+            return  # the user kept talking: a merged utterance replaces this one
+        log(f"entendu ({len(audio) / 16000:.1f} s, stt {time.time() - t:.2f} s): {text!r}")
+        if not text:
+            if not self.busy:
+                await self.send({"type": "state", "state": "idle"})
+            return
+        await self.send({"type": "user_text", "text": text,
+                         "ms": int((time.time() - t) * 1000)})
+        await self.start_reply({"role": "user", "content": text})
+        self.turn_index, self.turn_gen = len(self.history) - 1, gen
+
+    # ------------------------------------------------ reply
+    async def interrupt(self):
+        if not self.busy:
+            return
+        if self.reply and not self.reply.done():
+            self.reply.cancel()
+            try:
+                await self.reply
+            except (asyncio.CancelledError, Exception):  # noqa: BLE001
+                pass
+        self.playing = False
+        await self.send({"type": "stop_audio"})
+
+    async def start_reply(self, message: dict):
+        await self.interrupt()
+        self.tools_ran = False
+        self.turn_gen = -1  # set again by _utterance for a spoken turn
+        self.history.append(message)
+        if len(self.history) > MAX_HISTORY:
+            tail = self.history[-MAX_HISTORY:]
+            while tail and tail[0]["role"] != "user":  # never start on a tool result
+                tail.pop(0)
+            self.history = [self.history[0]] + tail
+        self.reply = asyncio.create_task(self._respond())
+        # Task results that arrived meanwhile get their turn once this one ends.
+        self.reply.add_done_callback(lambda _: asyncio.create_task(self._drain_pending()))
+
+    async def _respond(self):
+        speech: asyncio.Queue = asyncio.Queue()
+        speaker = asyncio.create_task(self._speaker(speech))
+        spoken = []
+        await self.send({"type": "state", "state": "thinking"})
+        await self.send({"type": "reply_start"})
+        self.m_reply_t0, self.m_llm = time.time(), None
+        try:
+            for _ in range(6):  # tool-call rounds
+                content, calls = await self._llm_round(speech, spoken)
+                if content:
+                    log(f"jarvis: {content[:200]!r}")
+                msg = {"role": "assistant", "content": content}
+                if calls:
+                    msg["tool_calls"] = calls
+                self.history.append(msg)
+                spoken.clear()
+                if not calls:
+                    break
+                for call in calls:
+                    fn = call.get("function", {})
+                    args = fn.get("arguments") or {}
+                    if isinstance(args, str):
+                        try:
+                            args = json.loads(args or "{}")
+                        except json.JSONDecodeError:
+                            args = {}
+                    log(f"outil {fn.get('name')}({json.dumps(args, ensure_ascii=False)[:120]})")
+                    result = await self._tool(fn.get("name", ""), args)
+                    self.history.append({"role": "tool", "tool_name": fn.get("name", ""),
+                                         "content": json.dumps(result, ensure_ascii=False)})
+            await speech.put(None)
+            await speaker
+        except asyncio.CancelledError:
+            speaker.cancel()
+            if spoken:  # keep what was actually said, so the context stays honest
+                self.history.append({"role": "assistant", "content": "".join(spoken) + " […interrompu]"})
+            raise
+        except httpx.HTTPError as exc:
+            speaker.cancel()
+            log(f"erreur Ollama: {exc}")
+            await self.send({"type": "error", "text": f"Ollama: {exc}"})
+        finally:
+            if not self.playing:
+                await self.send({"type": "state", "state": "idle"})
+
+    async def _llm_round(self, speech: asyncio.Queue, spoken: list):
+        body = {"model": LLM_MODEL, "messages": self.history, "tools": OLLAMA_TOOLS,
+                "stream": True, "think": False, "keep_alive": KEEP_ALIVE,
+                "options": {"num_ctx": NUM_CTX, "temperature": TEMPERATURE}}
+        content, buf, calls = "", "", []
+        spoken_any = [False]
+        async with self.http.stream("POST", f"{OLLAMA_URL}/api/chat", json=body) as r:
+            if r.status_code >= 400:
+                raise httpx.HTTPError(f"{r.status_code} {(await r.aread())[:300]!r}")
+            async for line in r.aiter_lines():
+                if not line:
+                    continue
+                chunk = json.loads(line)
+                if chunk.get("error"):
+                    raise httpx.HTTPError(chunk["error"])
+                msg = chunk.get("message") or {}
+                calls += msg.get("tool_calls") or []
+                delta = msg.get("content") or ""
+                if delta and self.m_llm is None:
+                    self.m_llm = time.time() - self.m_reply_t0
+                if delta:
+                    content += delta
+                    spoken.append(delta)
+                    await self.send({"type": "assistant_delta", "text": delta})
+                    buf += delta
+                    sentences, buf = split_sentences(buf, first=not self.playing and not spoken_any[0])
+                    spoken_any[0] = spoken_any[0] or bool(sentences)
+                    for s in sentences:
+                        await speech.put(s)
+        if buf.strip():
+            await speech.put(buf)
+        content = re.sub(r"<think>.*?</think>", "", content, flags=re.S).strip()
+        return content, calls
+
+    async def _speaker(self, speech: asyncio.Queue):
+        while (text := await speech.get()) is not None:
+            text = _spoken(re.sub(r"<think>.*?</think>", "", text, flags=re.S))
+            if not re.search(r"\w", text):
+                continue
+            t_tts = time.time()
+            pcm = await self.loop.run_in_executor(TTS_POOL, synthesize, text)
+            if not self.first_audio_logged and self.speech_end:
+                self.first_audio_logged = True
+                total = time.time() - self.speech_end
+                log(f"1er son {total:.2f} s après ta phrase")
+                await self.send({"type": "metrics", "stt": round(self.m_stt, 3),
+                                 "llm": round(self.m_llm or 0, 3),
+                                 "tts": round(time.time() - t_tts, 3), "total": round(total, 3)})
+            if not self.playing:
+                self.playing = True
+                await self.send({"type": "state", "state": "speaking"})
+            await self.send_audio(pcm)
+
+    # ------------------------------------------------ tools
+    async def _tool(self, name: str, args: dict) -> dict:
+        if name not in ("display_card", "display_report", "get_datetime"):
+            self.tools_ran = True  # real side effect: a late continuation won't undo it
+        try:
+            if name == "delegate_task":
+                task = start_task(args.get("title") or "Tâche", args.get("prompt") or "", self,
+                                  complex_=bool(args.get("complex")))
+                await self.send({"type": "task", "task": task})
+                return {"status": "started", "task_id": task["id"],
+                        "runs_on": "Claude" if task["backend"] == "anthropic" else "modèle local"}
+            if name == "remember":
+                fact = (args.get("fact") or "").strip()
+                facts = load_memory()
+                if fact and fact not in facts:
+                    facts.append(fact)
+                    save_memory(facts)
+                    self.history[0]["content"] = system_prompt()
+                return {"ok": True, "memory": facts}
+            if name == "forget":
+                kw = (args.get("keyword") or "").strip().lower()
+                facts = load_memory()
+                kept = [] if kw in ("tout", "all", "*") else [f for f in facts if kw not in f.lower()]
+                save_memory(kept)
+                self.history[0]["content"] = system_prompt()
+                return {"ok": True, "forgotten": len(facts) - len(kept), "memory": kept}
+            if name == "notify":
+                toast(args.get("title") or "J.A.R.V.I.S.", args.get("message") or "")
+                return {"ok": True}
+            if name == "get_datetime":
+                return {"now": time.strftime("%A %d %B %Y, %H:%M"),
+                        "iso": time.strftime("%Y-%m-%dT%H:%M:%S")}
+            if name in ("open_app", "open_url"):
+                body = OpenIn(name=args.get("name") or "", url=args.get("url") or None,
+                              monitor=args.get("monitor") or None)
+                label = body.name or body.url
+                where = f" → écran **{body.monitor}**" if body.monitor else ""
+                await self.send({"type": "ui", "name": "display_card", "args": {
+                    "title": "Lancement", "content": f"Ouverture de **{label}**{where}…"}})
+                return await self.loop.run_in_executor(None, open_app, body)
+            if name == "cancel_task":
+                res = cancel_task(args.get("task_id") or "latest")
+                if res.get("cancelled"):
+                    await self.send({"type": "task", "task": TASKS[res["cancelled"]]})
+                return res
+            if name in ("display_card", "display_report"):
+                await self.send({"type": "ui", "name": name, "args": args})
+                return {"status": "displayed"}
+            return {"ok": False, "error": f"outil inconnu: {name}"}
+        except HTTPException as exc:
+            return {"ok": False, "error": exc.detail}
+        except Exception as exc:  # noqa: BLE001
+            return {"ok": False, "error": str(exc)}
+
+    async def task_finished(self, task: dict):
+        await self.send({"type": "task", "task": task})
+        if task["status"] == "cancelled":
+            return  # the model already got the cancel_task output
+        summary = (task.get("output") or "")[:4000]
+        self.pending.append(
+            f'[SYSTEM] Résultat de la tâche "{task["title"]}" ({task["status"]}): {summary}\n'
+            "Résume oralement en une ou deux phrases. Si c'est une analyse de données "
+            "(chiffres, stats, comparatifs), affiche un tableau de bord avec display_report "
+            "(kpis, chart, table). Pour un simple résultat ponctuel, utilise display_card.")
+        if not self.busy and not self.in_speech:
+            await self._drain_pending()
+
+    async def _drain_pending(self):
+        if self.pending and not self.busy and not self.in_speech and not self.closed:
+            await self.start_reply({"role": "user", "content": self.pending.pop(0)})
+
+    async def close(self):
+        self.closed = True
+        if self.reply and not self.reply.done():
+            self.reply.cancel()
+        for tid, s in list(TASK_SESSIONS.items()):
+            if s is self:
+                TASK_SESSIONS.pop(tid, None)
+        await self.http.aclose()
+
+
+@app.websocket("/ws")
+async def voice(ws: WebSocket):
+    await ws.accept()
+    log("navigateur connecté")
+    session = Session(ws)
+    await session.send({"type": "ready", "model": LLM_MODEL, "voice": TTS_VOICE, "address": ADDRESS,
+                        "barge_in": BARGE_IN, "whisper": WHISPER_MODEL,
+                        "agent": AGENT_BACKEND, "complex": COMPLEX_BACKEND})
+    try:
+        while True:
+            msg = await ws.receive()
+            if msg["type"] == "websocket.disconnect":
+                break
+            if msg.get("bytes"):
+                await session.feed(msg["bytes"])
+            elif msg.get("text"):
+                await session.on_text(json.loads(msg["text"]))
+    except WebSocketDisconnect:
+        pass
+    finally:
+        log("navigateur déconnecté")
+        await session.close()
+
+
+# ---------------------------------------------------------------- static
+
+_gpu_cache = {"t": 0.0, "data": None}
+
+
+@app.get("/api/status")
+def status():
+    """GPU memory (NVIDIA only, cached a few seconds) for the telemetry panel."""
+    if time.time() - _gpu_cache["t"] > 4:
+        _gpu_cache["t"] = time.time()
+        try:
+            out = subprocess.run(
+                ["nvidia-smi", "--query-gpu=memory.used,memory.total", "--format=csv,noheader,nounits"],
+                capture_output=True, text=True, timeout=3,
+                creationflags=getattr(subprocess, "CREATE_NO_WINDOW", 0)).stdout
+            used, total = (int(x) for x in out.splitlines()[0].split(","))
+            _gpu_cache["data"] = {"used_mb": used, "total_mb": total}
+        except Exception:  # noqa: BLE001 - no NVIDIA GPU / driver
+            _gpu_cache["data"] = None
+    running = sum(1 for t in TASKS.values() if t["status"] == "running")
+    return {"gpu": _gpu_cache["data"], "tasks_running": running, "model": LLM_MODEL}
+
+
+@app.get("/")
+def index():
+    return FileResponse(ROOT / "index.html")
+
+
+if __name__ == "__main__":
+    import uvicorn
+    port = int(os.environ.get("JARVIS_PORT", "8788"))
+    print("\n  JARVIS Local — chargement des modèles")
+    warmup()
+    print(f"\n  JARVIS Local -> http://127.0.0.1:{port}\n")
+    uvicorn.run(app, host="127.0.0.1", port=port, log_level="warning")

start.bat

@@ -0,0 +1,5 @@
+@echo off
+cd /d "%~dp0"
+start "" http://127.0.0.1:8788
+.venv\Scripts\python.exe server.py
+pause